Gå til sidens indhold

Komponenter

Søgefelt

Et søgefelt udstiller brugerne muligheden for brugerne for at søge efter bestemt indhold på siden eller i løsningen.

Søgefelt

Du kan styre søgefeltets bredde via input-width- og input-char- se mere under punktet formular elementer og input bredde og validering.

Du bør som oftest implementere auto-suggest på søgefelter, så brugeren foreslås relevante søge ord/sætninger

Tilgængelighed

  • Søgefeltet skal overholde samme krav til tilgængelighed som andre formularelementer.
  • Ordet ”Søg” skal altid fremgå af søgeknappen. Hvis der anvendes et lup-ikon, skal ”søg” eller "search" fremgå i koden, så skærmlæsere kan se funktionen.
  • Formularens felt skal have et skjult label af hensyn til skærmlæsere.

Brugervenlighed

Anvendes til

  • Søgefeltet er en samlet komponent (søgefelt og -knap), der giver brugeren mulighed for at søge efter specifikt indhold, hvis de kender søgeordene eller ikke kan finde indholdet gennem menuer eller anden navigation.
  • Søgefeltet giver et alternativ til brugere, der af den ene eller anden årsag ikke kan anvende løsningens navigation.

Anvendes ikke til

På meget små løsninger eller løsninger, der kun består af en enkelt side, bør det ikke være nødvendigt med et søgefelt.

Vejledning

  • Det er vigtigt for brugerne, at kunne se de indtastede søgeord. Søgefeltet skal være så bredt, som det er muligt indenfor løsningens design – dog minimum 27 karakterer (27ch).
  • Hvis der anvendes et lup-ikon, skal ”Søg” fremgå i koden, så skærmlæsere kan se funktionen.
  • Søgefeltet vises i sin helhed på løsningens hjemmeside og ikke kun som et link.
  • Vis fortsat søgefeltet – også på søgeresultatet, der viser søgeordene.
  • Brug kun avanceret søgning som valgmulighed. Den primære søgning skal være en standardsøgning for at undgå forvirring omkring dens anvendelse.
  • Søgeknappen skal være en submit-knap.