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 Shopify
- Öffnen Sie im Shopify-Admin „Produkte“ und wählen Sie das Produkt.
- Klicken Sie im Bereich „Medien“ auf das Bild und tragen Sie den Alt-Text ein.
- Bilder in Banner- oder Bild-mit-Text-Abschnitten: „Onlineshop › Themes › Anpassen“, Abschnitt öffnen, Bild auswählen, Alt-Text eintragen.
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 Shopify
- Newsletter- und Kontaktformulare kommen aus dem Theme. Nach Theme-Updates prüfen; sonst im Theme-Code ein Label ergänzen lassen.
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 Shopify
- Social-Media-Symbole kommen meist aus dem Theme. Bei Theme-Updates prüfen, ob der Hersteller das behoben hat; sonst im Theme-Code einen versteckten Text ergänzen lassen.
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 Shopify
- Social-Media-Symbole kommen meist aus dem Theme. Bei Theme-Updates prüfen, ob der Hersteller das behoben hat; sonst im Theme-Code einen versteckten Text ergänzen lassen.
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 Shopify
- „Onlineshop › Themes › Anpassen“ öffnen, unter „Theme-Einstellungen › Farben“ Text- und Hintergrundfarben 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 Shopify
- Die Shop-Sprache steht unter „Einstellungen › Sprachen“. Fehlt die Angabe trotzdem, im Theme-Code in „layout/theme.liquid“ prüfen: <html lang="{{ request.locale.iso_code }}">.
Ebenfalls mit Shopify-Anleitung: Bildbeschreibung wiederholt den Text daneben, Seite ohne Titel, Hauptüberschrift fehlt, Links im Text nur an der Farbe erkennbar.