Was ist Barrierefreiheit?

Was ist also Barrierefreiheit?

Barrierefreiheit ist die Praxis, Ihre Websites so benutzbar wie möglich für so viele Menschen wie möglich zu gestalten. Traditionell denken wir dabei an Menschen mit Behinderungen, aber die Praxis, Websites barrierefrei zu machen, kommt auch anderen Gruppen zugute, wie beispielsweise Nutzern von Mobilgeräten oder solchen mit langsamen Netzwerkverbindungen.

Man könnte Barrierefreiheit auch als die Gleichbehandlung aller betrachten, unabhängig von ihren Fähigkeiten oder Umständen, und ihnen gleiche Chancen geben. Genauso wie es falsch ist, jemanden wegen einer Behinderung, wie z.B. durch eine Gehhilfe, von einem Gebäude auszuschließen (moderne öffentliche Gebäude verfügen im Allgemeinen über Rampen oder Aufzüge), ist es auch nicht richtig, jemanden von einer Website auszuschließen, weil sie eine Sehbehinderung haben. Wir sind alle unterschiedlich, aber wir sind alle Menschen und haben deshalb dieselben Menschenrechte.

Barrierefreiheit ist das Richtige zu tun. Die Bereitstellung barrierefreier Sites ist in einigen Ländern gesetzlich vorgeschrieben, was bedeutende Märkte erschließen kann, die andernfalls nicht in der Lage wären, Ihre Dienste zu nutzen oder Ihre Produkte zu kaufen.

Der Bau barrierefreier Websites kommt allen zugute:

• Semantisches HTML, das die Barrierefreiheit verbessert, verbessert auch SEO, was Ihre Website besser auffindbar macht.
• Die Sorge um Barrierefreiheit demonstriert ethisches und moralisches Verhalten, das Ihr öffentliches Ansehen verbessert.
• Andere bewährte Verfahren, die die Barrierefreiheit verbessern, machen Ihre Website auch für andere Gruppen benutzbarer, wie z.B. Benutzer von Mobiltelefonen oder solche mit niedriger Netzwerkgeschwindigkeit. Tatsächlich können alle von vielen solchen Verbesserungen profitieren.
• Haben wir erwähnt, dass es in manchen Ländern auch gesetzlich vorgeschrieben ist?

Welche Arten von Behinderungen betrachten wir?

Menschen mit Behinderungen sind genauso vielfältig wie Menschen ohne Behinderungen, ebenso wie ihre Behinderungen. Die Hauptlektion hierbei ist, über Ihren eigenen Computer hinauszudenken und darüber, wie Sie das Web nutzen, und zu lernen, wie andere es nutzen — Sie sind nicht Ihre Benutzer. Die Haupttypen von Behinderungen, die man beachten sollte, werden unten erläutert, zusammen mit den speziellen Tools, die sie zum Zugriff auf Webinhalte verwenden (bekannt als assistive technologies, oder ATs).

Menschen mit Sehbehinderungen

Zu den Menschen mit Sehbehinderungen zählen Blinde, Menschen mit schwacher Sehkraft und Farbenblindheit. Viele Menschen mit Sehbehinderungen verwenden Bildschirmlupen, die entweder physische Lupen oder Software-Zoom-Funktionen sind. Die meisten Browser und Betriebssysteme verfügen heutzutage über Zoom-Fähigkeiten. Einige Benutzer werden auf Bildschirmlesegeräte angewiesen sein, Software, die digitalen Text vorliest. Einige Beispiele für Bildschirmlesegeräte sind:

• Kostenpflichtige kommerzielle Produkte, wie JAWS (Windows) und Dolphin Screen Reader (Windows).
• Kostenlose Produkte wie NVDA (Windows), ChromeVox (Chrome) und Orca (Linux - standardmäßig auf mehreren Distributionen installiert).
• In das Betriebssystem integrierte Software wie VoiceOver (macOS, iPadOS, iOS), Narrator (Windows), ChromeVox (auf ChromeOS) und TalkBack (Android).

