Was ist Barrierefreiheit?

Dieser Artikel beginnt das Modul mit einem guten Einblick in das, was Barrierefreiheit ist – dieser Überblick umfasst, welche Personengruppen wir berücksichtigen müssen und warum, welche Werkzeuge verschiedene Menschen nutzen, um mit dem Web zu interagieren, und wie wir Barrierefreiheit in unseren Webentwicklungsworkflow integrieren können.

Voraussetzungen: Vertrautheit mit HTML, CSS.
Lernziele:
  • Der Zweck der Barrierefreiheit — erhöhter Zugang zu digitalen Diensten für Menschen mit zusätzlichen Bedürfnissen, verbesserte Benutzerfreundlichkeit für alle, besseres SEO und eine breitere Zielgruppe.
  • Bewusstsein für die gesetzlichen Anforderungen der Barrierefreiheit.
  • dass Barrierefreiheit von Anfang an in ein Projekt einbezogen werden sollte und nicht erst am Ende.
  • Vertrautheit mit den Konformitätskriterien der Web Content Accessibility Guidelines (WCAG).
  • Bewusstsein für Barrierefreiheits-APIs und deren Zweck.

Was ist also Barrierefreiheit?

Barrierefreiheit ist die Praxis, Ihre Websites so zu gestalten, dass sie von möglichst vielen Menschen genutzt werden können. Traditionell denkt man dabei an Menschen mit Behinderungen, aber das Zugänglichmachen von Websites kommt auch anderen Gruppen zugute, wie z.B. Nutzern mobiler Geräte oder solchen mit langsamen Netzwerkverbindungen.

Man könnte Barrierefreiheit auch als die Gleichbehandlung aller betrachten, indem man ihnen die gleichen Möglichkeiten bietet, unabhängig von ihren Fähigkeiten oder Umständen. Genauso wie es falsch ist, jemanden von einem physischen Gebäude auszuschließen, weil er im Rollstuhl sitzt (moderne öffentliche Gebäude verfügen in der Regel über Rollstuhlrampen oder Aufzüge), ist es auch nicht richtig, jemanden von einer Website auszuschließen, weil er eine Sehbehinderung hat. Wir sind alle unterschiedlich, aber wir sind alle Menschen und haben daher die gleichen Menschenrechte.

Barrierefreiheit ist das Richtige. In einigen Ländern ist die Bereitstellung barrierefreier Websites gesetzlich vorgeschrieben, was bedeutende Märkte eröffnen kann, die sonst nicht in der Lage wären, Ihre Dienste zu nutzen oder Ihre Produkte zu kaufen.

Der Aufbau barrierefreier Seiten kommt allen zugute:

  • Semantisches HTML, das die Barrierefreiheit verbessert, verbessert auch die SEO und macht Ihre Website auffindbarer.
  • Sich um Barrierefreiheit zu kümmern, demonstriert gute Ethik und Moral, was Ihr öffentliches Image verbessert.
  • Andere bewährte Praktiken, die die Barrierefreiheit verbessern, machen Ihre Website auch für andere Gruppen nutzbarer, z.B. für Handynutzer oder Benutzer mit geringer Netzwerkgeschwindigkeit. Jeder kann von vielen solchen Verbesserungen profitieren.
  • Haben wir erwähnt, dass es in einigen Gegenden auch gesetzlich vorgeschrieben ist?

Welche Arten von Behinderungen betrachten wir?

Menschen mit Behinderungen sind ebenso vielfältig wie Menschen ohne Behinderungen, und so sind es auch ihre Behinderungen. Der Schlüssel ist, über den eigenen Computer und die eigene Nutzung des Webs hinauszudenken und zu lernen, wie andere das Web nutzen — Sie sind nicht Ihre Nutzer. Die Haupttypen von Behinderungen, die zu berücksichtigen sind, werden im Folgenden erläutert, zusammen mit eventuellen Hilfsmitteln, die sie zur Nutzung von Webinhalten verwenden (bekannt als assistive technologies oder ATs).

