Navigere mellom faner med piltastene

Et korrekt faneoppsett styres med tastaturet, ikke bare musen. APG-mønsteret forventer at piltastene flytter deg mellom fanene.

Når du trykker Tab, skal du lande på faneoppsettet én gang, ikke stoppe på hver fane. Hele tablisten fungerer som ett enkelt stopp i siderekkefølgen.

Gi den aktive fanen tabindex="0" og alle andre faner tabindex="-1". Dette er den flyttbare tabindexen som hindrer Tab i å treffe alle.

Inne i en vannrett tablist flytter høyre- og venstrepilene fokuset fra fane til fane. Slik utforsker tastaturbrukere settet.

Hvis fanene ligger loddrett, bruker du opp- og nedpilene i stedet. Sett aria-orientation="vertical" slik at hjelpemiddelteknologi kjenner oppsettet.

Når fokuset er på den siste fanen og brukeren trykker på den neste pilen, skal du gå rundt tilbake til den første. En løkke gjør navigeringen jevn og forutsigbar.

Legg til to hurtigtaster: Home flytter fokus til den første fanen, og End flytter det til den siste. Lange fanerekker blir mye raskere å navigere i.

Når en piltast flytter fokus, oppdaterer du tabindex: sett fanen som fikk fokus, til 0, og den gamle til -1. Kall deretter focus på den.

Med automatisk aktivering blir en fane både valgt og panelet vist når fanen får fokus. Det føles umiddelbart, men kan være tungt hvis panelene er kostbare å vise.

Med manuell aktivering flytter piltastene bare fokus; brukeren trykker Enter eller mellomromstasten for å velge. Foretrekk dette når det er kostbart å vise et panel.

Uten støtte for piltaster må tastaturbrukere tabbe seg gjennom hver fane og hvert panel. Riktig tastaturhåndtering gjør komponenten effektiv, ikke bare tilgjengelig.

Du har lært at faner bruker en løpende tabindex med piltaster, samt Home og End. Velg automatisk eller manuell aktivering basert på kostnaden ved å vise panelet.