Wat gaat er meestal mis?
Wat meestal misgaat bij een screenreader zijn drie dingen: formuliervelden zonder label, afbeeldingen zonder alternatieve tekst, en aanklikbare dingen die technisch geen knop zijn.
Die drie samen dekken het merendeel van de problemen.
Alle drie zijn ze in een uur op te lossen.
Formuliervelden zonder label
Een veld met alleen een grijze tekst erin wordt aangekondigd als “invoerveld, leeg”. Niemand weet dan wat er moet komen.
Meer daarover lees je bij accessibility.
Afbeeldingen zonder alternatieve tekst
Die worden voorgelezen als de bestandsnaam, of overgeslagen. Bij een informatieve afbeelding mist iemand dan inhoud.
Meer daarover lees je bij alt tekst.
Nepknoppen
Een blokje dat er als knop uitziet maar technisch een gewoon element is. Dat is niet met het toetsenbord te bereiken.
Meer daarover lees je bij frontend.
Mijn vuistregels
- Elk veld een zichtbaar label.
- Elke afbeelding een alternatieve tekst.
- Echte knoppen en echte links.
- Foutmeldingen bij het veld zelf.
Die laatste wordt vergeten: een melding bovenaan wordt niet voorgelezen als je onderin staat.
De vierde klassieker
Een uitklapmenu dat niet aankondigt of het open of dicht staat. Dan tikt iemand blind in het duister.
Meer daarover lees je bij navigatie.
Wat je het snelst oplost
De labels. Dat is meestal een instelling in je formulierplugin en het kost je vijf minuten.
Meer daarover lees je bij hoe je test met een screenreader.