Die am besten zugänglichen Websites der Welt

Für viele von uns ist das Internet selbstverständlich. Sie wissen, wo Sie suchen müssen, worauf Sie klicken müssen und wie alles funktioniert – unabhängig davon, welcher Website-Builder oder welches CMS das erstellt hat, was Sie sich ansehen. Aber was wäre, wenn Sie zu den einer Milliarde Menschen weltweit mit einer Behinderung gehören würden, für die das Internet viel schwieriger zu verstehen ist?

Bestimmte Behinderungen machen das Internet verwirrender, und hier kommt die Barrierefreiheit ins Spiel.

Wir haben uns einige der weltweit beliebtesten Websites angesehen, um herauszufinden, welche die Barrierefreiheitstests bestanden haben und bei welchen noch viel zu tun ist.

Warum ist Barrierefreiheit wichtig?

Barrierefreiheit im Internet betrifft uns alle auf eine Weise, die uns vielleicht gar nicht bewusst ist. Dadurch wird das Internet nicht nur für die eine Milliarde Menschen weltweit, die darauf angewiesen sind, nutzbarer, sondern auch für alle anderen besser.

Es erleichtert das Lesen von Texten, ohne dass wir die Augen zusammenkneifen müssen. Es macht deutlich, wie man eine Bestellung abschließt und wie man auf einen Link klickt, und bedeutet, dass wir morgens als erstes auf unser Telefon schauen können und trotzdem verstehen, was los ist.

Für Menschen mit besonderen Anforderungen an die Barrierefreiheit kann es den Unterschied ausmachen, ob sie Geld für eine Website ausgeben oder sich dafür entscheiden, woanders hinzugehen. Für Marken ist es also nicht nur wichtig, weil es die Website besser macht, sondern auch, weil es sie Geld kosten könnte.

Allein im Vereinigten Königreich betrug der Verlust durch unzugängliche Websites – bekannt als Click-Away-Pfund – im Jahr 2020 11,75 Milliarden Pfund. Das sind Milliarden, die die Wirtschaft verdienen könnte, wenn Unternehmen nur ein paar einfache Änderungen vornehmen würden, um ihre Websites auf den neuesten Stand zu bringen Standard.

Wie wird die Barrierefreiheit bewertet?

Die Barrierefreiheit im Internet wird anhand der Web Content Accessibility Guidelines (WCAG) bewertet. Ihre aktuellen Richtlinien, WCAG 2.2, sagen Webeigentümern, was sie tun müssen, um ihre Inhalte für jeden nutzbar zu machen, der sie finden könnte.

Sie bewerten Websites in drei verschiedenen Kategorien:

A – Die Mindeststandards für die Barrierefreiheit.

Sie können mit Ihrer Tastatur auf der Website navigieren, Sie geraten nicht in irgendwelche Fallen, alle Videos haben Untertitel und Form, Größe oder Farbe vermitteln keine Bedeutung.

AA – Akzeptable Zugänglichkeit, etwas, das Websites anstreben sollten.

Der Farbkontrast muss höher sein, Bilder brauchen alternativen Text, der blinden Benutzern sagt, was darin enthalten ist, die Navigation muss klar sein und die Überschriften erklären, worüber der darunter liegende Inhalt spricht.

AAA – Höchste Barrierefreiheit.

Der Farbkontrast muss nahezu schwarz auf weiß sein, Videos benötigen Gebärdensprache, Sie werden niemals von einer Bestellung abgehalten und Tooltips sind immer dann vorhanden, wenn der Zweck des Inhalts erklärt werden muss.

Der Bericht zur Barrierefreiheit der Website – wer hat die Nase vorn?

Wir haben Barrierefreiheitstests auf 200 der weltweit beliebtesten Websites durchgeführt – mehr dazu erfahren Sie am Ende dieses Berichts. Bei diesen Tests wurde alles untersucht, vom Farbkontrast bis hin zu fokussierbaren Bereichen. So konnten wir die Gesamtpunktzahl der Site-Assets ermitteln und feststellen, wie viele davon fehlgeschlagen sind.

Wir haben diesen Wert verwendet, um herauszufinden, wie viel Prozent der Website für Benutzer mit irgendeiner Art von Beeinträchtigung nicht zugänglich waren.

Natürlich erfordern nicht alle Beeinträchtigungen eine zusätzliche Barrierefreiheit. Rollstuhlfahrer müssen beispielsweise keine Bildschirmlesegeräte verwenden. Und obwohl jeder von barrierefreien Websites profitiert, brauchen einige Internetnutzer sie mehr als die meisten anderen. Hier ein paar Beispiele:

Blindheit

Dies ist vielleicht die offensichtlichste Beeinträchtigung, an die Menschen denken, wenn es um barrierefreie Inhalte geht. Blinde Benutzer können nicht lesen, was wir schreiben, daher verlassen sie sich auf einen Screenreader, der dies für sie erledigt. Es ist auch unwahrscheinlich, dass sie eine Maus verwenden, sondern mit der Tabulatortaste durch den Inhalt scrollen.

Benutzer mit Gehirnerkrankungen

