Komponenter
List
List brukes for å presentere innhold på en oversiktlig og strukturert måte, for eksempel for å oppsummere hovedpunkter eller vise brukeren hvilke trinn som må følges i en bestemt rekkefølge.
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.
Lister til navigasjon
Dersom List brukes som navigasjonselement (for eksempel i bunn eller ved siden av hovedinnholdet),
kan du legge <nav> rundt med aria-label="" for å gi skjermlesere en bedre brukeropplevelse.
Dette gjøres siden W3C anbefaler å unngå aria-label / aria-labelledby rett på <ul>/<ol>. Les mer på W3Cs artikkel "Practical Support: aria-label, aria-labelledby and aria-describedby" (w3.org)
Eksempel på <nav>
<menu> istedenfor <ul>
Usorterte lister kan byttest ut med <menu>, som er et semantisk alternativ til <ul>.
Begge elementene representerer en usortert liste, og nettlesere oppfatter disse likt.
Forskjellen er at <menu> er tiltenkt interaktive elementer.
Eksempel på <menu>
Dette er et eksempel der List.Unordered har blitt endra til <menu>, og intensjonen
for listen er å vise knapper som utfører en funksjonalitet i applikasjonen.