Hinweis: Das Faktenblatt Behinderung und Gesundheit der Weltgesundheitsorganisation (WHO) gibt an, dass "über eine Milliarde Menschen, etwa 15% der Weltbevölkerung, irgendeine Form von Behinderung haben" und dass "zwischen 110 Millionen und 190 Millionen Erwachsene erhebliche Schwierigkeiten beim Funktionieren haben".

Menschen mit Sehbehinderungen

Menschen mit Sehbehinderungen umfassen Menschen mit Blindheit, geringer Sehstärke und Farbenblindheit. Viele Menschen mit Sehbehinderungen verwenden Bildschirmvergrößerungsgeräte, die entweder physische Vergrößerer oder softwarebasierte Zoom-Funktionen sind. Die meisten Browser und Betriebssysteme verfügen heutzutage über Zoom-Funktionen. Einige Nutzer sind auf Bildschirmleser angewiesen, welche Software ist, die digitale Texte laut vorliest. Beispiele für Bildschirmleser sind:

Es ist eine gute Idee, sich mit Bildschirmlesern vertraut zu machen; Sie sollten auch einen Bildschirmleser einrichten und ausprobieren, um eine Vorstellung davon zu bekommen, wie er funktioniert. Weitere Informationen zur Verwendung finden Sie in unseren Bildschirmleser-Tutorials. Das untenstehende Video bietet ebenfalls ein kurzes Beispiel, wie die Erfahrung aussieht.

In Bezug auf Statistiken schätzt die Weltgesundheitsorganisation, dass "weltweit 285 Millionen Menschen geschätzt werden, die visuell beeinträchtigt sind: 39 Millionen sind blind und 246 Millionen haben eine geringe Sehkraft." (siehe Sehbehinderung und Blindheit). Das ist eine große und bedeutende Benutzergruppe, die man nicht ausschließen sollte, nur weil Ihre Website nicht ordnungsgemäß codiert ist — fast so groß wie die Bevölkerung der Vereinigten Staaten von Amerika.

Menschen mit Hörbehinderungen

Schwerhörige und taube (DHH) Menschen haben unterschiedliche Grade von Hörverlust, von leicht bis schwerwiegend. Obwohl einige von ihnen Hilfsmittel verwenden (siehe Hilfsmittel für Menschen mit Hör-, Sprach- oder Sprachstörungen), sind sie nicht weit verbreitet.

Um den Zugang zu gewährleisten, müssen Textalternativen angeboten werden. Videos sollten manuell mit Untertiteln versehen und Transkripte sollten für Audioinhalte bereitgestellt werden. Darüber hinaus sollte aufgrund hoher Raten von Sprachdeprivation in der DHH-Population eine Textvereinfachung in Betracht gezogen werden.

Schwerhörige und taube Menschen stellen ebenfalls eine bedeutende Benutzergruppe dar — "466 Millionen Menschen weltweit haben eine beeinträchtigende Hörminderung", so das Faktenblatt der Weltgesundheitsorganisation Taubheit und Hörverlust.

Menschen mit Mobilitätsbeeinträchtigungen

Diese Menschen haben Behinderungen im Bezug auf Bewegung, die rein physische Probleme (wie den Verlust von Gliedmaßen oder Lähmungen) betreffen können oder neurologische/genetische Störungen, die zu Schwäche oder Kontrollverlust in den Gliedmaßen führen. Einige Menschen haben Schwierigkeiten mit den genauen Handbewegungen, die für die Benutzung einer Maus erforderlich sind, während andere schwerwiegender betroffen sein können, vielleicht so stark gelähmt, dass sie einen Kopfzeiger benötigen, um mit Computern zu interagieren.

Diese Art von Behinderung kann auch eine Folge des Alters sein, anstatt eines spezifischen Traumas oder einer Erkrankung, und sie kann auch durch Hardwarebeschränkungen bedingt sein — einige Benutzer besitzen möglicherweise keine Maus.