Menschen mit Krankheiten wie Motoneuron-Krankheit und Parkinson leiden unter Muskelzittern, Zuckungen und Steifheit. Möglicherweise ist es für sie unmöglich, eine Maus zu verwenden oder auf Inhalte zu klicken, und sie verwenden möglicherweise stattdessen einen Kopfstab, um durch Websites zu navigieren. Ein Kopfstab ist ein Gerät, das um den Kopf getragen wird, wobei ein langer Stab anstelle der Finger zum Tippen auf die Tastatur verwendet wird.

Lernschwierigkeiten

Lernschwierigkeiten wie Legasthenie oder Neurodiversität wie Autismus können das Lesen von Inhalten sehr erschweren. Buchstaben können durcheinander geraten, Wörter können sich verschieben und lange Inhalte können Kopfschmerzen oder Frustration verursachen.

Taubheit

Gehörlose Menschen können keine Videoinhalte hören und oft haben junge gehörlose Menschen Schwierigkeiten mit dem Lesen. Für Videos sind Untertitel oder Gebärdensprache erforderlich, und die Sprache sollte einfach gehalten werden.

Das Internet aus der Sicht anderer Nutzer

Eine gute Barrierefreiheit kann nicht nur dazu führen, dass Ihre Website besser funktioniert, sondern sie kann auch dafür sorgen, dass sie für Menschen, die anders mit ihr interagieren, besser aussieht. Wir haben nachgebildet, wie einige der beliebtesten Websites der Welt aussehen würden, wenn sie von Menschen mit Sehbehinderungen gesehen würden, damit Sie sehen, wie wichtig Barrierefreiheit ist.

Der Tunnelblick bewirkt genau das, was Sie erwarten: Er bewirkt, dass Menschen Dinge so sehen, als würden sie durch einen Tunnel schauen. Auf Amazon würde dies eine große Menge an Produkten völlig unsichtbar machen und den Eindruck erwecken, als gäbe es einfach keine Seitenmenüs.

Legasthenie würde dazu führen, dass ein Großteil von Google unlesbar erscheint. Es kann das Lesen, Schreiben und Rechtschreiben zu einer Herausforderung machen und dazu führen, dass Buchstaben durcheinander und unsinnig aussehen. Auf einer Website wie Google, deren Plattform hauptsächlich aus Text besteht, wäre dies besonders problematisch.

Blindheit betrifft weltweit 2,2 Milliarden Menschen und Netflix würde so aussehen. Die Zeile, die Sie sehen können, veranschaulicht die Tab-Reihenfolge – wie die Leute mit der Tab-Taste auf der Website navigieren würden –, während die leeren Bildfelder alles sind, was die Leute „sehen“ würden, wenn es keinen Alt-Text gäbe. Die Tab-Reihenfolge endet am Ende der Seite, sodass Benutzer keine Möglichkeit haben, zum Anfang zurückzukehren. Sie möchten Squid Game nicht sehen? Pech gehabt.

Farbenblindheit kann in vielen Formen auftreten und sich bei verschiedenen Menschen auf unterschiedliche Farben auswirken. Während es auf manchen Websites vielleicht nur dazu führt, dass die Dinge ein wenig anders aussehen, würde es Ihnen, wenn Sie jemals Farbe verwenden, um Bedeutung zu vermitteln, all diese Bedeutung nehmen. Wir können vielleicht erkennen, dass ein grüner Knopf „Anmelden“ und ein roter Knopf „Abbrechen“ bedeutet, aber das wäre nicht für jeden so klar.

Katarakte machen das Internet zu einem viel verschwommeneren Erlebnis. Text kann unklar werden und den Menschen Kopfschmerzen bereiten, weshalb ein hoher Farbkontrast so wichtig ist. Auf einer Website wie Twitter könnten Katarakte dazu führen, dass die Leute scrollen, ohne jemals in der Lage zu sein, sich zu engagieren.

Die am besten zugänglichen Websites

Das National Institute of Health verfügt über die am besten zugängliche Website

Bewertung der Barrierefreiheit: AAA

Das National Institute of Health (NIH), die landesweite Einrichtung, die jedes Jahr Milliarden in die amerikanische Gesundheitsversorgung investiert, verfügt laut unserem Bericht über die am besten zugängliche Website im Internet. Nur 0,18 % der Website sind nicht zugänglich, was sie zu einer fantastischen Ressource für die Menschen macht, die darauf angewiesen sind.

Angesichts der großen Zielgruppe, die Gesundheits-Websites anziehen, ist es wichtig, dass ihre Inhalte für jedermann zugänglich sind. Das NIH erreicht dies durch einen hohen Farbkontrast zwischen Text und Hintergrund, beschreibende Links, die Ihnen sagen, was das Anklicken bewirkt, und eine klare und konsistente Navigation, die die Navigation auf der Website erleichtert.

Der einzige Fehler, den unsere Tests fanden, war ein einzelner Fall von „ungültige Sprache angegeben“, einem Codierungsfehler, der gelegentlich zu Störungen bei Bildschirmleseprogrammen führen kann. Da dies jedoch nur einmal auf der gesamten Website vorkommt, ist es unwahrscheinlich, dass es die Gesamtleistung beeinträchtigt.

