Barrierefreiheit

Barrierefreiheit (oft abgekürzt als A11y — wie "a", dann 11 Zeichen und dann "y") im Web-Entwicklungsbereich bedeutet, dass so viele Menschen wie möglich Websites nutzen können, auch wenn die Fähigkeiten dieser Menschen in irgendeiner Weise eingeschränkt sind.

Für viele Menschen macht Technologie Dinge einfacher. Für Menschen mit Behinderungen macht Technologie Dinge möglich. Barrierefreiheit bedeutet, Inhalte so zu entwickeln, dass sie unabhängig von den körperlichen und kognitiven Fähigkeiten und der Art, wie eine Einzelperson auf das Web zugreift, so zugänglich wie möglich sind.

Das Web ist grundsätzlich darauf ausgelegt, für alle Menschen zu funktionieren, unabhängig von deren Hardware, Software, Sprache, Standort oder Fähigkeit. Wenn das Web dieses Ziel erreicht, ist es für Menschen mit einer vielfältigen Palette an Hör-, Bewegungs-, Seh- und kognitiven Fähigkeiten zugänglich.“ (W3C - Accessibility)

Wichtige Tutorials

Das MDN Accessibility Learning Area enthält moderne, aktuelle Tutorials zu den folgenden grundlegenden Themen der Barrierefreiheit:

Was ist Barrierefreiheit?

Dieser Artikel startet das Modul mit einem guten Blick darauf, was Barrierefreiheit tatsächlich ist – dazu gehört, welche Personengruppen wir berücksichtigen müssen und warum, welche Werkzeuge unterschiedliche Menschen verwenden, um mit dem Web zu interagieren, und wie wir Barrierefreiheit in unseren Webentwicklungsworkflow integrieren können.

HTML: Eine gute Grundlage für Barrierefreiheit

Ein Großteil der Webinhalte kann einfach dadurch zugänglich gemacht werden, dass stets die richtigen HTML-Elemente für den richtigen Zweck verwendet werden. Dieser Artikel betrachtet im Detail, wie HTML genutzt werden kann, um maximale Barrierefreiheit zu gewährleisten.

CSS- und JavaScript-Best Practices für Barrierefreiheit

CSS und JavaScript haben, wenn sie richtig verwendet werden, ebenfalls das Potenzial, barrierefreie Web-Erfahrungen zu ermöglichen. Sie können die Barrierefreiheit erheblich beeinträchtigen, wenn sie falsch verwendet werden. Dieser Artikel skizziert einige CSS- und JavaScript-Best Practices, die in Betracht gezogen werden sollten, um sicherzustellen, dass selbst komplexe Inhalte so zugänglich wie möglich sind.

WAI-ARIA Grundlagen

Auf den vorherigen Artikel aufbauend, ist es manchmal schwierig, komplexe UI-Steuerelemente zu erstellen, die unsemantisches HTML und dynamische, durch JavaScript aktualisierte Inhalte umfassen. WAI-ARIA ist eine Technologie, die bei solchen Problemen helfen kann, indem sie zusätzliche Semantiken hinzufügt, die von Browsern und unterstützenden Technologien erkannt werden können, um den Benutzern zu vermitteln, was vor sich geht. Hier zeigen wir, wie Sie es auf grundlegender Ebene einsetzen können, um die Barrierefreiheit zu verbessern.

Zugängliche Multimedia-Inhalte

Eine weitere Kategorie von Inhalten, die Barrierefreiheitsprobleme schaffen kann, sind Multimedia-Inhalte – Video-, Audio- und Bildinhalte müssen mit geeigneten textlichen Alternativen versehen werden, damit sie von unterstützenden Technologien und deren Benutzern verstanden werden können. Dieser Artikel zeigt, wie das geht.

Mobile Barrierefreiheit

Da der Zugang zum Web über mobile Geräte so beliebt ist und populäre Plattformen wie iOS und Android umfassende Barrierefreiheits-Werkzeuge bieten, ist es wichtig, die Barrierefreiheit Ihrer Webinhalte auf diesen Plattformen zu berücksichtigen. Dieser Artikel betrachtet mobilspezifische Barrierefreiheitsüberlegungen.

Weitere Dokumentation

Verständnis der Web Content Accessibility Guidelines

Diese Artikelreihe bietet schnelle Erklärungen, um Ihnen zu helfen, die Schritte zu verstehen, die erforderlich sind, um die in den W3C Web Content Accessibility Guidelines 2.0 (WCAG 2.0 oder einfach WCAG) beschriebenen Empfehlungen zu erfüllen.

Einführung in Farbe und Barrierefreiheit

Dieser Artikel diskutiert unsere Wahrnehmung von Licht und Farbe, bietet eine Grundlage für den Einsatz von Farben in barrierefreien Designs und zeigt Best Practices für visuelle und lesbare Inhalte.

Tastaturnavigierbare JavaScript-Widgets

Bisher haben Webentwickler, die ihre auf <div> und <span> basierenden Widgets zugänglich machen wollten, keine ordentlichen Techniken gehabt. Tastaturzugänglichkeit ist Teil der minimalen Barrierefreiheitsanforderungen, die ein Entwickler kennen sollte.

ARIA

Dies ist eine Sammlung von Artikeln, um zu lernen, wie man Accessible Rich Internet Applications (ARIA) verwendet, um Ihre HTML-Dokumente zugänglicher zu machen.

Checkliste für mobile Barrierefreiheit

Dieser Artikel bietet eine prägnante Checkliste der Barrierefreiheitsanforderungen für mobile App-Entwickler.

Kognitive Barrierefreiheit

Dieser Artikel erklärt, wie Sie sicherstellen können, dass die von Ihnen erstellten Webinhalte für Menschen mit kognitiven Beeinträchtigungen zugänglich sind.

Barrierefreiheit bei Anfallserkrankungen

Einige Arten von visuellen Webinhalten können bei Menschen mit bestimmten Gehirnstörungen Anfälle auslösen. Dieser Artikel hilft Ihnen, die Arten von Inhalten zu verstehen, die problematisch sein können, und Werkzeuge und Strategien zu finden, um sie zu vermeiden.

Siehe auch