Die mediale Gesellschaft mit schlechten Augen und nachlassender Sehfähigkeit tut für lesbare Websites noch immer zu wenig: Für die meisten Menschen mit Sehbeeinträchtigung ist das Lesen- und damit Nutzenkönnen von unterschiedlichen Plattformen bislang keine Selbstverständlichkeit. Statt Barrieren abzubauen, sind manche Angebote nach wie vor komplett unzugänglich.

Das zeigt eine Auswertung des Kontaktlinsen-Händlers Lenstore von mehr als 100 Websites internationaler Unternehmen. Dazu erstellte Lenstore einen eigenen Index, der die Leistung jeder Website auf einer Skala von 1 bis 10 nach verschiedenen einschränkenden* Kriterien wie Kontrast, Ankertext, leere Überschriften und Text bewertet.

Dann analysierte man mithilfe von Web Accessibility Evaluation Software die Webinhalte und fand die entsprechenden Fehler und Barrieren. Anhand der Gesamtfehler ergab sich eine Bewertung der Internetseiten, die die Websites mit der meisten beziehungsweise am wenigsten Barrierefreiheit ausweist.

*Anmerkung der Redaktion zu Alternativtexten: Screenreader behandeln Bilder ohne alt-Attribut anders als Bilder mit leerem alt-Attribut. Während Screenreader bei komplett fehlenden alt-Attributen die Dateinamen der Bilder vorlesen, ignorieren sie Bilder mit leerem alt-Attribut komplett. Mit einem vorhandenen, aber leeren alt-Attribut sorgt man also dafür, dass Besucher mit Screenreadern nicht ständig durch das Vorlesen von unbedeutenden Dateinamen an der Websitenutzung gehindert werden, sie sollten also positiv ins Gewicht fallen. Ein leeres alt-Attribut sieht in HTML folgendermaßen aus: alt=” ” . Screenreader ignorieren auch Elemente, die ein role-Attribut mit dem Wert »presentation« haben. Beispiel: <img src=”kreis.jpg” role=”presentation”>.

Top Accessibility: PayPal belegt Spitzenplatz

Mit einer nahezu perfekten Wertung von 9,9 von 10 Punkten landet der Bezahldienstleister PayPal auf Platz 1, dichtgefolgt von Alodokter, einem indonesischen Gesundheitsportal sowie einem Unternehmen für Finanzdienstleistungen namens Spectrum aus Kalifornien.

Bei PayPal beeinträchtigten lediglich problematische Textstellen die Funktion der Website. Mehrere interne Links, die zur gleichen Seite führen, was zusätzlichen Navigationsaufwand und Wiederholungen für die Nutzer von Screenreadern bedeutet, sowie die Verwendung von PDF-Dateien, was den barrierefreien Zugang erschwert, fand das Analysetool.

Barrieren: Deutsche News-Portale schwach

Am schlechtesten schneiden die englische Online-Nachrichtenplattform Daily Mail und The Sun ab, aber auch bei deutschen Medien besteht dringend Handlungsbedarf. Sie gehören zu den Internetseiten mit den meisten Barrieren, allen voran n-tv.de.

Das Nachrichtenportal weist einen sehr geringen Kontrast zwischen Text- und Hintergrundfarben auf, fehlende Alternativtexte und über 800 sonstige Fehler, ergeben das insgesamt schlechte Ergebnis von 5,25 Punkten. Auch der Spiegel glänzt nicht gerade mit seinem Kontrast und zdf.de und chip.de könnten an der Stelle ebenfalls mit wenig Einsatz viel verbessern.

Sozialen Medien überraschend zugänglich

Unter den sozialen Plattformen scheidet Facebooks Messenger als barrierefreiste Plattform für sehbeeinträchtigte Nutzer ab. Abgesehen von wenigen Problemen beim Kontrast und Ankertexten, die bei den Nutzern von Screenreadern für Verwirrung sorgen können, erzielte der Instant Messenger in fast jeder Kategorie eine perfekte Wertung und insgesamt 9,98 Punkte.

Überraschend gut schlagen sich auch Discord, Pinterest, Tmblr, die russische Plattform VK sowie TikTok mit 9,86 Punkten gegenüber den Konkurrenten Facebook, Twitter, LinkedIn und Instagram. Insgesamt schneiden aber alle sozialen Plattformen in einem guten oberen Bereich ab.

20 beliebte deutsche Websites unter der Lupe

Auch 20 beliebte deutsche Internetseiten untersuchte Lenstore und fand heraus, dass Google.de mit zur Spitze der barrierefreisten Internetseiten mit deutscher Domainendung gehört. Mit 9,63 von 10 Punkten weist die Website eine nahezu perfekte Wertung auf – die einzigen Probleme sind Fehler beim Kontrast sowie fehlende Alternativtexte.

Auf dem zweiten Platz liegt das Logistikunternehmen GLS mit 8,64 Punkten, knapp gefolgt von eBay mit 8,42 Punkten.

Fünf Tipps von Lenstore zur Verbesserung der Web Accessibility:

1. Sorgen Sie dafür, dass der Alternativtext den Inhalt und die Funktion des Bildes präzise und kurz und bündig widerspiegelt. Das Alt-Attribut sollte gleichwertig, präzise und kurz und bündig sein.
2. Einige sehbeeinträchtigte Nutzer – vor allem jene, die eine Kombination aus Tastatur und Screenreader verwenden – navigieren anhand von Überschriften. Eine leere Überschrift auf Ihrer Website bietet diesen Nutzern keine Informationen und stiftet Verwirrung.
3. Legen Sie die Sprache der Website oder des Seitenabschnitts fest. Dadurch können die Screenreader den Inhalt verstehen, den sehbeeinträchtigte Nutzer abrufen möchten.
4. Erhöhen Sie den Kontrast zwischen der Textfarbe im Vordergrund und der Hintergrundfarbe. Großer Text, beispielsweise größer als 18 oder 14 Punkt oder fett, benötigt nicht so viel Kontrast wie kleiner Text.
5. Verlinkte Bilder können bei Nutzern, die mit Screenreadern auf Internetseiten zugreifen, für Verwirrung sorgen. Fügen Sie einem Bild innerhalb eines Links einen angemessenen Alternativtext bei, um sicherzustellen, dass die Funktion und der Zweck des Links sowie der Inhalt des Bildes verständlich sind.

Lesen Sie noch mehr zum Thema Barrierefreiheit: Inclusive Design: Darauf kommt es an! oder das Interview mit Dr. Tom Bieling zu Universaldesign.

Wie sich Websites nicht nur analysieren, sondern die Ergebnisse auch noch wunderbar visualisieren lassen, zeigt Daniela Hach mit ihrer Chrome-Extention für Web-Accessibility »Zugangsformen«.

Dieser Beitrag ist erstmals am 8. Dezember 2021 erschienen.