Zum Inhalt springen
SilktideHilfe

Alt-Text der Absenden-Schaltfläche

Silktide findet Bild-Schaltflächen, deren Alternativtext offenbar nicht beschreibt, was die Schaltfläche tut. Eine mit einem Dateinamen oder einem generischen Wort beschriftete Schaltfläche sagt Personen, die sie nicht sehen können, nichts über ihren Zweck.

<!-- Problem: Ein Dateiname ist keine Beschriftung -->
<input type="image" src="button.png" alt="button.png">

<!-- Problem: Generischer Text bringt keinen Mehrwert -->
<input type="image" src="go.png" alt="Bild">

<!-- Korrigiert: Der Alt-Text benennt die Aktion -->
<input type="image" src="button.png" alt="Nachricht senden">

Warum das wichtig ist

Der einer Bild-Schaltfläche ist der Name, den ein für sie ansagt. Screenreader kündigen bereits an, dass das Steuerelement eine Schaltfläche ist, daher muss der Alt-Text sagen, was sein Drücken bewirkt. "button.png" oder "Bild" liefert der hörenden Person keine handlungsrelevanten Informationen, was Formulare – oft die wertvollsten Interaktionen auf einer Website – für Nutzerinnen und Nutzer langsam und unsicher macht.

So beheben Sie das

  1. Ersetzen Sie den Alt-Text durch eine kurze, aktionsorientierte Beschriftung wie „Suchen“, „Nachricht senden“ oder „In den Warenkorb“.
  2. Beschreiben Sie die Aktion, nicht das Bild: Was die Schaltfläche tut, ist wichtiger als wie sie aussieht.
  3. Wenn Sie bestätigen, dass der vorhandene Text den Zweck der Schaltfläche tatsächlich beschreibt, Sie den Fund.

So testet Silktide das

  1. Alle Bild-Schaltflächen (<input type="image">) auf jeder Seite finden.
  2. Schaltflächen überspringen, die für Screenreader verborgen sind, sowie Schaltflächen, deren Alt-Text fehlt oder leer ist – diese werden stattdessen von Alt-Text der Bild-Schaltfläche gemeldet.
  3. Schaltflächen melden, deren Alt-Text unhilfreich wirkt, weil er ein Dateiname oder eine URL ist, ein generisches Wort wie „Bild“ oder „Logo“, kein menschenlesbarer Text ist oder keine Buchstaben oder Zahlen enthält.

Da diese Erkennung auf Mustern basiert, sind die Funde eher Probleme, die Sie bestätigen sollten, als Gewissheiten.

Fehlerbehebung

Mein Alt-Text ist aussagekräftig, wird aber trotzdem markiert

Sehr kurze oder ungewöhnlich interpunktierte Beschriftungen können den Musterabgleich auslösen. Wenn der Text einer hörenden Person tatsächlich sagt, was die Schaltfläche tut, genehmigen Sie den Fund.

Mehr erfahren

Zuletzt aktualisiert

War diese Seite hilfreich?

Alt-Text der Absenden-Schaltfläche | Silktide-Hilfe