Die Website des Center for Disease Control and Prevention ist zu 99,82 % zugänglich

Bewertung der Barrierefreiheit: AAA

Auch eine andere staatliche Gesundheitswebsite schneidet bei der Barrierefreiheit sehr gut ab. Das Center for Disease Control and Prevention (CDC) hat nur 0,18 % seiner Website, die für Benutzer nicht zugänglich ist, was es für alle Besucher zu einem klaren Benutzererlebnis macht.

Genau wie das NIH ist dies eine weitere Website, deren Zielgruppe wahrscheinlich Menschen mit Behinderungen sind, weshalb barrierefreie Inhalte von entscheidender Bedeutung sind. Das klare Design und der weiße Hintergrund verhindern einen geringen Farbkontrast und vereinfachen die Navigation. Die Elemente sind so angeordnet, wie Benutzer es erwarten würden, alle Bilder enthalten Alternativtext und die Links sind beschreibend.

Aufgrund von Warnungen vor Links in Titeln, die das Auffinden für Nutzer etwas erschweren, fällt es nur auf den zweiten Platz.

Die Website der britischen Regierung ist die am dritthäufigsten zugängliche Website der Welt

Bewertung der Barrierefreiheit: AAA

Das Team hinter gov.uk – der Hauptwebsite der britischen Regierung – gilt als Erfinder des Begriffs „Content Design“, daher ist es verständlich, dass die Website so gut funktioniert. Beim Content-Design geht es vor allem darum, wie Benutzer durch Inhalte navigieren und Dinge dort platzieren, wo die Leute sie erwarten würden, und zwar so, dass sie leicht zu finden sind. Es ist klar, dass genau das mit gov.uk passiert ist. Die Website verfügt nur über 0,20 % der Funktionen, die nicht zugänglich sind, und bietet eine große Menge an detaillierten Inhalten, die übersichtlich gestaltet und leicht zu erkunden sind. Auch hier sorgt ein weißer Hintergrund mit schwarzem und dunkelblauem Text für einen tollen Farbkontrast, während beschreibende Links in Hülle und Fülle vorhanden sind.

Die am wenigsten zugänglichen Websites

Im Gegensatz zu den barrierefreien Websites erreichte keine davon eine Barrierefreiheitsbewertung. Sie alle scheiterten gegen die WCAG und hatten noch viel zu tun.

ASOS hat die am wenigsten zugängliche Website

Bewertung der Barrierefreiheit: Keine

Wenn Sie auf der Suche nach Fast Fashion sind, hat ASOS mehr als die meisten anderen. Wenn Sie jedoch irgendeine Art von Behinderung oder Beeinträchtigung haben, besteht eine gute Chance, dass Sie nichts kaufen können. Erstaunliche 21,38 % ihrer Website sind nicht barrierefrei. Fehler wie schlechter Farbkontrast, Text über Bildern und fehlende ARIA-Kennzeichnungen (​​Accessible Rich Internet Applications) machen es für Modefans mit Behinderungen zu einer schwierigen Erfahrung.

Fehlende Labels sind für den Großteil der Probleme auf der Website verantwortlich. Etiketten werden von den meisten Benutzern nicht gesehen, aber sie ermöglichen den Zugriff auf Dinge wie Pop-ups und interaktive Elemente für jeden, der unterstützende Technologien verwendet. Sie zeigen beispielsweise ein Verkaufsbanner oder ein Teilnahmeformular für einen Wettbewerb.

Im Moment bietet ASOS nicht genug davon an, was Millionen potenzieller Kunden verschreckt.

Update 03. Mai 2022 – Nach der Veröffentlichung unserer Studie hat ASOS auf unseren Bericht reagiert und Verbesserungen an seiner Website vorgenommen. Nachdem unser Team die ASOS.com-Homepage neu bewertet hatte, stellten wir deutlich bessere Barrierefreiheitswerte fest.

So sehen ihre neuen Ergebnisse für 2022 aus:

20,66 % der Instagram-Anmeldeseite sind nicht zugänglich

Bewertung der Barrierefreiheit: Keine

Obwohl es sich um eine relativ einfache Website mit minimalem Inhalt handelt, ist Instagram die am zweitschlechtesten zugängliche Website im Internet – und das schon, bevor Sie sich überhaupt anmelden. Ihre Anmeldeseite ist aufgrund fehlender Alt-Texte problematisch, während das Ändern von Bildern bedeutet, dass sie kaum Kontrolle darüber haben wie Text angezeigt wird, wenn er überlagert wird.

13,6 % des Instagram-Feeds können nicht gelesen werden

Sobald Sie die App nutzen, hat Instagram weiterhin Probleme. Da es sich größtenteils um benutzergenerierte Inhalte handelt, werden viele Bilder ohne Alternativtext angezeigt und Geschichten werden mit bewegtem Text über Bildern hochgeladen – beides ein Albtraum hinsichtlich der Barrierefreiheit.