Die Art und Weise, wie sich dies auf die Webentwicklungsarbeit auswirkt, ist die Anforderung, dass Steuerelemente mit der Tastatur zugänglich sein müssen — wir werden die Tastaturzugänglichkeit in späteren Artikeln des Moduls besprechen, aber es ist eine gute Idee, einige Websites nur mit der Tastatur auszuprobieren, um zu sehen, wie Sie zurechtkommen. Können Sie die Tabulatortaste verwenden, um zwischen den verschiedenen Steuerelementen eines Webformulars zu wechseln, zum Beispiel? Weitere Details zu Tastatursteuerungen finden Sie in unserem Abschnitt Verwenden Sie, wenn möglich, semantische Benutzeroberflächenelemente.

In Bezug auf Statistiken haben viele Menschen Mobilitätsbehinderungen. Die US-amerikanischen Zentren für Krankheitskontrolle und Prävention Disability and Functioning (Nicht-institutionalisierte Erwachsene ab 18 Jahren) berichten, dass "16.1% der Erwachsenen in den USA Schwierigkeiten bei der physischen Funktion haben".

Menschen mit kognitiven Beeinträchtigungen

Kognitive Beeinträchtigung bezieht sich auf ein breites Spektrum von Behinderungen, von Menschen mit intellektuellen Behinderungen, die die eingeschränktesten Fähigkeiten haben, bis hin zu uns allen, die im Alter Schwierigkeiten haben zu denken und sich zu erinnern. Das Spektrum umfasst Menschen mit psychischen Erkrankungen, wie Depressionen und Schizophrenie. Es umfasst auch Menschen mit Lernbehinderungen, wie Dyslexie und Aufmerksamkeitsdefizit-Hyperaktivitätsstörung. Wichtig ist, dass es innerhalb der klinischen Definitionen kognitiver Beeinträchtigungen viel Vielfalt gibt. Menschen mit diesen Beeinträchtigungen erleben eine gemeinsame Reihe von funktionalen Problemen. Dazu gehören Schwierigkeiten beim Verstehen von Inhalten, Erinnern an Vorgehensweisen und Verwirrung durch inkonsistente Website-Layouts.

Eine gute Grundlage für die Barrierefreiheit für Menschen mit kognitiven Beeinträchtigungen umfasst:

  • Inhalte auf mehr als eine Weise präsentieren, z.B. durch Text-zu-Sprache oder Video.
  • Leicht verständlicher Inhalt, z.B. Text, der nach den Standards für einfache Sprache geschrieben ist.
  • Den Fokus auf wichtige Inhalte lenken.
  • Ablenkungen minimieren, wie unnötige Inhalte oder Werbung.
  • Konsistentes Website-Layout und Navigation.
  • Vertraute Elemente, wie unterstrichene Links in Blau, wenn nicht besucht, und in Lila, wenn besucht.
  • Prozesse in logische, wesentliche Schritte mit Fortschrittsanzeigen unterteilen.
  • Website-Authentifizierung so einfach wie möglich gestalten, ohne die Sicherheit zu gefährden.
  • Formulare einfach ausfüllen, z.B. mit klaren Fehlermeldungen und einfacher Fehlerbehebung.

Anmerkungen

Implementierung von Barrierefreiheit in Ihr Projekt

Ein weitverbreiteter Mythos über Barrierefreiheit ist, dass Barrierefreiheit eine teure "zusätzliche Option" ist, die in ein Projekt implementiert werden muss. Diese Annahme kann tatsächlich wahr sein, wenn entweder:

  • Sie versuchen, Barrierefreiheit in eine vorhandene Website zu "rückbauen", die erhebliche Barrierefreiheitsprobleme aufweist.
  • Sie haben erst spät in einem Projekt begonnen, sich mit Barrierefreiheit zu befassen, und dabei Probleme aufgedeckt.

