Komponenter

Tabs

Tabs lar brukerne navigere mellom relaterte deler av innholdet, der én del vises om gangen. Dette er en effektiv måte å organisere og presentere relatert innhold på samme side.

Oversikt Kode Tilgjengelighet

Vi jobber med å forbedre dokumentasjonen for tilgjengelighet på denne komponenten. Har du spørsmål eller ser noe som bør prioriteres, ta gjerne kontakt med oss på Github eller Slack.

Tabs støtter tastaturnavigasjon med piltaster
Hver tab må ha en unik tittel
Ved bruk av ikoner, sørg for at de er dekorative (aria-hidden) eller har beskrivende titler
Dersom et tabpanel ikke har fokuserbare elementer, får selve panelet fokus

Tastaturnavigasjon

Tab flytter fokus til neste interaktive element
→ flytter til neste tab
← flytter til forrige tab
Home flytter til første tab
End flytter til siste tab
Enter eller Space aktiverer valgt tab

Rediger denne siden på github.com (åpnes i ny fane)