Barrierefreiheit

Barrierefreiheit-Informationen für Webautoren

Dieses Dokument listet Richtlinien und Vorschriften, Anleitungen und Tools zur Überprüfung und Behebung von Barrierefreiheitsproblemen mit Websites auf.

Personalisierung zur sicheren Nutzung

Dieser Artikel behandelt den Zugang zu Webinhalten für Menschen mit vestibulären Störungen und deren Unterstützer durch die Nutzung von Personalisierungs- und Barrierefreiheitseinstellungen, die in Betriebssystemen eingebaut sind.

Barrierefreie Webanwendungen und Widgets

Die meisten JavaScript-Bibliotheken bieten eine Bibliothek von clientseitigen Widgets, die das Verhalten vertrauter Desktop-Oberflächen nachahmen. Während dies zu einem Widget führt, das seinem Desktop-Pendant ähnelt, fehlt es normalerweise an ausreichenden semantischen Informationen im Markup, um von unterstützender Technologie genutzt zu werden. Dieses Dokument beschreibt Techniken zur Verbesserung der Barrierefreiheit solcher Widgets.

Tastaturnavigierbare JavaScript-Widgets

Bisher hatten Webentwickler, die ihre gestylten <div> und <span> basierten Widgets zugänglich machen wollten, keine geeigneten Techniken. Tastaturzugänglichkeit ist Teil der Mindestanforderungen an die Barrierefreiheit, derer sich ein Entwickler bewusst sein sollte. Dieses Dokument beschreibt Techniken, um JavaScript-Widgets mit der Tastatur zugänglich zu machen.

Mobile Accessibility Checkliste

Dieses Dokument bietet eine prägnante Checkliste der Anforderungen an Barrierefreiheit für mobile App-Entwickler.

Verständnis der Richtlinien zur Barrierefreiheit von Webinhalten (WCAG)

Eine Reihe von Artikeln, die schnelle Erklärungen bieten, um Ihnen zu helfen, die Schritte zu verstehen, die unternommen werden müssen, um den in den Richtlinien zur Barrierefreiheit von Webinhalten (WCAG) beschriebenen Empfehlungen zu entsprechen.

Kognitive Barrierefreiheit

Kognitive Barrierefreiheit umfasst Überlegungen zur Zugänglichkeit für Menschen mit kognitiven und Lernschwierigkeiten. Dieses Dokument führt in das Thema kognitive Barrierefreiheit ein und verbessert die Zugänglichkeit des Webs für Menschen mit kognitiven und Lernunterschieden.

Barrierefreiheit und räumliche Muster

Dieses Dokument beschreibt visuelle Muster, die körperliche Symptome hervorrufen können bei Menschen mit fotosensitiver Epilepsie, vestibulären Störungen oder anderen Wahrnehmungsproblemen.

Web-Barrierefreiheit: Verständnis von Farben und Leuchtdichte

Während das Verständnis von Farbe, Leuchtdichte und Sättigung wichtig für Design und Lesbarkeit für alle sehenden Nutzer ist, sind sie essentiell für diejenigen mit eingeschränkter Sicht und farbenblinder Sicht sowie für diejenigen mit bestimmten neurologischen, kognitiven und anderen Beeinträchtigungen.

Web-Barrierefreiheit für Anfälle und körperliche Reaktionen

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

ARIA

Dies ist eine Sammlung von Artikeln, die das Erlernen der Verwendung von Accessible Rich Internet Applications (ARIA) ermöglicht, um Ihre HTML-Dokumente zugänglicher zu machen.

Der MDN Accessibility Learning Bereich enthält moderne, aktualisierte Tutorials, die die folgenden wichtigen Aspekte der Barrierefreiheit abdecken:

Was ist Barrierefreiheit?

Dieser Artikel beginnt das Modul mit einem guten Überblick darüber, was Barrierefreiheit tatsächlich ist — dazu gehört, welche Personengruppen wir berücksichtigen müssen und warum, welche Werkzeuge verschiedene Menschen verwenden, 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 einfach sichergestellt wird, dass die richtigen HTML-Elemente jederzeit für den richtigen Zweck verwendet werden. Dieser Artikel befasst sich ausführlich damit, wie HTML verwendet werden kann, um maximale Barrierefreiheit zu gewährleisten.

Beste Praktiken für CSS und JavaScript in der Barrierefreiheit

CSS und JavaScript können, wenn sie richtig eingesetzt werden, auch das Potenzial haben, barrierefreie Web-Erfahrungen zu ermöglichen. Bei unsachgemäßer Verwendung können sie die Barrierefreiheit erheblich beeinträchtigen. Dieser Artikel beschreibt einige der besten Praktiken für CSS und JavaScript, die berücksichtigt werden sollten, um sicherzustellen, dass sogar komplexe Inhalte so zugänglich wie möglich sind.

WAI-ARIA Grundlagen

Aufbauend auf dem vorherigen Artikel kann es manchmal schwierig sein, komplexe UI-Steuerelemente, die nicht-semantisches HTML und dynamisch mit JavaScript aktualisierte Inhalte beinhalten, zu erstellen. 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 und den Nutzern mitteilen, was vor sich geht. Hier zeigen wir, wie man es auf einfache Weise verwendet, um die Barrierefreiheit zu verbessern.

Barrierefreie Multimedia-Inhalte

Eine weitere Kategorie von Inhalten, die Barrierefreiheitsprobleme schaffen können, ist Multimedia — Video-, Audio- und Bildinhalte müssen richtige textuelle Alternativen erhalten, damit sie von unterstützenden Technologien und ihren Nutzern verstanden werden können. Dieser Artikel zeigt, wie das geht.

Mobile Barrierefreiheit

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

ARIA Referenz

Referenzdokumentation für Accessible Rich Internet Applications (ARIA) Attribute und Rollen.

• Entwickler-Leitfäden
• WAI Interest Group