Diese Texte stehen genau so im Report, wenn das Problem auf Ihrer Website gefunden wird.
Aufwand gering
Bilder ohne Beschreibung (Alternativtext)
Bilder brauchen einen kurzen Text, der sagt, was darauf zu sehen ist. Fehlt er, bleibt das Bild für manche Menschen unsichtbar – oder der Screenreader liest den Dateinamen vor („IMG_4711“).
Betrifft vor allem: Blinde und stark sehbehinderte Menschen, die sich Seiten mit einem Screenreader vorlesen lassen; Suchmaschinen, die Ihre Inhalte dadurch besser verstehen
So geht es in Shopware
- Öffnen Sie in der Administration „Inhalte › Medien“ und wählen Sie das Bild.
- Tragen Sie in der Seitenleiste im Feld für den Alternativtext ein, was zu sehen ist.
- Bilder in Erlebniswelten: „Inhalte › Erlebniswelten“, Element anklicken und dort prüfen.
Aufwand gering
Formularfelder ohne Beschriftung
Ein Eingabefeld – oft das Newsletter-Feld oder die Suche – hat keine Beschriftung. Ein Platzhaltertext im Feld zählt nicht: Er verschwindet beim Tippen und wird nicht zuverlässig vorgelesen.
Betrifft vor allem: Blinde und stark sehbehinderte Menschen, die sich Seiten mit einem Screenreader vorlesen lassen; Menschen, die per Sprachbefehl bedienen („Klicke auf In den Warenkorb“); Menschen mit Lern- oder Konzentrationsschwierigkeiten und viele ältere Menschen
So geht es in Shopware
- Formulare im Standard-Theme sind beschriftet; fehlende Labels stammen meist aus Plugins oder Theme-Anpassungen.
Aufwand gering
Schaltflächen ohne erkennbaren Namen
Eine Schaltfläche hat keinen Namen – etwa ein Kreuz zum Schließen, ein Pfeil im Bild-Karussell oder ein Plus beim Warenkorb. Screenreader sagen nur „Schalter“, niemand weiß, was passiert.
Betrifft vor allem: Blinde und stark sehbehinderte Menschen, die sich Seiten mit einem Screenreader vorlesen lassen; Menschen, die per Sprachbefehl bedienen („Klicke auf In den Warenkorb“)
So geht es in Shopware
- Symbole im Kopf- und Fußbereich kommen aus dem Theme – Fall für die Agentur.
Aufwand gering
Links ohne erkennbaren Namen
Ein Link hat keinen Text, den ein Screenreader vorlesen kann – typisch bei Symbolen wie Instagram, Warenkorb oder Lupe. Vorgelesen wird dann nur „Link“ oder eine kryptische Adresse.
Betrifft vor allem: Blinde und stark sehbehinderte Menschen, die sich Seiten mit einem Screenreader vorlesen lassen; Menschen, die per Sprachbefehl bedienen („Klicke auf In den Warenkorb“)
So geht es in Shopware
- Symbole im Kopf- und Fußbereich kommen aus dem Theme – Fall für die Agentur.
Aufwand mittel
Text zu blass für den Hintergrund (Kontrast)
Hellgraue Schrift auf Weiß oder weiße Schrift auf hellen Farben ist für viele Menschen schwer lesbar. Vorgeschrieben ist ein Mindestkontrast von 4,5 : 1, bei großer Schrift 3 : 1.
Betrifft vor allem: Menschen mit Sehschwäche, die vergrößern oder schwache Kontraste schlecht erkennen – auch alle, die draußen bei Sonne aufs Handy schauen; Menschen mit Farbsehschwäche (etwa jeder zwölfte Mann); Alle, die Ihre Seite auf dem Smartphone nutzen
So geht es in Shopware
- „Inhalte › Themes“ öffnen, Ihr Theme wählen und die Farben in den Theme-Einstellungen anpassen.
Aufwand gering
Sprache der Seite nicht angegeben
Die Seite sagt nicht, in welcher Sprache sie geschrieben ist. Screenreader lesen deutschen Text dann womöglich mit englischer Aussprache vor – kaum verständlich.
Betrifft vor allem: Blinde und stark sehbehinderte Menschen, die sich Seiten mit einem Screenreader vorlesen lassen; Suchmaschinen, die Ihre Inhalte dadurch besser verstehen
So geht es in Shopware
- Die Sprache kommt aus dem Verkaufskanal. Fehlt sie im Code, hat ein angepasstes Theme sie entfernt – Fall für die Agentur.
Ebenfalls mit Shopware-Anleitung: Bildbeschreibung wiederholt den Text daneben, Seite ohne Titel, Hauptüberschrift fehlt, Links im Text nur an der Farbe erkennbar.