Allerdings gibt es viele Probleme, die Instagram selbst beheben kann. Der geringe Kontrast zwischen der Schriftart der Website und ihrem hellgrauen Hintergrund macht einen Großteil davon unlesbar, während fehlende ARIA-Bezeichnungen verhindern, dass Benutzer die Wiedergabeschaltflächen und neue Story-Uploads sehen.

Die Anmeldeseite von Telegram besteht 20,29 % der Barrierefreiheitstests nicht

Bildnachweis: LoboStudioHamburg (Pixabay)

Bewertung der Barrierefreiheit: Keine

Telegram bezeichnet sich selbst als die Social-Media-Plattform für kostenlose Konversation und zieht diejenigen an, die das Gefühl haben, von regulären Kanälen vernachlässigt zu werden. Wenn es jedoch Menschen mit Sehschwäche anlocken will, muss es noch viel tun. Der geringe Farbkontrast auf der Anmeldeseite ist das Hauptproblem und macht es für jeden, der nicht über eine 20/20-Sehstärke verfügt, zu einer Herausforderung, sich einzuloggen.

11,11 % des Telegram-Feeds sind nicht zugänglich

Sobald Sie in der App sind, werden Sie Probleme mit Bildern haben, wenn Sie sehbehindert sind. Sie enthalten keinen Alternativtext, sodass blinde Benutzer ihre Bedeutung nicht verstehen. Der Zoom ist ebenfalls deaktiviert, sodass niemand kleine Schriftarten vergrößern kann, wenn er Dinge aus der Nähe sehen möchte.

Die am besten und am wenigsten zugänglichen Websites in verschiedenen Sektoren

Wir haben uns Websites aus den Bereichen Mode, Bankwesen, E-Commerce, Unterhaltung und natürlich Website-Ersteller angesehen, um herauszufinden, wer die besten und welche die schlechtesten in Bezug auf Barrierefreiheit sind. Einige große Namen haben ziemlich große Probleme, die behoben werden müssen.

LinkedIn ist die am besten zugängliche Social-Media-Plattform

LinkedIn ist nicht nur ein guter Ort, um Arbeit zu finden, es ist auch ein großartiger Ort, wenn Sie unterstützende Technologien nutzen. Nur 0,34 % des Anmeldebildschirms der Website sind nicht zugänglich, da beschreibende Links, ein toller Farbkontrast und ein einfaches Layout das Navigieren auf der Seite erleichtern.

Nach der Anmeldung ist die Erreichbarkeit (fast) genauso gut. Nur 2,94 % des Feeds bestehen die Barrierefreiheitstests nicht, da das klare Design und die konsistente Navigation die Navigation auf der Website erleichtern. Sie können den Bildern und Dokumenten, die Sie hochladen, sogar Alternativtext hinzufügen. Dies zeigt, dass LinkedIn die Barrierefreiheit wirklich ernst nimmt.

LinkedIn liegt knapp vor Pinterest und landet auf dem Spitzenplatz. Nur 0,95 % der Anmeldeseite der Bild-Sharing-Plattform und 3,19 % ihres Haupt-Feeds sind unzugänglich, was angesichts der Menge an benutzergenerierten Inhalten auf der Website immer noch ein guter Wert ist.

An dritter Stelle liegt mit 3,76 % Reddit. Doch während ihre Anmeldeseite gut abschneidet, schneidet ihr eigentliches Forum ab. 13,98 % davon sind unzugänglich, da benutzergenerierte Inhalte, Memes, GIFs und mehr ein Minenfeld für die Umgehung unterstützender Technologien darstellen.

Instagram, Telegram und Facebook verstoßen alle gegen die Barrierefreiheitsregeln

Instagram ist die am wenigsten zugängliche Social-Media-Plattform, auf der man sich anmelden kann. Die bildbasierte App hat Probleme mit der Textlesbarkeit und dem optionalen Alt-Text auf Bildern, wodurch 20,66 % der Anmeldeseite für 2,2 Milliarden sehbehinderte Menschen weltweit unbrauchbar bleiben. Das Futter ist geringfügig besser, lässt aber mit 13,6 % Unzugänglichkeit immer noch zu wünschen übrig.

Telegram, die Messaging-App, landet auf dem vorletzten Platz. 20,29 % des Anmeldebildschirms und 11,11 % des Feeds sind unzugänglich, sodass Facebook den letzten Platz auf dem unlesbaren Podium einnimmt. Obwohl es sich um die größte Social-Media-Plattform der Welt handelt, die jeden Monat 467 Millionen Besuche verzeichnet, sind 16,14 % des Startbildschirms nicht zugänglich. Während der eigentliche Feed viel besser ist – nur 2,37 % scheitern – werden Sie ihn nie genießen können, wenn Sie sich nicht anmelden können.

Die Schriftart der Website – weißer Text auf blauem Hintergrund – ist nur der Anfang ihrer Probleme. Es erfüllt nicht die Mindestanforderungen an den Farbkontrast, erzwingt beim Hochladen von Bildern keinen Alternativtext und weist mehrere fehlende ARIA-Beschriftungen auf, was die Navigation für einige Benutzer erschwert.

Die Social-Media-Plattformen mit den meisten Barrierefreiheitsproblemen

Amazon Prime Video ist die am besten zugängliche Unterhaltungsseite