Wenn Sie jedoch Barrierefreiheit von Anfang an in ein Projekt einbeziehen, sollten die Kosten für die Zugänglichmachung der meisten Inhalte recht minimal sein.

Bei der Planung Ihres Projekts sollten Sie das Testen der Barrierefreiheit in Ihr Testregime einbeziehen, ähnlich wie bei Tests für andere wichtige Zielgruppensegmente (z.B. Ziel-Desktop- oder mobile Browser). Testen Sie früh und häufig, idealerweise indem Sie automatisierte Tests durchführen, um programmatisch erkennbare fehlende Funktionen zu identifizieren (z.B. fehlender Bild-Alternativtext oder schlechter Linktext — siehe Verwenden Sie bedeutungsvolle Textbezeichnungen) und einige Tests mit behinderten Nutzergruppen durchzuführen, um zu sehen, wie gut komplexere Site-Features für sie funktionieren. Zum Beispiel:

  • Ist mein Datumsauswahl-Widget von Menschen nutzbar, die Bildschirmleser verwenden?
  • Wenn Inhalte dynamisch aktualisiert werden, wissen sehbehinderte Menschen davon?
  • Sind meine UI-Schaltflächen sowohl für Tastatur- als auch für Touch-Interface-Benutzer zugänglich?

Sie können und sollten mögliche Problemfelder in Ihren Inhalten, die bearbeitet werden müssen, um sie zugänglich zu machen, notieren, sicherstellen, dass sie gründlich getestet werden, und über Lösungen/Alternativen nachdenken. Textinhalte (wie Sie im nächsten Artikel sehen werden) sind einfach, aber was ist mit Ihren Multimedia-Inhalten und Ihren beeindruckenden 3D-Grafiken? Sie sollten Ihr Projektbudget betrachten und überlegen, welche Lösungen Sie zur Verfügung haben, um solche Inhalte zugänglich zu machen. Alle Ihre Multimedia-Inhalte transkribieren zu lassen, ist eine Option, die zwar teuer ist, aber möglich.

Zudem ist es realistisch. "100% Barrierefreiheit" ist ein unerreichbares Ideal – es wird immer irgendeinen Randfall geben, der dazu führt, dass ein bestimmter Benutzer bestimmten Inhalt schwierig zu nutzen findet – aber Sie sollten so viel wie möglich tun. Wenn Sie planen, ein beeindruckendes 3D-Kuchendiagramm zu verwenden, das mit WebGL erstellt wurde, möchten Sie möglicherweise eine Datentabelle als zugängliche alternative Darstellung der Daten einfügen. Oder Sie entscheiden sich, einfach die Tabelle zu verwenden und das 3D-Kuchendiagramm zu entfernen — die Tabelle ist für alle zugänglich, schneller zu codieren, weniger ressourcenintensiv und einfacher zu warten.

Andererseits, wenn Sie an einer Galerie-Website arbeiten, die interessante 3D-Kunst zeigt, wäre es unvernünftig, zu erwarten, dass jedes Kunstwerk perfekt für sehbehinderte Menschen zugänglich ist, da es sich um ein völlig visuelles Medium handelt.

Um zu zeigen, dass es Ihnen wichtig ist und Sie Barrierefreiheit durchdacht haben, veröffentlichen Sie eine Barrierefreiheitserklärung auf Ihrer Website, die darlegt, welche Ihre Politik gegenüber Barrierefreiheit ist, und welche Schritte Sie unternommen haben, um die Website zugänglich zu machen. Wenn jemand Sie darauf hinweist, dass Ihre Website ein Barrierefreiheitsproblem hat, beginnen Sie einen Dialog mit ihm, zeigen Sie Empathie und unternehmen Sie angemessene Schritte, um das Problem zu beheben.

