Zoekbalk digitaal toegankelijk maken

Officiële informatie

• Succescriterium 1.4.3 Contrast (minimum)
• Succescriterium 1.4.11 Contrast van niet-tekstuele content
• Succescriterium 2.4.5 Meerdere manieren
• Succescriterium 2.4.6 Koppen en labels
• Succescriterium 2.4.7 Focus zichtbaar
• Succescriterium 3.2.3 Consistente navigatie

Doe dit voor digitale toegankelijkheid

• Geef het zoekveld een label en een naam.
• Heeft de zoekknop alleen een icoon van een vergrootglas? Schrijf een alt-tekst die het doel van de knop beschrijft.
• Houd rekening met de eisen voor kleurcontrast bij de zoekknop en het zoekveld
• Geef het zoekveld en de zoekknop een zichtbare focusstatus.
• Zorg dat het menu beschikbaar blijft als de zoekresultaten te zien zijn.
• Plaats de zoekbalk altijd op dezelfde plek. Bijvoorbeeld altijd meteen na het menu.
• Zorg dat de zoekfunctie alle pagina’s vindt. Dan telt dit mee als manier om te navigeren voor het succescriterium Meerdere manieren. Dit helpt mensen om de informatie sneller te vinden.

Meer informatie

a11matters – Accessible Search Form (Engelstalig)

Meer informatie voor apps

• Appt – Informatie over contrast voor apps
• Appt – Informatie over contrast van niet-tekstuele content voor apps
• Appt – Informatie over koppen en labels voor apps
• Appt – Meer informatie over focus zichtbaar voor apps