Tabjärjekord

Tabjärjekord ehk tabbingjärjekord on kasutajaliidese elementide järjestus, mille kohaselt aktiveeritakse fookus, kui kasutaja vajutab Tab-klahvi. See määrab, millises järjekorras saame liikuda linkide, vormielementide ja teiste interaktiivsete komponentidega ilma hiire abil klõpsamata. Hea tabjärjekord tagab ligipääsetavuse ja kiirendab sirvimist.

Tabjärjekord on peamiselt määratud dokumendi loogilises järjekorras. Brauserid jätkavad fookustamises vaikimisi vastavalt DOMi (Document Object Model) järjestusele ning see hõlmab kõiki interaktiivseid elemente, nagu lingid, nupud, vormielemendid ja sildid, millel on fookus. Seejärel tuleb arvesse võtta ka tabindexi väärtused.

Tabjärjekordi saab mõjutada HTML-i tabindex atribuudiga. Tabindex="0" teeb elementidest fookatavad ja lisab need järjekorda, järgides domi järjekorda. Tabindexi väärtused >0 seavad konkreetse, käsitsi määratud fookusjärjekorra, kuid neid tuleks kasutada ettevaatlikult, kuna need võivad põhjustada ootamatut navigeerimist. Tabindex="-1" lubab programmide tekitada fookust elementidele, kuid see ei lisa neid tava-tabjärjekorda; kasutajatel pole võimalik nendesse elementidesse tab-iga jõuda. Eelistada tuleks loogilist, dokumentide järjekorda ning vähendada või vältida positiivsete tabindexide kasutamist.

Parim praktika on hoida tabjärjekord loogiline ja järjepidev, mitte seada ekraani visuaalseid sorte muutma CSS-iga. Keyboard-kasutajatel tuleks testida nii vajutuste kui ka visuaalsete fookussignaalide kättesaadavust ning tagada, et fokus oleks selgelt näha ja järjepidev kogu lehel. WCAG-ile vastavus nõuab kergesti ligipääsetavat ja järjekindlat keyboardi navigeerimist ning tõhusa fookuskorralduse järgimist.