De focusvolgorde is te toetsen met het toetsenbord en het oog. Er is geen software voor nodig.
Ga als volgt te werk:
- Klik bovenaan de pagina, buiten een link of invoerveld.
- Druk op Tab en volg met je ogen waar de focus heen springt.
- Teken die route in gedachten na: loopt hij van links naar rechts en van boven naar beneden?
Springt de focus vooruit en dan weer terug omhoog, dan is de afwijking gevonden. Begin bij formulieren: daar heeft een verkeerde volgorde de meeste gevolgen.
Drie plekken waar het vaak misgaat:
- Een venster dat opengaat en de focus achterlaat op de pagina erachter.
- Een uitklapmenu waarvan de onderdelen onderaan de pagina in de code staan.
- Een tweeluik met beeld en tekst waarvan de code omgekeerd is.
Zoek in de bronbestanden daarnaast naar een positieve tabindex. Elke treffer is vrijwel zeker een fout:
tabindex="1"
tabindex="2"Zoek ook naar order: en flex-direction: row-reverse in het stijlbestand. Dat hoeft geen fout te zijn, maar het is wel de plek waar je moet kijken.