Barrierefreiheit

Barrierefreiheit (häufig abgekürzt als A11y — das heißt, "a", dann 11 Zeichen, und dann "y") in der Webentwicklung bedeutet, dass möglichst viele Menschen Webseiten nutzen können, selbst wenn ihre Fähigkeiten in irgendeiner Weise eingeschränkt sind.

Für viele Menschen erleichtert Technologie die Dinge. Für Menschen mit Behinderungen macht Technologie viele Dinge überhaupt erst möglich. Barrierefreiheit bedeutet, Inhalte so zu entwickeln, dass sie unabhängig von den körperlichen und kognitiven Fähigkeiten einer Person sowie ihrer Art des Zugriffs auf das Web so zugänglich wie möglich sind.

"Das Web ist grundsätzlich so gestaltet, dass es für alle Menschen funktioniert, unabhängig von ihrer Hardware, Software, Sprache, ihrem Standort oder ihrer Fähigkeit. Wenn das Web dieses Ziel erreicht, ist es für Menschen mit einer Vielzahl von Hör-, Bewegungs-, Seh- und kognitiven Fähigkeiten zugänglich." (W3C - Accessibility)

Zentrale Tutorials

Der MDN Barrierefreiheits-Bereich enthält moderne, aktuelle Tutorials, die die folgenden grundlegenden Themen der Barrierefreiheit abdecken:

Was ist Barrierefreiheit?

Dieser Artikel startet das Modul mit einem genauen Blick darauf, was Barrierefreiheit tatsächlich ist — dazu gehört, welche Personengruppen wir berücksichtigen müssen und warum, welche Tools verschiedene Personen nutzen, um mit dem Web zu interagieren, und wie wir Barrierefreiheit in unseren Webentwicklungs-Workflow integrieren können.

HTML: Eine gute Grundlage für Barrierefreiheit

Ein großer Teil der Webinhalte kann barrierefrei gemacht werden, indem sichergestellt wird, dass die richtigen HTML-Elemente jederzeit für den richtigen Zweck verwendet werden. Dieser Artikel untersucht im Detail, wie HTML genutzt werden kann, um maximale Barrierefreiheit zu gewährleisten.

Best Practices für CSS und JavaScript in der Barrierefreiheit

Wenn richtig eingesetzt, können CSS und JavaScript auch barrierefreie Web-Erfahrungen ermöglichen. Werden sie jedoch falsch eingesetzt, können sie die Barrierefreiheit erheblich beeinträchtigen. Dieser Artikel skizziert einige Best Practices für CSS und JavaScript, die berücksichtigt werden sollten, um sicherzustellen, dass selbst komplexe Inhalte so barrierefrei wie möglich sind.

Grundlagen von WAI-ARIA

Aufbauend auf dem vorherigen Artikel gibt es Situationen, in denen es schwierig ist, komplexe UI-Steuerelemente zu erstellen, die nicht-semantisches HTML und dynamisch aktualisierte JavaScript-Inhalte beinhalten. WAI-ARIA ist eine Technologie, die bei solchen Problemen helfen kann, indem sie zusätzliche Semantik hinzufügt, die von Browsern und unterstützenden Technologien erkannt werden können, um Nutzer über den aktuellen Status zu informieren. Hier wird gezeigt, wie Sie WAI-ARIA auf grundlegender Ebene einsetzen können, um die Barrierefreiheit zu verbessern.

Barrierefreie Multimedia-Inhalte

Eine weitere Kategorie von Inhalten, die Barrierefreiheit beeinträchtigen kann, sind Multimedia-Inhalte — Video-, Audio- und Bildinhalte müssen mit geeigneten textlichen Alternativen versehen werden, damit sie von unterstützenden Technologien und deren Nutzern verstanden werden können. Dieser Artikel zeigt, wie das gelingt.

Barrierefreiheit für mobile Endgeräte

Da der Zugriff auf das Web über mobile Geräte so populär ist und Plattformen wie iOS und Android vollständig entwickelte Barrierefreiheitstools bieten, ist es wichtig, die Barrierefreiheit Ihrer Webinhalte auf diesen Plattformen zu berücksichtigen. Dieser Artikel untersucht spezifische Überlegungen zur Barrierefreiheit auf mobilen Geräten.

Weitere Dokumentation

Verständnis der Web Content Accessibility Guidelines

Diese Artikelserie bietet schnelle Erklärungen, die Ihnen helfen, die Schritte zu verstehen, die erforderlich sind, um den Empfehlungen der W3C Web Content Accessibility Guidelines 2.0 (WCAG 2.0 oder einfach WCAG für dieses Dokument) zu entsprechen.

Einführung in Farben und Barrierefreiheit

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

Tastaturnavigierbare JavaScript-Widgets

Bisher fehlten Webentwicklern, die ihre gestylten <div>- und <span>-basierten Widgets barrierefrei gestalten wollten, geeignete Techniken. Tastaturzugänglichkeit gehört zu den Mindestanforderungen an Barrierefreiheit, die ein Entwickler kennen sollte.

ARIA

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

Checkliste für Barrierefreiheit auf mobilen Endgeräten

Dieser Artikel bietet eine prägnante Checkliste von Barrierefreiheitsanforderungen für Entwickler von mobilen Apps.

Kognitive Barrierefreiheit

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

Barrierefreiheit für Anfallsleiden

Einige Arten von visuellen Webinhalten können bei Personen mit bestimmten Hirnerkrankungen Anfälle auslösen. Dieser Artikel hilft Ihnen, die potenziell problematischen Inhalte zu verstehen und Werkzeuge sowie Strategien zu finden, um sie zu vermeiden.

Siehe auch