Zusammengefasst:

  • Berücksichtigen Sie Barrierefreiheit von Anfang an bei einem Projekt und testen Sie früh und häufig. Wie bei jedem anderen Fehler wird ein Barrierefreiheitsproblem teurer zu beheben, je später es entdeckt wird.
  • Beachten Sie, dass viele bewährte Praktiken zur Barrierefreiheit allen zugutekommen, nicht nur Nutzern mit Behinderungen. Beispielsweise ist schlanker semantischer Code nicht nur gut für Bildschirmleser, sondern auch schnell zu laden und performant. Dies kommt allen zugute, insbesondere denen auf mobilen Geräten und/oder mit langsamen Verbindungen.
  • Veröffentlichen Sie eine Barrierefreiheitserklärung auf Ihrer Website und engagieren Sie sich mit Personen, die Probleme haben.

Richtlinien zur Barrierefreiheit und das Gesetz

Es gibt zahlreiche Checklisten und Richtliniensätze, auf denen Barrierefreiheitstests basieren können, was auf den ersten Blick überwältigend erscheinen mag. Unser Rat ist, sich mit den grundlegenden Bereichen vertraut zu machen, auf die man achten muss, sowie das Verständnis für die hochrangigen Strukturen der für Sie relevanten Richtlinien.

Während die WCAG eine Reihe von Richtlinien sind, werden Ihr Land wahrscheinlich Gesetze zur Regelung der Web-Barrierefreiheit haben, oder zumindest für die Zugänglichkeit von öffentlich zugänglichen Diensten (zu denen Webseiten, Fernsehen, physische Räume usw. gehören könnten). Es ist eine gute Idee herauszufinden, was Ihre lokalen Gesetze sind. Wenn Sie keinen Versuch unternehmen, zu überprüfen, ob Ihre Inhalte zugänglich sind, könnten Sie rechtlich haftbar gemacht werden, wenn sich Menschen beschweren.

Das klingt ernst, aber im Grunde müssen Sie nur die Barrierefreiheit als Hauptpriorität Ihrer Webentwicklungspraktiken betrachten, wie oben beschrieben. Bei Zweifeln holen Sie sich Rat von einem qualifizierten Anwalt. Wir werden keine weiteren Ratschläge geben, da wir keine Anwälte sind.

Barrierefreiheits-APIs

Webbrowser nutzen spezielle Barrierefreiheits-APIs (bereitgestellt vom zugrunde liegenden Betriebssystem), die Informationen für Hilfstechnologien (ATs) bereitstellen — ATs verwenden in der Regel semantische Informationen, daher umfassen diese Informationen keine Stylinginformationen oder JavaScript. Diese Informationen sind in einem Informationsbaum strukturiert, der als Barrierefreiheit-Baum bezeichnet wird.

Unterschiedliche Betriebssysteme haben unterschiedliche Barrierefreiheits-APIs zur Verfügung:

  • Windows: MSAA/IAccessible, UIAExpress, IAccessible2
  • macOS: NSAccessibility
  • Linux: AT-SPI
  • Android: Accessibility Framework
  • iOS: UIAccessibility

Wo die im nativen HTML Ihrer Webanwendungen bereitgestellten semantischen Informationen nicht ausreichen, können Sie sie mit Funktionen aus der WAI-ARIA-Spezifikation ergänzen, die semantische Informationen zum Barrierefreiheit-Baum hinzufügen, um die Barrierefreiheit zu verbessern. Sie können viel mehr über das WAI-ARIA in unserem Artikel WAI-ARIA Grundlagen lernen.

Zusammenfassung

Dieser Artikel sollte Ihnen einen nützlichen Überblick über Barrierefreiheit gegeben haben, gezeigt haben, warum sie wichtig ist, und wie Sie sie in Ihren Workflow integrieren können. Sie sollten jetzt auch den Wunsch haben, mehr über die Implementierungsdetails zu erfahren, die Websites barrierefrei machen können, und welche Werkzeuge dabei helfen können. Im nächsten Artikel werden wir uns mit den Werkzeugen für die Barrierefreiheit befassen.

Siehe auch