Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

documentatie: welke elementen zijn focusbaar, en elke moeten niet focusbaar zijn? #2401

Open
Robbert opened this issue Aug 21, 2024 · 0 comments

Comments

@Robbert
Copy link
Member

Robbert commented Aug 21, 2024

FLO-builder heeft fieldset code die focusbaar is, en dat is niet wenselijk:

<fieldset tabindex="0" class="flo-question-container">
  • We hebben wat documentatie nodig om uit te leggen dat tabindex="0" alleen bij bepaalde componenten wenselijk is.
  • We hebben documentatie nodig welke componenten tabindex="-1" supporten.
  • In de CSS storybook is in elk geval impliciet duidelijk welke componenten een consistente focus ring styling hebben: alles met een "Focus" story heeft de styling, de rest van de componenten is het onverwacht als ze focusbaar zijn.
  • Sommige componenten zijn handig om naartoe te linken op een manier dat zowel de focus als de screen reader positie verplaatsen. Dat kan het beste met tabindex="-1" voor componenten die niet standaard al focusable zijn. Voor sommige container componenten moet er code geschreven worden om de focus dan te verplaatsen naar een element binnen de container. Bijvoorbeeld: van de form field container de focus verplaatsen naar de form control.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant