utrecht icon indicating copy to clipboard operation
utrecht copied to clipboard

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

Open Robbert opened this issue 6 months ago • 0 comments

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.

Robbert avatar Aug 21 '24 12:08 Robbert