Es ist eine gute Idee, sich mit Bildschirmlesegeräten vertraut zu machen; Sie sollten auch ein solches Gerät einrichten und damit experimentieren, um eine Vorstellung davon zu bekommen, wie es funktioniert. Weitere Details zur Verwendung finden Sie in unseren Bildschirmleser-Tutorials. Das folgende Video bietet ebenfalls ein kurzes Beispiel dafür, wie die Erfahrung aussieht.

Laut Statistiken der Weltgesundheitsorganisation werden "weltweit 285 Millionen Menschen als sehbehindert eingeschätzt: 39 Millionen sind blind und 246 Millionen haben eine Sehschwäche." (siehe Sehbehinderung und Blindheit). Das ist eine große und bedeutende Nutzergruppe, die man nicht ignorieren sollte, weil Ihre Website nicht richtig kodiert ist — fast so groß wie die Bevölkerung der Vereinigten Staaten von Amerika.

Personen mit Hörbehinderungen

Taube und schwerhörige (DHH) Personen haben unterschiedliche Grade des Hörverlusts, die von leicht bis schwerwiegend reichen. Obwohl einige von ihnen AT verwenden (siehe Hilfsgeräte für Menschen mit Hör-, Sprach-, Sprech- oder Sprachstörungen), sind sie nicht weit verbreitet.

Um Zugang zu gewähren, müssen textuelle Alternativen bereitgestellt werden. Videos sollten manuell untertitelt und Transkripte für Audiomaterial bereitgestellt werden. Aufgrund der hohen Raten von Sprachentzug in DHH-Populationen sollte Textvereinfachung berücksichtigt werden.

Taube und schwerhörige Menschen sind ebenfalls eine bedeutende Nutzerbasis — "466 Millionen Menschen weltweit haben bebildernde Hörstörungen", sagt das Faktenblatt der Weltgesundheitsorganisation Taubheit und Hörverlust.

Menschen mit Mobilitätsbehinderungen

Diese Personen haben Behinderungen im Zusammenhang mit Bewegung, die rein physische Probleme (wie Verlust eines Gliedes oder Lähmung) oder neurologische/genetische Störungen umfassen können, die zu Schwäche oder Kontrollverlust in den Gliedmaßen führen. Einige Menschen könnten Schwierigkeiten haben, die genauen Handbewegungen auszuführen, die für die Verwendung einer Maus erforderlich sind, während andere möglicherweise schwerer betroffen sind und möglicherweise erheblich gelähmt sind, sodass sie einen Kopfzeiger verwenden müssen, um mit Computern zu interagieren.

Diese Art von Behinderung kann auch eine Folge von Alter sein, anstatt eines spezifischen Traumas oder Zustands, und könnte auch aus Hardwarebeschränkungen resultieren — einige Benutzer haben möglicherweise keine Maus.

Dies betrifft in der Regel die Webentwicklung dahingehend, dass Bedienelemente über die Tastatur zugänglich sein müssen — wir werden die Tastaturzugänglichkeit in späteren Artikeln im Modul diskutieren, aber es ist eine gute Idee, einige Websites nur mit der Tastatur auszuprobieren, um zu sehen, wie Sie vorankommen. Können Sie beispielsweise die Tab-Taste verwenden, um zwischen den verschiedenen Steuerelementen eines Webformulars zu wechseln? Weitere Details zu Tastatursteuerelementen finden Sie in unserem Abschnitt Verwenden Sie semantische UI-Steuerelemente, wo möglich.

In Bezug auf Statistiken haben eine signifikante Anzahl von Menschen Mobilitätsbehinderungen. Die US-Zentren für Krankheitskontrolle und Prävention Behinderung und Funktionieren (nicht-institutionalisierte Erwachsene 18 Jahre und älter) berichten über die USA "Prozent der Erwachsenen mit körperlicher Funktionsstörung: 16,1%".

Menschen mit kognitiven Beeinträchtigungen

