Barrierefreiheitsinformationen für Webautoren
Dieses Dokument listet Richtlinien und Vorschriften, Anleitungen und Werkzeuge auf, um Barrierefreiheitsprobleme auf Webseiten zu überprüfen und zu beheben.
Richtlinien und Vorschriften
- Leitfaden für ARIA-Autorenpraktiken (APG)
-
Leitfaden zu den Barrierefreiheitssemantiken, die durch die Accessible Rich Internet Application (ARIA)-Spezifikation definiert sind, um barrierefreie Web-Erfahrungen zu schaffen. Beschreibt, wie man Barrierefreiheitssemantiken auf gängige Designmuster und Widgets anwendet, und bietet Designmuster sowie funktionale Beispiele.
- Richtlinien für barrierefreie Webinhalte (WCAG)
-
Ein weiterer wichtiger Satz von Richtlinien der W3C Web Accessibility Initiative (WAI). Die Europäische Union plant, ihre bevorstehenden Barrierefreiheitsvorschriften auf diesen Richtlinien zu basieren. Diese Richtlinien werden in der Diskussionsgruppe der WAI Interessensgruppe diskutiert.
- ARIA auf dieser Seite
-
MDN-Leitfaden zu allen ARIA-Rollen und ARIA-Eigenschaften, einschließlich Best Practices, verwandten Rollen und Eigenschaften sowie Beispielen.
Anleitungen
- Barrierefreiheit für Teams
-
Ein kurzer Leitfaden von den Technology Transformation Services der U.S. General Services Administration, der mehrere Barrierefreiheitsthemen behandelt und Links zu "Anleitungs"-Videos sowie zu verwandten WCAG-Referenzen enthält.
- Barrierefreies Webseiten-Verfassen
-
IBM hat ihre Barrierefreiheitsanforderungen, die erfüllt werden müssen, öffentlich und interaktiv zugänglich gemacht.
Automatisierte Überprüfung & Reparatur
Verwenden Sie ein Tool, um schnell nach häufigen Fehlern in Ihrem Browser zu suchen.
Werkzeuge zur Integration in Ihren Build-Prozess, um programmatisch Barrierefreiheitsprüfungen hinzuzufügen, damit Sie Fehler bei der Entwicklung Ihrer Webanwendung erkennen können:
Tools zur kontinuierlichen Integration, um Barrierefreiheitsprobleme in Ihren GitHub-Pull-Requests zu finden:
Obwohl es am besten ist, Ihre Webanwendungen mit echten Benutzern zu testen, können Sie Farbenblindheit, Sehbehinderung, geringe und hohe Kontraste sowie Zoomen simulieren. Sie sollten Ihre Seite immer ohne Maus und Touch auf Tastaturnavigation testen. Zudem könnte es interessant sein, Ihre Seite mit Sprachbefehlen auszuprobieren. Versuchen Sie, Ihre Maus zu deaktivieren und verwenden Sie Browsererweiterungen wie den Web Disability Simulator.