Alles, was Sie über Barrierefreiheit von Websites wissen müssen

Jeder Benutzer, der Ihre Website besucht, sollte das Recht auf eine verständliche Benutzererfahrung haben, unabhängig von seinen Fähigkeiten oder deren Mangel. Das ist nicht nur unsere Meinung, sondern in manchen Ländern auch gesetzlich vorgeschrieben. Aber das ist nicht der einzige Grund, um sicherzustellen, dass Ihre Website Barrierefreiheitsstandards erfüllt. Laut einem Bericht über Behinderungen leben 1 Milliarde Menschen mit einer Behinderung, was 15 % der Weltbevölkerung entspricht . Menschen mit körperlichen, visuellen, kognitiven, neurologischen, motorischen und Hörbehinderungen werden Ihre Website nutzen. Es ist zwar abschreckend, die Zahlen als Grund zu verwenden, aber das ist eine beträchtliche Anzahl potenzieller Besucher. Es lohnt sich, Ihre Website für alle nutzbar zu machen.

Die Lücke zwischen zugänglichen Websites und solchen, die es nicht sind, liegt normalerweise im Budget. Ihre Website inklusive zu gestalten, erfordert einfach mehr Aufwand bei der Entwicklung und mehr Aufwand bedeutet mehr Geld. Aber wenn es strategisch und mit einem CMS wie Drupal gemacht wird, muss es kein großer Aufwand sein. Der Drupal-Kern unterstützt das Design und die Entwicklung von Websites, die den Standards WCAG 2.0 und ATAG 2.0 entsprechen. Tatsächlich gibt es eine ganze Community (die Drupal Accessibility Community), die sich der Verbesserung und Aktualisierung der Barrierefreiheitsstandards verschrieben hat. Man könnte sogar sagen, dass Zugänglichkeit eine Kernstärke von Drupal ist.

Das ist alles großartig, wenn Sie gerade dabei sind, Ihre Website neu zu erstellen, aber was ist, wenn Sie mit Ihrer bestehenden arbeiten? Lassen Sie uns in die Barrierefreiheit im Internet eintauchen und erfahren, ob Ihre Website barrierefrei ist oder nicht.

Was ist Web-Barrierefreiheit?

Barrierefreiheit ist ein sehr wichtiger Aspekt in der Webentwicklung. Laienhaft ausgedrückt bedeutet Barrierefreiheit im Internet, dass jeder auf Ihre Website zugreifen kann, unabhängig von seinen Behinderungen. Obwohl oft angenommen wird, betrifft Barrierefreiheit nicht nur Menschen mit Behinderungen. Als nichtbehinderte Person gibt es Umstände, in denen Sie sich befinden können – situativ oder vorübergehend –, die sich darauf auswirken können, wie Sie auf die Website zugreifen.

Warum ist Barrierefreiheit im Internet wichtig

Ein weiterer Irrglaube ist, dass Barrierefreiheit im Internet hauptsächlich dazu dient, ein positives Markenimage zu schaffen. Aber eine barrierefreie Website hat viel mehr greifbare Vorteile, als viele denken.

• Erhöhen Sie die Reichweite Ihres Publikums
• Vermeiden Sie rechtliche Probleme ( denken Sie an die Klage gegen Beyonce im Jahr 2019, als ihre Website nicht mit dem ADA (Americans with Disabilities Act) konform war)
• Die Verbesserung der Benutzererfahrung für Barrierefreiheit bedeutet auch, dass Sie Ihren UX-Gesamtwert verbessern
• Verbessern Sie den Rang Ihrer Website in Suchmaschinen

Das jüngste Wachstum und die Popularität von zweckorientierten Marken deuten jedoch darauf hin, dass Inklusion ein wichtiges Unterscheidungsmerkmal für Marken sein kann.

Konformität und die Ebenen

Das World Wide Web Consortium (W3C) hat eine Reihe von Richtlinien entwickelt und veröffentlicht – die WCAG (Web Content Accessibility Guidelines), die die Standards der Web-Zugänglichkeit regeln. Die Erfolgskriterien dieser Standards (WCAG 2.0, WCAG 2.1 und WCAG 2.2) haben drei Konformitätsstufen:

• Stufe A
• Stufe AA
• Stufe AAA

Stufe A – Dies ist die Mindeststufe der Zugänglichkeit, die die grundlegendsten Anforderungen an Zugänglichkeitsfunktionen abdeckt.

Level AA – Dieses Level erfordert alles von Level A plus ein paar zusätzliche Anforderungen. Wenn eine Website diesem Niveau entspricht, ist dies eine große Sache, da viele der größten Zugänglichkeitsbarrieren beseitigt werden.

Level AAA – Das AAA-Level erfordert alles in den Levels A und AA plus ein paar zusätzliche Anforderungen. Dieses Niveau ist für die meisten Websites schwer zu erreichen und es ist das höchste Niveau der Barrierefreiheit gemäß den WCAG-Standards.

Woher wissen Sie, ob Ihre Website barrierefrei ist?

Die WCAG hat 4 Prinzipien und 13 Richtlinien für die Barrierefreiheit im Internet festgelegt. Wenn Sie eines dieser vier Prinzipien nicht einhalten, wird Ihre Website für Benutzer mit Behinderungen unzugänglich. Diese Prinzipien sind als POUR-Prinzipien bekannt

1. Wahrnehmbar
2. Bedienbar
3. Verständlich
4. Robust

Wahrnehmbar – Alle Richtlinien, die unter Wahrnehmbarkeit gruppiert sind, drehen sich darum sicherzustellen, dass die Leute Ihre Inhalte finden können.

