Barrierefreiheitsinformation für Webautoren

ARIA-Autorenpraktiken-Leitfaden (APG)

Leitfaden zu Barrierefreiheitssemantiken, die in der Accessible Rich Internet Application (ARIA)-Spezifikation definiert sind, um barrierefreie Web-Erlebnisse zu schaffen. Beschreibt, wie Barrierefreiheitssemantiken auf gängige Designmuster und Widgets angewendet werden, und bietet Designmuster und funktionale Beispiele.

Web Content Accessibility Guidelines (WCAG)

Ein weiterer wichtiger Satz von Leitlinien der W3C Web Accessibility Initiative (WAI). Die Europäische Union beabsichtigt, ihre kommenden Barrierefreiheitsvorschriften auf diesen Leitlinien zu basieren. Diese Leitlinien werden auf der WAI Interessengruppen-Diskussionsliste diskutiert.

ARIA auf dieser Seite

MDN-Leitfaden zu allen ARIA-Rollen und ARIA-Eigenschaften, einschließlich bewährter Praktiken, verwandter Rollen und Eigenschaften sowie Beispiele.

Barrierefreiheit für Teams

Ein kurzer Leitfaden der Technology Transformation Services der U.S. General Services Administration, der mehrere Barrierefreiheitsthemen mit Links zu "How-to"-Videos und zu verwandten WCAG-Referenzen abdeckt.

Barrierefreies Web-Seiten-Autorisieren

IBM hat ihre Barrierefreiheitsanforderungen, die erfüllt werden müssen, öffentlich und interaktiv gemacht.

Verwenden Sie ein Werkzeug, um schnell nach häufigen Fehlern in Ihrem Browser zu suchen.

• HTML CodeSniffer
• aXe
• Lighthouse Accessibility Audit
• Accessibility Insights
• WAVE

Werkzeuge zur Integration in Ihren Build-Prozess, um programmatisch Barrierefreiheits-Tests hinzuzufügen, damit Sie Fehler während der Entwicklung Ihrer Webanwendung erkennen können:

• axe-core
• jsx-a11y
• Lighthouse Audits
• AccessLint.js

Tools für die kontinuierliche Integration, um Barrierefreiheitsprobleme in Ihren GitHub-Pull-Requests zu finden:

• AccessLint

Obwohl es am besten ist, Ihre Webanwendung mit echten Benutzern zu testen, können Sie Farbenblindheit, eingeschränktes Sehen, niedrigen Kontrast und Zoom simulieren. Sie sollten Ihre Seite immer ohne Maus und Touch testen, um die Tastaturnavigation zu prüfen. Es kann auch sinnvoll sein, Ihre Seite mit Sprachbefehlen auszuprobieren. Versuchen Sie, Ihre Maus zu deaktivieren und verwenden Sie Browsererweiterungen wie Web Disability Simulator.