Komponenter
Search
Search lar brukere raskt finne relevant innhold på et nettsted eller i en applikasjon. Komponenten består av et søkefelt, med eller uten en søkeknapp.
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.
Tastaturinteraksjon
- Esc-tasten tømmer søkefeltet for en enhetlig opplevelse på tvers av nettlesere.
- Tab-navigasjon lar brukere bevege seg mellom inputfelt, clear-knapp og søkeknapp.
- Enter sender inn søket når fokus er i inputfeltet.
Skjermleserstøtte
Søkefeltet skal ha en ledetekst som beskriver hva feltet brukes til. Ledeteksten bør normalt være synlig; dersom formålet er tydelig fra konteksten, kan du i stedet bruke en visuelt skjult <label>, aria-label eller aria-labelledby.
Merk at placeholder erstatter ikke en ledetekst, og bør kun brukes som et valgfritt hint eller eksempel. Unngå å gjenta samme tekst i ledetekst og placeholder. Eksempel: Bruk «Søk» som ledetekst og eventuelt «Søk etter tjenester, skjema eller veiledning».
Rediger denne siden på github.com (åpnes i ny fane)