Controleer handmatig of alle aangepaste bedieningselementen via het toetsenbord kunnen worden gefocust en een focusindicator worden weergegeven. De volgorde waarin de elementen worden gefocust, moet erop gericht zijn de DOM-volgorde te volgen. Als u niet zeker weet welke elementen aandacht moeten krijgen, raadpleeg dan Inleiding tot Focus .
Handmatig testen
Om te testen of het aangepaste besturingselement focusbaar is en een focusindicator weergeeft, bladert u eerst door uw site. Gebruik TAB (of SHIFT + TAB ) om tussen de besturingselementen te schakelen, en gebruik de pijltoetsen en ENTER en SPACE om hun waarden te manipuleren (zie ook Basisprincipes van toetsenbordtoegang ):
Kunt u alle interactieve bedieningselementen op de pagina bereiken? Is er een focusindicator op elke interactieve bediening?
Hoe te repareren
Als u niet door alle elementen op een pagina kunt bladeren, moet u mogelijk tabindex gebruiken om de focus van deze besturingselementen te verbeteren.
Om een aangepast besturingselement focusseerbaar te maken, voegt u het aangepaste besturingselement in de natuurlijke tabvolgorde in met behulp van tabindex="0" (zie ook Focus besturen met tabindex ). Bijvoorbeeld:
<div tabindex="0">Focus me with the TAB key</div>
Mogelijk moet u ook de juiste ARIA-rollen toevoegen aan de aangepaste besturingselementen. Zie Aangepaste besturingselementen hebben ARIA-rollen .
Als u geen focusindicator ziet, kunt u overwegen om :focus te gebruiken om altijd een focusindicator weer te geven. Ongeacht of u een muis of een toetsenbord gebruikt om ernaar toe te gaan, de focusindicator van de knop ziet er altijd hetzelfde uit (zie ook Stijlfocus ).
Waarom dit ertoe doet
Voor gebruikers die geen muis kunnen of willen gebruiken, is toetsenbordnavigatie het belangrijkste middel om alles op een scherm te bereiken. Goede toetsenbordervaringen zijn afhankelijk van een logische tabvolgorde en gemakkelijk waarneembare focusstijlen. Als een toetsenbordgebruiker niet kan zien wat de focus is, heeft hij geen enkele mogelijkheid om met de pagina te communiceren.
Meer informatie vindt u in Een toegankelijkheidsbeoordeling uitvoeren .