Unterhaltungsseiten benötigen nicht nur Untertitel und Audiobeschreibungen, um ihre Inhalte zugänglich zu machen, sie müssen auch sicherstellen, dass Sendungen leicht zu finden und abzuspielen sind. Amazon Prime Video macht dies besser als jeder andere, da nur 0,72 % der Anmeldeseite – und 0,59 % der Hauptseite – nicht zugänglich sind. Es verwendet eine klare Tab-Reihenfolge, um Benutzern die Navigation durch jeden Abschnitt zu ermöglichen, helle Schriftart auf dunklem Hintergrund und beschreibende Links.

Es schlägt die Konkurrenz von HBO Max – 1,4 % der Anmeldeseite und 1,35 % der nicht zugänglichen Hauptseite – und Twitch, der Spiele-Streaming-Seite, die 1,4 % für ihre Anmeldeseite und 2,19 % für die Hauptseite erreicht. Netflix, einer der größten Konkurrenten von Prime Video im Unterhaltungsbereich, liegt etwas zurück. Während die Anmeldeseite sehr gut abschneidet und nur 0,27 % die Tests nicht bestehen, bestehen 1,79 % der Hauptseite den Test nicht.

SoundCloud ist die weltweit am wenigsten zugängliche Unterhaltungsseite

Während Sie mit SoundCloud möglicherweise kostenlos Musik hören können, ist dies für alle behinderten Benutzer mit Kosten verbunden. 31,42 % der Anmeldeseite der Website sind nicht zugänglich, da 66 Textstellen über einem Hintergrundbild verwendet werden, was die Lesbarkeit erschwert. Es fehlen auch ARIA-Beschriftungen, Formular-IDs und beschreibende Links, was für niemanden Musik sein dürfte. Wenn Sie sich angemeldet haben, wird es nicht viel besser, da 14,92 % des Inhalts außerhalb der Reichweite bleiben.

Steam steht an zweiter Stelle in den schlechten Büchern. Auf der Website können Benutzer Spiele online spielen. Da es jedoch keinen Alt-Text auf Bildern, Text über Hintergrundbildern und zahlreiche Probleme mit der Textformatierung gibt, müssen sie die Barrierefreiheit etwas ernster nehmen – derzeit sind es 12,90 % der Startseite und 9,53 % des Inhalts tabu.

Roblox landet auf dem dritten Platz. Das Online-Spiel eignet sich hervorragend für Kinder, es sei denn, diese Kinder haben bestimmte Beeinträchtigungen. 6,29 % der Anmeldeseite der Website sind nicht zugänglich, insbesondere die Formulare, denen Beschriftungen oder Tooltips fehlen. Ohne Formularbeschriftungen wissen sehbehinderte Benutzer nicht, welche Informationen sie wo einfügen sollen, und können daher nicht am Spaß teilnehmen. Während sich die Hauptseite mit einem Wert von 1,13 % drastisch verbessert, wird der gesamte Inhalt an Benutzer verschwendet, die nie darauf zugreifen können.

Die Unterhaltungsseiten mit Barrierefreiheitsproblemen

Die Zugänglichkeit von Amazon ist im E-Commerce führend

Die Einzelhandelsseite von Amazon ist die am besten zugängliche auf dem Markt, da nur 0,84 % davon unsere Tests nicht bestanden haben. Die Website profitiert von einem weißen Hintergrund und dunklem Text und bietet gleichzeitig eine ganze Reihe beschreibender Links und Menüs, auf die Benutzer klicken können. Die User Journey ist außerdem unglaublich effizient, da die Benutzer schnell Dinge in den Warenkorb legen und zur Kasse gehen können, wodurch das Risiko übereilter Zeitüberschreitungen vermieden wird.

Dunelm ist die am zweithäufigsten zugängliche E-Commerce-Website. Nur 1,01 % der Website des Möbelhändlers sind nicht zugänglich, was die Benutzererfahrung genauso komfortabel macht wie die Produkte, die sie verkaufen. Auch wenn auf der Website Text anstelle von Bildern verwendet wird, wird dieser deutlich hervorgehoben, sodass barrierefreie Funktionen bereitgestellt werden können, ohne dass der Stil darunter leidet.

Xfinity steht auf unserer Liste an dritter Stelle. Die Website des Internetanbieters ist nur zu 1,08 % unzugänglich und bietet einen klaren, weißen Hintergrund, auf dem alle Inhalte leben können.

Smyths Toys ist die am wenigsten zugängliche E-Commerce-Website

Mit einer Mischung aus weißer Schrift auf hellblauem Hintergrund, nicht beschreibenden Schaltflächen und unterschiedlichen Schriftgrößen ist es keine Überraschung, dass die Website von Smyths Toys zu 18,80 % nicht zugänglich ist. Schaltflächen mit der Aufschrift „Jetzt einkaufen“ bedeuten nichts außerhalb des Kontexts, sodass es unwahrscheinlich ist, dass jemand, der durch den Inhalt scrollt, anhält und darauf klickt.