Kognitive Beeinträchtigungen beziehen sich auf eine breite Palette von Behinderungen, von Personen mit intellektuellen Behinderungen, die die am meisten eingeschränkten Fähigkeiten haben, bis hin zu uns allen, wenn wir altern und Schwierigkeiten haben, zu denken und sich zu erinnern. Die Bandbreite umfasst Menschen mit psychischen Erkrankungen wie Depression und Schizophrenie. Sie umfasst auch Menschen mit Lernbehinderungen wie Dyslexie und Aufmerksamkeitsdefizit-Hyperaktivitätsstörung. Wichtig ist, dass es trotz der großen Vielfalt an klinischen Definitionen kognitiver Beeinträchtigungen einen gemeinsamen Satz funktionaler Probleme gibt, denen Menschen mit diesen Beeinträchtigungen begegnen. Dazu gehören Schwierigkeiten beim Verstehen von Inhalten, das Erinnern, wie man Aufgaben erledigt, und Verwirrung, die durch inkonsistente Webseitenlayouts verursacht wird.

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

• Bereitstellung von Inhalten auf mehr als eine Weise, z.B. durch Text-zu-Sprache oder Video.
• Leicht verständliche Inhalte, wie Texte, die den Standards für einfache Sprache entsprechen.
• Konzentration auf wichtige Inhalte.
• Minimierung von Ablenkungen wie unnötigen Inhalten oder Werbung.
• Konsistente Webseitenlayout und Navigation.
• Vertraute Elemente, wie unterstrichene Links blau, wenn nicht besucht, und violett, wenn besucht.
• Aufteilung von Prozessen in logische, essentielle Schritte mit Fortschrittsanzeigern.
• Website-Authentifizierung so einfach wie möglich, ohne die Sicherheit zu kompromittieren.
• Formulare einfach zu vervollständigen, wie z.B. mit klaren Fehlernachrichten und einfacher Fehlerbehebung.

Hinweise

• Das Design mit kognitiver Barrierefreiheit wird zu guten Designpraktiken führen. Sie werden allen zugutekommen.
• Viele Menschen mit kognitiven Beeinträchtigungen haben auch körperliche Behinderungen. Websites müssen den Web Content Accessibility Guidelines des W3C entsprechen, einschließlich der Richtlinien zur kognitiven Barrierefreiheit.
• Die W3C-Taskforce zur Zugänglichkeit für kognitive und Lernbehinderungen erstellt Richtlinien zur Web-Barrierefreiheit für Menschen mit kognitiven Beeinträchtigungen.
• WebAIM hat eine Cognitive-Seite mit relevanten Informationen und Ressourcen.
• Die US-Zentren für Krankheitskontrolle schätzen, dass ab 2018 1 von 4 US-Bürgern eine Behinderung hat und davon kognitive Beeinträchtigungen am häufigsten bei jungen Menschen auftreten.
• In den USA wurden einige intellektuelle Behinderungen in der Vergangenheit als "geistige Behinderung" bezeichnet. Viele betrachten diesen Begriff mittlerweile als abwertend, daher sollte seine Verwendung vermieden werden.
• Im Vereinigten Königreich werden einige intellektuelle Behinderungen als "Lernbehinderungen" oder "Lernschwierigkeiten" bezeichnet.

Umsetzung von Barrierefreiheit in Ihr Projekt

Ein verbreiteter Mythos zur Barrierefreiheit ist, dass die Barrierefreiheit eine teure "zusätzliche" Implementierung in einem Projekt ist. Dieser Mythos kann tatsächlich wahr sein, wenn entweder:

• Sie versuchen, "nachträglich" Barrierefreiheit auf eine bestehende Website anzuwenden, die erhebliche Barrierefreiheitprobleme hat.
• Sie erst spät im Projektverlauf beginnen, Barrierefreiheit zu berücksichtigen, und damit verbundene Probleme aufdecken.

Wenn Sie jedoch die Barrierefreiheit von Anfang an in Ihr Projekt einbeziehen, sollten die Kosten für die Barrierefreiheit der meisten Inhalte relativ gering sein.

Wenn Sie Ihr Projekt planen, berücksichtigen Sie die Barrierefreiheitstests in Ihrem Testregime, genau wie Tests für jedes andere wichtige Zielpublikum (z.B. Ziel-Desktop- oder Mobilbrowser). Testen Sie früh und häufig, idealerweise durch automatisierte Tests, um programmatisch erkennbar fehlende Funktionen (wie fehlenden Bildalternativtext oder schlechten Linktext — siehe Verwenden Sie sinnvolle Textbeschriftungen) zu identifizieren und einige Tests mit behinderten Benutzergruppen durchzuführen, um zu sehen, wie gut komplexere Website-Funktionen für sie funktionieren. Zum Beispiel:

