input-image-alt-decorative
<input type="image"> mit alt="" muss angemessen sein (manuelle Prüfung)
Markiert <input type="image">-Elemente mit leerem alt zur manuellen Prüfung (bei funktionalen Steuerelementen meist nicht angemessen).
Anwendbarkeit. Gilt für <input type="image">-Elemente, deren alt-Attribut vorhanden, aber nach dem Trimmen leer ist und die dennoch einen Namen aus einer anderen Quelle haben: einen ARIA-Namen, der zu nicht leerem Text aufgelöst wird, oder ein title. Ohne diesen anderen Namen gibt es nichts, dem das leere alt gegenübergestellt werden könnte, und das Steuerelement ist stattdessen ein Fehler von input-image-alt-present. Das Element muss im Accessibility Tree enthalten sein, und role="presentation"/"none" nimmt es aus dem Geltungsbereich, sofern es nicht fokussierbar ist, was seine Rolle wiederherstellt.
Erwartung. Eine manuelle Prüfung ist nötig, um zu bestätigen, dass die angegebene Textalternative zutreffend und angemessen ist.
Beispiele
<input type="image" src="submit.png" alt="" title="Submit order">
Ein leeres alt ist bei einem funktionalen Steuerelement ungewöhnlich; ein title benennt es zwar weiterhin, aber es lohnt sich zu prüfen, ob das leere alt beabsichtigt war.
<input type="image" src="submit.png" alt="Submit order">
Ein nicht leeres alt ist eine Frage für input-image-alt-quality, nicht für diese Regel.
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.
NAME_FROM_ELSEWHERE_REVIEW
- Suchen Sie die im Bericht genannte Bildschaltfläche und lesen Sie ihren berechneten Namen im Bereich „Barrierefreiheit“ (er stammt aus aria-label, aria-labelledby oder title).
- Drücken Sie die Schaltfläche oder lesen Sie das Formular, um zu erfahren, was sie tut.
- Entscheiden Sie, ob der Name sagt, was die Schaltfläche tut.
Bestanden. Der Name nennt die Aktion der Schaltfläche, etwa „Bestellung absenden“ oder „Suchen“.
Nicht bestanden. Der Name sagt nicht, was die Schaltfläche tut, etwa ein Dateiname, eine Adresse oder ein allgemeines Wort; das verstößt gegen WCAG 1.1.1 (H36, F30).