Unsplash ist das nächstschlechteste. 15,56 % der Website sind nicht zugänglich, ein Problem, das durch die schiere Menge an Bildern ohne Alternativtext noch verstärkt wird. Die Plattform ist ein großartiger Ort für Fotografen und Designer, um ihre Arbeiten zu teilen, aber Text über Bildern und eine verwirrende Tab-Reihenfolge machen es für alle eingeschränkten Benutzer zu einer schlechten Erfahrung.

Halfords belegt den ungewollten dritten Platz. Auch wenn die Website ein fantastischer Ort für Autoteile ist, ist sie hinsichtlich des Farbkontrasts ein schlechter Ort, was ihr eine unzugängliche Bewertung von 9,56 % beschert.

Die besten und schlechtesten E-Commerce-Websites für Barrierefreiheit

Der Donnerstag eignet sich hervorragend für barrierefreies Dating

Wenn Sie auf der Suche nach Liebe mit einer Behinderung sind, könnte Thursday die richtige Dating-App für Sie sein. Allerdings schneidet keine Dating-Seite besonders gut ab. 6,50 % des Donnerstags sind unzugänglich, ein Wert, der durch das Entfernen des Textes aus den Bildern und die Erhöhung des Farbkontrasts verbessert werden könnte.

Tinder belegt mit einem Wert von 6,77 % den zweiten Platz. Eine dunkelgraue Schriftart auf einem hellgrauen Hintergrund führt nie zu einer sehr zugänglichen Website, aber ansonsten ist sie in Ordnung. Ein vorsichtiger Wisch nach rechts von uns.

Den dritten Platz belegt Grindr mit 8,27 % der nicht zugänglichen Website. Es handelt sich um eine leuchtend gelbe Website mit fettem, schwarzem Text, wodurch sie gut lesbar und leicht zu lesen ist.

14,34 % von Bumble sind unzugänglich

Während Bumble möglicherweise die Internet-Dating-Szene revolutioniert hat, indem es eine App entwickelt hat, in der nur Frauen zuerst sprechen können, ist es noch ein langer Weg, bis es eine wirklich zugängliche Plattform hat. Derzeit sind 14,35 % des Geländes für Personen mit einer Beeinträchtigung unbrauchbar. Es fehlen beschreibende Links und Schaltflächen und das Schlimmste ist, dass weiße Schrift auf gelbem Hintergrund verwendet wird.

Das ist selbst mit perfektem Sehvermögen schwer zu lesen.

Nur geringfügig besser: 13,93 % der Website sind nicht zugänglich, eHarmony. Eine der ursprünglichen Dating-Sites ist immer noch ein wenig hinter der Zeit zurück, wenn es um barrierefreie Inhalte geht, wobei das Lesen von Text über bewegten Bildern ein Albtraum ist. Darüber hinaus macht die kleine, hellgraue Schriftart die Sache nicht gerade einfacher.

Die Dating-Sites, die ihren zugänglichen Partner gefunden haben

GoDaddy ist aufgrund seiner Barrierefreiheit der beste Website-Builder

Nun zu unserem Spezialthema, Website-Builder. GoDaddy ist sicherlich einer der Größten und wenn es um die Barrierefreiheit seiner Website geht, ist es auch der Beste. Nur 2,11 % der Website sind nicht zugänglich, was die Nutzung einfacher macht als Wix mit 3,61 % und Weebly mit 8,49 %.

Alle diese Websites bieten eine gute Benutzerfreundlichkeit und eine klare Navigation, sodass Kunden unabhängig von ihren Fähigkeiten problemlos durch ihre Dienste navigieren können.

WordPress und Squarespace sind die am wenigsten zugänglichen Website-Builder

Obwohl sie zwei der Hauptakteure auf dem Markt sind, haben sowohl WordPress (10,22 %) als auch Squarespace (9,33 %) Probleme mit der Barrierefreiheit. Bei beiden gibt es Probleme mit der Bereichsfokussierung, die es Benutzern mit Sehbehinderung ermöglicht, in Abschnitte hineinzuzoomen und Inhalte aus der Nähe zu lesen. Es kann auch Menschen helfen, die nicht mit der Maus umgehen können, lange genug auf Inhalten zu bleiben, um sie wahrzunehmen.

Auf beiden Websites ist die Fokussierung ein Problem, während geringer Farbkontrast und fehlende ARIA-Beschriftungen zu ihrer Gesamtpunktzahl beitragen.

Die Website-Ersteller, die ihre Barrierefreiheitswerte verbessern müssen

H&M, Nike und Nordstrom sehen in puncto Zugänglichkeit allesamt gut aus

Modeseiten wie H&M, Nike und Nordstrom erleichtern den Benutzern den Zugriff auf ihre Produkte und sind so gestaltet, dass sie barrierefrei sind. H&M ist einer der besten Anbieter in unserem gesamten Bericht – nur 0,38 % seiner Website sind nicht zugänglich, und das ist hauptsächlich auf ein paar fehlende ARIA-Labels zurückzuführen.

Auch Nike ist gut – nur 1,68 % der Website haben unsere Tests nicht bestanden. Sie verwenden schwarze Schrift auf hellem Hintergrund und fügen ihren Bildern Alternativtext hinzu. Wenn sie ihre „Shop“-Buttons aussortieren würden, würden sie sogar noch besser abschneiden. Die Benennung des Produkts in der Schaltfläche erhöht die Lesbarkeit und erhöht wahrscheinlich auch die Anzahl der Personen, die darauf klicken.