Bedienbar – Sie müssen sicherstellen, dass Ihre Website bedienbar ist. Menschen müssen in der Lage sein, Ihre Website zu nutzen .

Verständlich – Menschen müssen Ihre Website verstehen können.

Robust - Ihre Website sollte mit allen Browsern, Betriebssystemen und Geräten kompatibel sein.

Zugänglichkeitsrichtlinien

Nun hat jedes Prinzip seine eigenen Richtlinien , über die wir hier sprechen werden:

Wahrnehmbare Richtlinien

1.1) Textalternativen – Die erste wahrnehmbare Richtlinie, wahrnehmbar 1.1 , verlangt, dass alle Nicht-Text-Inhalte eine Textalternative haben. Das bedeutet, dass Bilder einen aussagekräftigen Alternativtext haben müssen. Alternativtext sollte beschreiben, was auf dem Bild vor sich geht.

1.2) Zeitbasierte Medien – wahrnehmbar 1.2 erfordert, dass es alternative Optionen für zeitbasierte Medien gibt. Fügen Sie Videountertitel für hörgeschädigte Personen hinzu. Untertitel können helfen, ihnen Kontext zu geben.

1.3) Anpassbar – wahrnehmbar 1.3 verlangt, dass Inhalte auf unterschiedliche Weise präsentiert werden können, ohne den Kontext zu verlieren.

1.4) Unterscheidbar – Die letzte Richtlinie für Wahrnehmbarkeit ist Wahrnehmbarkeit 1.4 und erfordert, dass der Inhalt visuell von seinem Hintergrund getrennt werden kann. Das bedeutet, dass ein ausreichender Kontrast zwischen Text und Hintergrundfarbe vorhanden sein sollte. Der Text muss ein Mindestkontrastverhältnis von 4,5 haben.

Operative Richtlinien

2.1) Zugänglichkeit per Tastatur – Die erste Leitlinie 2.1 zur Bedienbarkeit verlangt, dass auf alle Teile der Website nur mit der Tastatur zugegriffen werden kann.

2.2) Genügend Zeit – funktionsfähig 2.2 erfordert, dass den Leuten genug Zeit gegeben wird, um die Inhalte auf Ihrer Website zu nutzen. Sie müssen dem Benutzer Zeit geben, die Aufgabe zu erledigen, ohne sich gehetzt zu fühlen. Sie müssen auch bedenken, dass verschiedene Menschen unterschiedliche Fähigkeiten haben und einige Dinge möglicherweise etwas langsamer erledigen.

2.3) Krampfanfälle und körperliche Reaktionen - Bedienbar 2.3 erfordert, dass der Inhalt nicht so gestaltet ist, dass er Krampfanfälle verursacht. Animationen und Videos sollten nicht öfter als 3 mal pro Sekunde blinken .

2.4) Navigierbar – Bedienbar 2.4 erfordert, dass Benutzer auf der Website navigieren und verstehen können, wo sie sich auf der Website befinden. Alle Links, Eingaben und Schaltflächen auf der Seite sollten einen fokussierten Zustand haben, um anzuzeigen, wo sich eine Person auf dem Bildschirm befindet, wenn Benutzer mithilfe von Registerkarten navigieren.

2.5) Eingabemodalitäten – Die letzte Richtlinie für Operable ist Operable 2.5 und erfordert, dass auf alle Teile der Website mit anderen Eingabegeräten als einer Tastatur zugegriffen werden kann. Grundsätzlich sollten Sie sicherstellen, dass Ihre Website mit einer Maus, Touchscreen-Geräten und Sprache zu Text funktioniert.

Verständliche Richtlinien

3.1) Lesbar – Verständlich 3.1 verlangt, dass Inhalte lesbar und leicht verständlich sind. Verwenden Sie eine einfache Sprache und versuchen Sie Fachjargon zu vermeiden.

3.2) Vorhersagbar – Verständlich 3.2 erfordert, dass Webseiten in ihrem Erscheinungsbild und ihrer Funktionsweise vorhersehbar sind. Der Inhalt wird auf jeder Seite anders sein, aber die Hauptstruktur der Seite sollte gleich bleiben. Navigation, Reihenfolge der Links und Suche sollten sich immer an derselben Stelle auf der Seite befinden.

3.3) Eingabehilfe - Verständlich 3.3 verlangt, dass es für Menschen einfach ist, Fehler zu korrigieren und zu vermeiden.

Robuste Richtlinien

4.1) Kompatibel - Es gibt nur eine Richtlinie unter robust , und das ist 4.1 . Voraussetzung dafür ist, dass die Website mit allen Browsern, Betriebssystemen und Geräten kompatibel ist. Dies ist erreichbar, indem gültiges, semantisches HTML geschrieben wird. Wenn die Website aus irgendeinem Grund noch Hilfe zur Barrierefreiheit benötigt, fügen Sie einige ARIA-Attribute hinzu.

Wie testet man Barrierefreiheit?

Schließlich möchten Sie Barrierefreiheitstests in Ihren Website-Verwaltungsprozess integrieren. Sie können beispielsweise durch die Seiten blättern, um die Tastaturzugänglichkeit zu testen. Glücklicherweise gibt es im Internet viele Tools zur Automatisierung Ihrer Tests:

• Welle
• Leuchtturm

Referenzseiten

Die Standards und Richtlinien finden Sie auf den folgenden W3C-Websites.

• https://www.w3.org/
• https://www.w3.org/WAI/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/WAI/WCAG21/quickref/