Produktbilder brauchen einen aussagekräftigen Alternativtext

Die Prüfung liest img-Elemente und Elemente mit role="img". Elemente in einem Bereich mit aria-hidden="true" und in geklonten Karussellfolien überspringt sie. Ein img ohne alt überlässt sie der Regel image-alt von axe-core.

• Dateiname: Der Alternativtext entspricht dem Dateinamen aus src, data-src oder dem ersten Eintrag von srcset. Enthält dieser Name Ziffern, Bindestriche oder Unterstriche, genügt auch die Übereinstimmung mit dem Namen ohne Dateiendung und ohne Größenzusatz (_1024x1024). Ebenso zählt ein Alternativtext, der auf eine Bild-Dateiendung endet oder wie IMG_1234 aussieht.
• Hauptbild (Produktseiten): das größte sichtbare img mit einer Fläche von mindestens 10.000 CSS-Pixeln, das in einem Produkt- oder Galerie-Container liegt und innerhalb der ersten 1,5 Viewport-Höhen beginnt, andernfalls das größte, das innerhalb der ersten Viewport-Höhe beginnt. Bilder in Header, Navigation und Footer kommen dafür nie infrage. role="presentation" oder "none" gilt als leerer Alternativtext, auch ohne alt.
• Galerie: Im nächsten umgebenden Container, der drei oder mehr angezeigte Bilder mit Alternativtext enthält, teilen sich drei oder mehr Bilder aus verschiedenen Dateien denselben Alternativtext.
• Allgemeines Wort: Der Alternativtext besteht nur aus einem Wort wie „Foto“ oder „Icon“.

Ob der Text beschreibt, was auf dem Bild zu sehen ist, beurteilt die Prüfung nicht.