Nur 2,13 % der Website von Nordstrom sind nicht zugänglich und profitieren wiederum von einem guten Farbkontrast und einem einfachen Layout.

ASOS ist nicht der einzige Verstoß gegen die Modebarriere

Während ASOS in unserer gesamten Umfrage die am wenigsten zugängliche Website ist, ist sie nicht die einzige Modeseite, die gegen die Vorschriften verstößt. 21,38 % der Website sind unzugänglich, nur geringfügig schlechter als Shein mit 16,12 %. Die europäische Modeseite verfügt über eine sehr belebte Homepage, was es für Benutzer schwierig macht, zu finden, wohin sie gehen, und es für niemanden schwierig ist, sie zu lesen.

Auch die Menge an Pop-ups ist eine Herausforderung. Die besten Screenreader können damit umgehen, einige bleiben jedoch hängen und hindern Kunden daran, eines der Produkte zu durchsuchen.

Die Modeseiten passen nicht gut zur Barrierefreiheit

Gmail ist der am besten zugängliche E-Mail-Anbieter

E-Mail-Postfächer sollten ziemlich einfach sein. Ein leerer Hintergrund, klare Überschriften und klare Links erleichtern das Öffnen und Beantworten von E-Mails, insbesondere wenn Gmail Ihr Hauptanbieter ist. Die E-Mail-Plattform von Google weist nur 3,17 % nicht zugängliche Funktionen auf, wobei die meisten Fehler auf eine schlechte ARIA-Kennzeichnung zurückzuführen sind, wodurch bestimmte Elemente unklar werden, wenn Sie unterstützende Technologien verwenden.

Gmail punktete hinsichtlich Farbkontrast und Lesbarkeit mit guten Ergebnissen. Schwarzer Text auf weißem Hintergrund könnte nicht einfacher zu lesen sein und ein aufgeräumter Posteingang erleichtert das Navigieren in Nachrichten.

Es übertrifft live.com, dessen Website 3,84 % unzugängliche Funktionen aufweist. Das ist eine enorme Verbesserung gegenüber dem Vorgänger von Live, dem MSN Messenger, wo Emojis, Blasentext und Vibrationschats für alle außer den engagiertesten Teenagern der 2000er-Jahre schwer zu verstehen waren.

Yahoo muss noch daran arbeiten, seine Website zugänglich zu machen

Einer der größten Konkurrenten von Gmail in der E-Mail-Branche lässt sich in puncto Barrierefreiheit im Stich. 16,42 % ihres E-Mail-Posteingangs sind für eingeschränkte Benutzer nicht zugänglich, was bedeutet, dass viele E-Mails ungeöffnet bleiben. Schwarzer Text auf einem dunkelgrauen Hintergrund ist schwer zu lesen, Text über Bildern kann verwirrend sein und die große Menge an Werbung, die eingeblendet wird, während Sie versuchen, auf Ihren Posteingang zuzugreifen, kann bei einigen Screenreadern zu echten Problemen führen.

Die E-Mail-Anbieter erweisen sich als schwer lesbar

Die häufigsten Probleme mit der Barrierefreiheit

Einige Barrierefreiheitsprobleme treten häufiger auf als andere. Obwohl es ideal wäre, wenn jedes Video auf jeder Website eine Gebärdensprache hätte, verstehen wir, dass nicht jeder das Budget dafür hat. Alle diese häufigen Probleme lassen sich jedoch leicht beheben und könnten Ihrem Unternehmen dabei helfen, mehr Kunden zu halten und mehr Geld zu verdienen.

Farbkontrast

Wenn Sie Text auf einen farbigen Hintergrund legen, muss dieser einen ausreichend hohen Kontrast aufweisen, um hervorzustechen. Viele Websites tappen in die Falle, den Stil der Funktion vorzuziehen und farbige Schriftarten über farbigen Hintergründen zu platzieren, die Gefahr laufen, unsichtbar zu werden.

Kein Alternativtext auf Bildern

Alttext ist das, worauf Menschen mit Sehproblemen beim Betrachten von Bildern vertrauen. Es ist das, was ihre Screenreader vorlesen, um zu beschreiben, was das Bild zeigt. Es kann also alles sein, von „Katze sitzt auf einer Kiste“ bis hin zu „Grünes Kleid mit Knöpfen in Größe 12“. Wenn Sie keinen Alternativtext verwenden, werden Millionen von Menschen keines Ihrer Bilder bemerken.

Fehlender Link-Ankertext

Ankertext ist der Text, in dem sich ein Link befindet. Wenn wir beispielsweise auf unsere Website-Builder-Rezensionen verlinken wollten, wäre das Wort „Website-Builder-Rezensionen“ der Ankertext. Wenn Sie keinen Ankertext verwenden und stattdessen einfach die vollständige URL in Ihren Inhalt einfügen, kann es für Screenreader schwieriger sein, ihn zu lesen, und er sieht für andere weniger einladend aus, wenn er darauf klickt.

