input-image-alt-present
<input type="image"> muss ein alt-Attribut haben
Prüft, dass <input type="image">-Elemente ein alt-Attribut haben, um einen Mechanismus für Textalternativen zu unterstützen.
Anwendbarkeit. Gilt für <input type="image">-Elemente im Accessibility Tree.
Erwartung. Jedes betroffene <input type="image">-Element hat einen nicht leeren zugänglichen Namen aus aria-labelledby, aria-label, alt oder title. Ein leerer Name ergibt fail, egal ob alt fehlt oder leer ist (alt=""). Ein vom Autor vergebener Name, der einem Browser-Standardwert für einen Bild-Button entspricht („Submit“, „Submit Query“), ist kein leerer Name: Er kann den Button beschreiben und wird daher als cantTell gemeldet, damit eine Person ihn beurteilt.
Beispiele
<input type="image" src="search.png" alt="Search">
Ein nicht leeres alt benennt den Bild-Button.
<input type="image" src="search.png">
Kein alt-Attribut.
So prüfen Sie es
Wenn diese Regel nicht entscheiden kann, meldet sie cantTell und überlässt die Frage einer Person. Jede Frage, die sie stellen kann, steht hier unter ihrem Reason-Code, mit den Schritten, um sie zu beantworten. Ein Befund enthält dieselben Schritte in howToCheck, in der Sprache des Scans. Siehe Ausgabeschema.
default_name
- Suchen Sie die im Bericht genannte Bildschaltfläche und lesen Sie den Namen, den der Bericht angibt („Submit“ oder „Submit Query“).
- Sehen Sie sich ihr Bild an und ermitteln Sie, was die Schaltfläche tut, zum Beispiel daran, was beim Drücken geschieht.
- Entscheiden Sie, ob der Name sagt, was die Schaltfläche tut.
Bestanden. Der Name sagt, was die Schaltfläche tut, so wie „Submit“ an einer Schaltfläche, die ein Formular absendet.
Nicht bestanden. Der Name sagt nicht, was die Schaltfläche tut (etwa „Submit Query“ an einer Suchschaltfläche); das verstößt gegen WCAG 1.1.1.