Automatisierte Tests

Barrierefreiheit kopf

Verfasst von

Friedrich Beste

in

Automatisierte Tests einer Website auf Barrierefreiheit?

Warum ist Barrierefreiheit im Web wichtig?

Barrierefreiheit im Internet bedeutet, dass Websites so gestaltet sind, dass sie von allen Menschen uneingeschränkt genutzt werden können – unabhängig von körperlichen oder technischen Einschränkungen. Für öffentliche Einrichtungen, Bildungseinrichtungen und Unternehmen ist digitale Barrierefreiheit nicht nur gesetzlich vorgeschrieben, sondern auch ein Zeichen von Inklusion und Nutzerfreundlichkeit.

Automatisierte Tests: Schnelle Überprüfung mit Tools

Automatisierte Tools bieten eine erste Einschätzung der Barrierefreiheit Ihrer Website. Sie identifizieren häufige Probleme wie fehlende Alternativtexte oder unzureichende Kontraste. Beachten Sie jedoch, dass diese Tools nicht alle Barrieren erkennen können. Zusätzliche manuelle Tests sind unerlässlich, um die tatsächliche Nutzererfahrung zu verstehen. Dazu gehört:​

  • Kontrast und Lesbarkeit: Überprüfen Sie, ob Texte und Bedienelemente ausreichend kontrastreich und gut lesbar sind.
  • Tastaturnavigation prüfen: Stellen Sie sicher, dass alle Funktionen ohne Maus bedienbar sind.
  • Screenreader-Test: Verwenden Sie einen Screenreader wie NVDA, um die Lesbarkeit und Struktur Ihrer Website zu überprüfen.

WAVE (Web Accessibility Evaluation Tool)

Ein kostenloses Analyse-Tool, das Ihre Website auf Barrieren überprüft und klare Hinweise auf notwendige Anpassungen gibt.

Das WAVE-Tool lässt sich als Browser-Erweiterung für Chrome, Firefox und Edge installieren:

Crome

  1. Besuchen Sie die Seite des WAVE-Tools im Chrome Web Store.
  2. Klicken Sie auf „Zu Chrome hinzufügen“

Firefox

  1. Öffnen Sie die Seite des WAVE-Tools im Firefox Add-ons Store.
  2. Klicken Sie auf „Zu Firefox hinzufügen“.

Edge

  1. Öffnen Sie die Seite des WAVE-Tools auf der Edge Add-on Website.
  2. Klicken Sie auf „Abrufen“ und anschließend auf „Erweiterung hinzufügen“.

Nach der Installation ist das WAVE-Icon in der Symbolleiste des Browsers verfügbar und kann direkt für Barrierefreiheitstests verwendet werden.

Wave Browser Icon

Wave Browser Icon

axe DevTools®

Die axe DevTools sind ein leistungsstarkes Tool zur Prüfung der Barrierefreiheit von Webseiten, entwickelt von Deque Systems. Sie sind als Browser-Erweiterung für Chrome, Firefox und Edge verfügbar und ermöglichen es Entwicklern, Barrierefreiheitstests direkt in der Entwicklungsumgebung durchzuführen.

So installieren Sie die axe DevTools für Chrome, Firefox und Edge:

Chrome

  1. Besuchen Sie die Seite des axe DevTools im Chrome Web Store.
  2. Klicken Sie auf „Zu Chrome hinzufügen“

Firefox

  1. Öffnen Sie die Seite des axe DevTools im Firefox Add-ons Store.
  2. Klicken Sie auf „Zu Firefox hinzufügen“.

Edge

  1. Öffnen Sie die Seite des axe DevTools auf der Edge Add-on Website.
  2. Klicken Sie auf „Abrufen“ und anschließend auf „Erweiterung hinzufügen“.

Nach der Installation können Sie die axe DevTools in den Entwicklertools des Browsers aufrufen, um Webseiten direkt auf Barrierefreiheit zu prüfen.

Mozilla Firefox Developer Tools

Firefox stellt leistungsstarke Werkzeuge für Barrierefreiheitstests bereit. Der integrierte Accessibility Inspector (auf Deutsch: „Barrierefreiheit“) unterstützt Entwickler dabei, Probleme zu identifizieren und zu beheben. Er ist Teil der Entwicklerwerkzeuge, die über die F12-Taste aufgerufen werden können.

Google Chrome Lighthouse

Google Chrome Lighthouse ist ein Open-Source-Tool von Google zur Analyse und Optimierung von Webseiten und Barrierefreiheit testen. Es hilft Entwicklern, die Leistung, Barrierefreiheit, SEO und Best Practices ihrer Websites zu bewerten und zu verbessern. Lighthouse kann direkt in den Chrome-Entwicklertools (F12-Taste), über die Kommandozeile oder als eigenständiges Tool verwendet werden.

NVDA Screenreader für Windows

Der NVDA Reader (NonVisual Desktop Access) ist ein kostenloser und quelloffener Screenreader für Windows. Er wurde speziell entwickelt, um blinden und sehbehinderten Menschen den Zugang zu digitalen Inhalten zu erleichtern.

Der NVDA Reader kann kostenlos von der offiziellen Website heruntergeladen werden. Nach der Installation ist der Screenreader vollständig über die Tastatur bedienbar.

Die Prüfung der Barrierefreiheit ist ein kontinuierlicher Prozess. Kombinieren Sie automatisierte Tools mit manuellen Tests und nutzen Sie Checklisten, um Ihre Website für alle zugänglich zu machen.