Unbeschreiblicher Ankertext

Der Ankertext sollte sagen, was ein Klick darauf bewirkt oder wohin der Link Sie führt. Dies schafft nicht nur Vertrauen, sondern verbessert auch das Benutzererlebnis. Wenn ein Link Ihnen sagt, was das Klicken darauf bewirkt, ist die Wahrscheinlichkeit höher, dass Sie darauf klicken.

Nicht beschreibende Links sagen Dinge wie „Weitere Informationen“ oder „Hier klicken“. Wenn Sie die Seite nur überfliegen und diese Links aus dem Kontext gerissen sehen, werden Sie nicht verstehen, wozu sie dienen, und Sie werden sich wahrscheinlich nicht mit ihnen beschäftigen.

Zu viele Navigationslinks

Die Art und Weise, wie wir auf den meisten Websites navigieren, ist ein Dropdown-Menü, das einige verschiedene Optionen anzeigt. Wenn Ihnen das Menü jedoch zu viele Auswahlmöglichkeiten bietet, kann es unmöglich sein, herauszufinden, wohin Sie gehen und worauf Sie klicken sollen.

Stellen Sie es sich wie eine Speisekarte in einem Restaurant vor: Eine klare, einfache Speisekarte erleichtert Ihnen die Bestellung von Speisen. Eine Speisekarte mit Hunderten von Gerichten wird Sie überfordern und Sie daran zweifeln lassen, wie gut das Essen tatsächlich ist.

Leere Formularetiketten

Beim Ausfüllen eines Formulars ist es hilfreich zu wissen, was in jedes Feld gehören sollte. Normalerweise sehen wir dies auf den Checkout-Seiten, wenn Sie einem Unternehmen Ihre Adresse mitteilen. Wenn diese Formulare leer bleiben, weiß jemand mit einer Sehbehinderung möglicherweise nicht, welche Informationen er wo angeben soll.

Auszeiten können nicht gestoppt werden

Auf vielen Websites kommt es zu einer Zeitüberschreitung, wenn Sie Ihre Bestellung nicht rechtzeitig abschließen. Möglicherweise wird ein Bildschirm mit der Meldung „Ihre Sitzung wurde leider abgelaufen“ angezeigt, sodass Sie noch einmal von vorne beginnen müssen.

Das ist für alle ärgerlich, vor allem aber, wenn man naturgemäß länger braucht, um Dinge online zu erledigen. Personen, die keine Maus bedienen können, nicht lesen oder nicht sehen können, brauchen länger, um die gleichen Aktionen auszuführen, was dazu führt, dass Auszeiten unschlagbar sind und Websites nicht mehr genutzt werden können.

Möchten Sie sicherstellen, dass Ihre Website mehr Menschen anspricht?

Wir vergleichen die besten Tools zum Erstellen von Websites, um Ihnen bei der Erstellung einer Website zu helfen, die Ergebnisse liefert. Ganz gleich, ob Sie ein schönes kreatives Portfolio oder eine mehrstufige, hochsichere Produktkaufplattform wünschen, wir können Ihnen dabei helfen, den Website-Builder zu finden, der die von Ihnen benötigte Aufgabe erfüllt.

Denken Sie daran, unsere Tipps zur Barrierefreiheit zu lesen, um sicherzustellen, dass Sie nicht eine Milliarde Menschen verprellen.

Methodik

Die Studie nutzte die Chrome-Erweiterung „Arc Toolkit“, um die Barrierefreiheit von über 150 Websites zu überprüfen. Das Tool untersucht einzelne Assets, Fehler und Warnungen, die alle zur Bewertung der Zugänglichkeit von Websites herangezogen werden. Um die Studie fair zu halten, haben wir das Ranking auf den Prozentsatz der Fehler der Homepage gestützt, um die am besten und am wenigsten zugänglichen Websites zu finden. Für die Social-Media- und Unterhaltungswebsites, bei denen Sie sich zuerst anmelden müssen, haben wir die Zugänglichkeit der Anmeldeseiten untersucht und dann die Startseiten (die Feeds) separat analysiert, um die Studie mit den anderen Bereichen konsistent zu halten, die Sie direkt zur Startseite weiterleiten.

Haftungsausschluss: Bei der Betrachtung von Social-Media-Feeds kann nicht alles, was von Einzelpersonen gepostet wird, von den Social-Media-Sites kontrolliert werden, weshalb die Fehler bei der Deep-Dive-Analyse höher sein könnten. Diese Websites können jedoch versuchen, Benutzer dazu zu ermutigen, ihren Bildern beispielsweise Alt-Text hinzuzufügen, um die Website für alle zugänglicher zu machen. Unser Bericht befasste sich sowohl mit den Heimseiten als auch den Feeds, da sich Benutzer anmelden müssen, bevor sie etwas anderes tun können.

Die beliebtesten Websites, die aus den Daten von ähnlichenWeb gesammelt wurden. Hier finden Sie unsere Datenquellen.

Dieser Beitrag wurde ursprünglich im November 2021 veröffentlicht und am 3. Mai 2022 aktualisiert.