Tarkista sivun tab-järjestys painamalla toistuvasti Tab-näppäintä ja siirtymällä kaikkien toiminnallisten elementtien läpi. Saatat huomata, että elementit aktivoituvat väärässä järjestyksessä tai tab-navigointi hyppää sivulla epätavallisesti.
Jos tab-järjestys on epälooginen tai ei-lineaarinen:
- Sijoita elementit DOM-rakenteeseen (Document Object Model) sen sijaan, että asettelisit ne visuaalisesti CSS:n avulla. Fokuksen järjestys määräytyy DOM:n mukaan, ja visuaalisesti siirretyt elementit voivat aiheuttaa epäloogisen järjestyksen.
- Ryhmittele samankaltaiset sisällöt käyttäen List-elementtiä.
- Varmista, että fokuksen järjestys vastaa visuaalista asettelua. Yleensä tämä tarkoittaa lineaarista järjestystä vasemmalta oikealle ja ylhäältä alas, mutta riippuu sivun asettelusta.