Alternativtext för skicka-knapp

Silktide hittar bildknappar vars alternativa text inte verkar beskriva vad knappen gör. En knapp som är märkt med ett filnamn eller ett generiskt ord berättar inget om knappens syfte för personer som inte kan se den.

<!-- Problem: ett filnamn är inte en etikett -->
<input type="image" src="button.png" alt="button.png">

<!-- Problem: generisk text tillför inget -->
<input type="image" src="go.png" alt="image">

<!-- Åtgärdat: alternativtexten beskriver åtgärden -->
<input type="image" src="button.png" alt="Skicka meddelande">

Varför detta är viktigt

En bildknapps är det namn som en läser upp för den. Skärmläsare meddelar redan att kontrollen är en knapp, så alternativtexten behöver ange vad det gör att trycka på den. ”button.png” eller ”image” ger den som lyssnar inget att agera på, vilket gör formulär – ofta de mest värdefulla interaktionerna på en webbplats – långsamma och osäkra för användare av .

Så åtgärdar du problemet

Ersätt alternativtexten med en kort, handlingsinriktad etikett, till exempel ”Sök”, ”Skicka meddelande” eller ”Lägg i kundvagn”.
Beskriv åtgärden, inte bilden: det viktiga är vad knappen gör, inte hur den ser ut.
Om du bekräftar att den befintliga texten verkligen beskriver knappens syfte kan du resultatet.

Så testar Silktide detta

Hitta alla bildknappar (<input type="image">) på varje sida.
Hoppa över knappar som är dolda för skärmläsare och knappar vars alternativtext saknas eller är tom – de rapporteras i stället av Alternativtext för bildknapp.
Rapportera knappar vars alternativtext verkar ohjälpsam eftersom den är ett filnamn eller en URL, ett generiskt ord som ”image” eller ”logo”, inte är läsbar text eller inte innehåller några bokstäver eller siffror.

Eftersom denna identifiering baseras på mönster är resultaten sannolikt problem som du behöver bekräfta, snarare än säkra fel.

Felsökning

Min alternativtext är beskrivande men flaggas ändå

Mycket korta etiketter eller etiketter med ovanlig interpunktion kan påverka mönstermatchningen. Om texten verkligen berättar för den som lyssnar vad knappen gör kan du godkänna resultatet.