Geen focusbare child-elementen in role=text

Hoe herstel je focusbare child-elementen in role=text?

Verwijder focusbare elementen uit de role=text-container, of structureer de inhoud zodat de tekst-rol niet nodig is:

<span role="text">
  Lees meer over <a href="/onderwerp">toegankelijkheid</a>
</span>

<span>
  Lees meer over <a href="/onderwerp">toegankelijkheid</a>
</span>

<span role="text">Lees meer over toegankelijkheid</span>

role=text is bedoeld om inline tekstknooppunten te groeperen zodat schermlezers ze als één zinsdeel behandelen. Het mag alleen platte tekst bevatten.

Waarom is dit belangrijk?

Schermlezers verwerken role=text door de gegroepeerde tekst als één geheel voor te lezen. Wanneer er een focusbaar element in staat, worden de leesvolgorde en het focusgedrag onvoorspelbaar. Gebruikers kunnen inhoud missen of fouten tegenkomen bij het navigeren met het toetsenbord of hulptechnologie.