Komponenter
Dialog
Det er to typer dialoger, en modal og en ikke-modal. En modal dialog tvinger brukerne til å ta stilling til noe før de kan fortsette å bruke siden. En Ikke-modal dialog lar brukerne fortsette å bruke siden, selv om dialogen er åpen.
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.
Ikke-modale dialoger
Når du bruker ikke-modale dialoger, må du passe på at elementer som får fokus gjennom navigering med tastatur ikke havner bak dialogen og blir skjult. Se kriteriene 2.4.11 (w3.org) (AA) og 2.4.12 (w3.org) (AAA).
For ikke-modale dialoger betyr dette at du må:
- Sikre at fokuserbare elementer aldri blir helt dekket av dialogen når brukeren tabber gjennom siden.
- Sørge for at fokusrekkefølgen er logisk og at fokus alltid er synlig, slik at brukere som navigerer med tastatur eller skjermleser forstår hvor fokus befinner seg.
Tastaturnavigasjon
- Esc lukker dialogen (fokus returnerer til utløser)