• Ist mein Datumswähler-Widget für Benutzer von Bildschirmlesegeräten nutzbar?
• Wenn sich Inhalte dynamisch aktualisieren, wissen sehbehinderte Menschen davon?
• Sind meine UI-Schaltflächen für sowohl Tastatur- als auch Touch-Interface-Benutzer zugänglich?

Sie können und sollten sich mögliche Problemgebiete in Ihren Inhalten merken, die Arbeit benötigen, um sie barrierefrei zu machen, sicherstellen, dass sie gründlich getestet werden, und Lösungen/Alternativen in Betracht ziehen. Textinhalt (wie Sie im nächsten Artikel sehen werden) ist einfach, aber wie steht es mit Ihren Multimedia-Inhalten und Ihren aufregenden 3D-Grafiken? Sie sollten Ihr Projektbudget betrachten und überlegen, welche Lösungen Sie haben, um solche Inhalte barrierefrei zu machen. Die Transkription all Ihrer Multimedia-Inhalte ist eine Option, die, obwohl teuer, möglich ist.

Seien Sie auch realistisch. "100% Barrierefreiheit" ist ein unerreichbares Ideal — Sie werden immer auf einen gewissen Randfall stoßen, bei dem ein bestimmter Benutzer bestimmte Inhalte schwer verwenden kann — aber Sie sollten so viel wie möglich tun. Wenn Sie planen, eine aufregende 3D-Tortengrafik mit WebGL einzubinden, möchten Sie möglicherweise eine Datentabelle als barrierefreie alternative Darstellung der Daten einfügen. Oder, Sie könnten einfach die Tabelle einfügen und die 3D-Tortengrafik weglassen — die Tabelle ist für alle zugänglich, schneller zu kodieren, weniger CPU-intensiv 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 ein rein visuelles Medium ist.

Um zu zeigen, dass Ihnen Barrierefreiheit wichtig ist und Sie darüber nachgedacht haben, veröffentlichen Sie eine Erklärung zur Barrierefreiheit auf Ihrer Website, die beschreibt, was Ihre Politik in Bezug auf Barrierefreiheit ist und welche Schritte Sie unternommen haben, um die Site barrierefrei zu machen. Wenn jemand Sie darauf hinweist, dass Ihre Website ein Barrierefreiheitsproblem hat, beginnen Sie einen Dialog mit ihm, zeigen Sie Einfühlungsvermögen und ergreifen Sie angemessene Maßnahmen, um das Problem zu beheben.

Zusammenfassend:

• Berücksichtigen Sie Barrierefreiheit von Beginn eines Projekts an und testen Sie früh und häufig. Genau wie bei jedem anderen Fehler wird eine Barrierefreiheitproblem teurer, je später es entdeckt wird.
• Denken Sie daran, dass viele bewährte Praktiken der Barrierefreiheit allen zugutekommen, nicht nur Benutzern mit Behinderungen. Zum Beispiel ist schlankes semantisches Markup nicht nur gut für Bildschirmleseprogramme, sondern auch schnell zu laden und performant. Dies kommt allen zugute, insbesondere Nutzern mobiler Geräte und/oder langsamer Verbindungen.
• Veröffentlichen Sie eine Erklärung zur Barrierefreiheit auf Ihrer Website und engagieren Sie sich mit Menschen, die Probleme haben.

Barrierefreiheitsrichtlinien und das Gesetz

Es gibt zahlreiche Checklisten und Richtlinien, auf denen Barrierefreiheitstests basieren können, was auf den ersten Blick überwältigend erscheinen mag. Unser Ratschlag ist, sich mit den grundlegenden Bereichen vertraut zu machen, in denen Sie darauf achten müssen, sowie die übergeordneten Strukturen der für Sie am relevantesten Richtlinien zu verstehen.

