utrecht
utrecht copied to clipboard
documentatie: welke elementen zijn focusbaar, en elke moeten niet focusbaar zijn?
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.