Alt-tekst van verzendknop
Silktide vindt afbeeldingsknoppen waarvan de alternatieve tekst niet lijkt te beschrijven wat de knop doet. Een knop met een bestandsnaam of een algemeen woord vertelt mensen die de knop niet kunnen zien niets over het doel ervan.
<!-- Probleem: een bestandsnaam is geen label -->
<input type="image" src="button.png" alt="button.png">
<!-- Probleem: algemene tekst voegt niets toe -->
<input type="image" src="go.png" alt="afbeelding">
<!-- Opgelost: de alt-tekst benoemt de actie -->
<input type="image" src="button.png" alt="Bericht verzenden">
Waarom dit belangrijk is
De van een afbeeldingsknop is de naam die een ervoor uitspreekt. Schermlezers kondigen al aan dat het bedieningselement een knop is, dus de alt-tekst moet aangeven wat er gebeurt wanneer erop wordt gedrukt. "button.png" of "afbeelding" geeft de luisteraar geen informatie om iets mee te doen. Hierdoor worden formulieren - vaak de waardevolste interacties op een website - traag en onzeker voor gebruikers van .
Zo los je dit op
- Vervang de alt-tekst door een kort, op een actie gericht label, zoals "Zoeken", "Bericht verzenden" of "Toevoegen aan winkelwagen".
- Beschrijf de actie, niet de afbeelding: wat de knop doet is belangrijker dan hoe die eruitziet.
- Als je bevestigt dat de bestaande tekst het doel van de knop daadwerkelijk beschrijft, je de bevinding goed.
Zo test Silktide dit
- Vind elke afbeeldingsknop (
<input type="image">) op elke pagina. - Sla knoppen over die voor schermlezers verborgen zijn, en knoppen waarvan de alt-tekst ontbreekt of leeg is - die worden in plaats daarvan gemeld door Alt-tekst van afbeeldingsknop.
- Rapporteer knoppen waarvan de alt-tekst niet behulpzaam lijkt, omdat het een bestandsnaam of URL is, een algemeen woord zoals "afbeelding" of "logo", geen voor mensen leesbare tekst is, of geen letters of cijfers bevat.
Omdat deze detectie is gebaseerd op patronen, zijn bevindingen waarschijnlijk problemen die je moet bevestigen en geen zekerheden.
Problemen oplossen
Mijn alt-tekst is beschrijvend, maar wordt toch gemarkeerd
Zeer korte labels of labels met ongebruikelijke interpunctie kunnen de patroonherkenning activeren. Als de tekst een luisteraar daadwerkelijk vertelt wat de knop doet, keur je de bevinding goed.