• Zunächst hat das W3C ein großes und sehr detailliertes Dokument veröffentlicht, das sehr präzise, technologieunabhängige Kriterien für die Einhaltung der Barrierefreiheit enthält. Diese heißen die Web Content Accessibility Guidelines (WCAG), und sie sind keineswegs eine kurze Lektüre. Die Kriterien sind in vier Hauptkategorien unterteilt, die spezifizieren, wie Implementierungen wahrnehmbar, bedienbar, verständlich und robust gestaltet werden können. Der beste Ort, um eine leichte Einführung zu erhalten und zu lernen, ist WCAG auf einen Blick. Es ist nicht notwendig, alle WCAG-Kriterien zu lernen - seien Sie sich der Hauptbereiche bewusst, und verwenden Sie eine Vielzahl von Techniken und Tools, um Bereiche hervorzuheben, die nicht den WCAG-Kriterien entsprechen (siehe unten für mehr).
• Ihr Land könnte auch spezifische Gesetze haben, die regeln, dass Websites, die ihrer Bevölkerung dienen, barrierefrei sein müssen - zum Beispiel EN 301 549 in der EU, Section 508 of the Rehabilitation Act in den USA, Barrierefreie Informationstechnik-Verordnung in Deutschland, die Accessibility Regulations 2018 in Großbritannien, Accessibilità in Italien, das Disability Discrimination Act in Australien, usw. Das W3C führt eine Liste von Web Accessibility Laws & Policies nach Ländern.

Also während die WCAG eine Reihe von Richtlinien ist, wird Ihr Land wahrscheinlich Gesetze haben, die die Barrierefreiheit des Webs regeln, zumindest aber die Barrierefreiheit von öffentlich zugänglichen Dienstleistungen (die Websites, Fernsehen, physische Räume usw. beinhalten können). Es ist eine gute Idee, herauszufinden, welche Gesetze für Sie gelten. Wenn Sie keine Anstrengung unternehmen, um zu überprüfen, ob Ihre Inhalte barrierefrei sind, könnten Sie rechtlich haftbar sein, wenn Personen sich beschweren.

Das klingt ernst, aber eigentlich müssen Sie Barrierefreiheit einfach nur als Hauptpriorität in Ihren Webentwicklungspraktiken berücksichtigen, wie oben beschrieben. Im Zweifelsfall holen Sie sich Rat von einem qualifizierten Anwalt. Wir werden nicht mehr Ratschläge als das geben, weil wir keine Anwälte sind.

Barrierefreiheits-APIs

Webbrowser verwenden spezielle Barrierefreiheits-APIs (bereitgestellt durch das zugrunde liegende Betriebssystem), die Informationen bereitstellen, die für Hilfstechnologien (ATs) nützlich sind — ATs tendieren hauptsächlich dazu, semantische Informationen zu verwenden, sodass diese Informationen keine Stilinformatieonen oder JavaScript enthalten. Diese Informationen sind in einem Informationsbaum strukturiert, der als Barrierefreiheitbaum bezeichnet wird.

Verschiedene Betriebssysteme haben unterschiedliche Barrierefreiheits-APIs verfügbar:

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

Wo die native semantische Informationen, die von den HTML-Elementen in Ihren Web-Apps bereitgestellt werden, versagen, können Sie sie mit Funktionen aus der WAI-ARIA-Spezifikation ergänzen, die semantische Informationen zum Barrierefreiheitbaum hinzufügen, um die Barrierefreiheit zu verbessern. Sie können viel mehr über WAI-ARIA in unserem Artikel WAI-ARIA Grundlagen erfahren.

Zusammenfassung

Dieser Artikel sollte Ihnen einen nützlichen Überblick über Barrierefreiheit gegeben haben, Ihnen gezeigt haben, warum sie wichtig ist, und wie Sie sie in Ihren Workflow integrieren können. Sie sollten jetzt auch den Wunsch verspüren, mehr über die Umsetzungsdetails zu erfahren, die Websites barrierefrei machen können, und welche Tools dabei helfen können. Wir werden im nächsten Artikel auf Barrierefreiheitstools eingehen.

Siehe auch

• WCAG

  • Wahrnehmbar
  • Bedienbar
  • Verständlich
  • Robust

• Google Chrome hat eine automatische Untertitel-Erweiterung veröffentlicht

• Übersicht: Barrierefreiheit im Web
• Weiter