Komponenter
Toggle group
Toggle group samler relaterte alternativ. Komponenten består av ei gruppe knappar som heng saman, der berre éin knapp er mogleg å velje om gongen.
Dette må du sjekke selv
Hver knapp i ToggleGroup skal ha et tilgjengelig navn.
Om knappene kun bruker ikon kan tilgjengelig navn settes med aria-label eller data-tooltip. Navnet må beskrive hva valget betyr. Eksempel: “Listevisning” eller “Rutenettvisning”.
ToggleGroup skal brukes på en måte som gjør at alle valg forblir synlige og brukbare på små skjermer.
ToggleGroup brytes ikke over flere linjer. For mange valg eller lange tekster kan føre til at deler av komponenten havner utenfor den synlige rammen.
Kontroller at alle valg fortsatt er synlige og brukbare ved smal viewport eller høy zoom uten horisontal scrolling.
Test med tastatur
Sjekk at du kan
- nå toggle-gruppen med Tab
- se hvilket valg som er valgt og aktivt
- navigere mellom alternativene med piltastene
- velge et alternativ med både Mellomrom og Enter
- nå neste interaktive element med Tab