Prüfung auf Barrierefreiheit mit den Prüfschritten des BIK BITV Tests

Am wichtigsten für die manuelle Prüfung sind die Prüfschritte des BIK BITV Tests, nach denen die Überprüfung durchgeführt wird. Die Liste auf der Homepage der BIK ist vollständig und aktuell.

Neben der Liste gibt es zu den einzelnen Prüfschritten Unterseiten, auf denen eine Anleitung zur Prüfung der Schritte hinterlegt ist. Besonders hilfreiche Aspekte zur Prüfung der einzelnen Schritte finden Sie unter folgenden Punkten:

  • „Was wird geprüft?“
  • „Warum wird geprüft?“
  • „Wie wird geprüft?“  Anwendbarkeit
  • „Bewertung“ ( bereits vor der Prüfung hilfreich)

Tools zur Überprüfung auf Barrierefreiheit

Zur manuellen Prüfung können für verschiedene Prüfschritte unterschiedliche Tools genutzt werden. Nachfolgend haben wir Ihnen einige nützliche Tools zur Prüfung aufgelistet.

Lesezeichen zur Überprüfung von Barrierefreiheitsverstößen

Inhalte gliedern:

Mit diesem Lesezeichen werden u.a. Überschriften ([H1], [H2],...), Bedienelemente ([I]), Tabellen ([Table]) sowie Absätze ([p]) ausgezeichnet und lassen sich somit überprüfen.

Image Bookmarklet:

Dieses Lesezeichen zeigt an, was sich im nicht-sichtbaren Bereich hinter Bildern verbirgt. So wird angezeigt, wenn kein Alternativtext vorhanden ist („?“), ob ein Bild ein Bedienelement ist und wie diese Bilder bzw. Bedienelemente von Screenreadern mit sogenannten aria-Labeln vorgelesen werden.

Tables Bookmarklet:

Hiermit wird Ihnen angezeigt, ob Tabellen richtig formatiert sind. Es wird u.a. angezeigt, ob eine Tabellenbeschriftung vorhanden und richtig ausgezeichnet (<Caption>) und ob eine Kopfzeile (<th>) vorhanden ist.

Diese und weitere Lesezeichen finden Sie u.a. auf der Homepage von Paul J. Adam (en). Dort wird auch erklärt, wie diese hinzugefügt werden.

Browser-Erweiterungen (nicht abschließend)

Wave Web Accessibility Evaluation Tool: Browser Extension (englisch):

Mit dieser Browser Erweiterung für Chrome, Firefox und Edge können Webinhalte direkt im Browser auf Barrierefreiheit überprüft werden. Dadurch, dass die Erweiterung im eigenen Browser angewendet wird, werden keine Daten an WAVE gesendet.

WAVE zeigt Fehler wie Kontrastfehler und Strukturfehler direkt auf der Seite an sowie eine Zusammenfassung an der Seite des Fensters.

Die WAVE-Erweiterung sowie eine Erklärung, wie diese genutzt wird, finden Sie auf der Homepage von WAVE.

Tota11y Accessibility Toolkit (englisch): 

Mit dieser Browser-Erweiterung kann Folgendes überprüft werden: Überschriften, Kontrast, Links, Alternativtexte für Bilder und Auszeichnung von Bedienelementen. Zudem ist eine sogenannte „Screenreader Wand“ integriert, mit der, ähnlich wie bei einem Screenreader, Texte und versteckte Bedienelemente vorgelesen werden.

Tota11y-Erweiterung für Firefox

Tota11y-Erweiterung für Chrome

Headings Map (englisch):

Mit dieser Browser-Erweiterung kann die Struktur der Seite anhand der Überschriften dargestellt und somit überprüft werden.

Headings Map Erweiterung für Chrome

Headings Map Erweiterung für Firefox

WCAG Color Contrast Checker (englisch):

Um Farbkontraste vom Vordergrund zum Hintergrund zu überprüfen, eignet sich diese Browser-Erweiterung. Der WCAG Color Contrast Checker überprüft die Farbkontraste der gesamten Seite und gibt die Ergebnisse der Überprüfung in einem Seitenfenster aus.

WCAG Color Contrast Checker für Chrome

WCAG Color Contrast Checker für Firefox

Screenreader

Screenreader sind Vorleseprogramme, die vorwiegend blinde Menschen oder Menschen mit Sehbeeinträchtigung nutzen. Dabei werden nicht nur sichtbare Texte vorgelesen, sondern auch hinter Links und Buttons hinterlegte Befehle, wie zum Beispiel zu bedienende Menüs. Ohne Screenreader können einige Menschen digitale Anwendungen nicht nutzen. Damit Moodle-Kurse von nicht- bzw. kaum sehenden Studierenden genutzt werden können, sollten diese auch darauf ausgelegt sein, Screenreader zu unterstützen.

Um festzustellen, ob Ihr Kurs für Screenreadernutzende zugänglich ist, ist es zu empfehlen, den eigenen Kurs mit einem Screenreader zu überprüfen. Folgend sind einige Screenreader aufgelistet.

Tabelle 1: Auflistung von Screenreadern
Name System Kosten Hinweise Download
NVDA Windows kostenlos besonders gut für das Internet geeignet, weniger gut für Office-Anwendungen u.a. zu finden auf der Homepage von NV ACCESS
VoiceOver Mac kostenlos bereits integriert  
Jaws Windows Kosten abhängig von Lizenz wird häufig von Menschen mit Sehbeeinträchtigung genutzt zu finden auf der Homepage von Freedom Scientific

 

Weitere Tools finden Sie in der Werkzeugliste des BITV-Tests und auf der Seite von HessenHub: Tools zur barrierefreien Aufbereitung.

Kurzeinführung Tastaturbedienung

Nicht alle Menschen können eine Computer-Maus zur Bedienung eines Computers benutzen. In diesem Fall werden Anwendungen mit Hilfe der Tastatur gesteuert. Für eine Überprüfung der Zugänglichkeit von Informationen mit der Tastatur (also ohne Nutzung einer Maus) gibt es bestimmte Tasten, die zur Navigation dienen. In der folgenden Tabelle sind die wichtigsten in Kürze dargestellt.

Tabelle 2: Befehle für Tastatursteuerung
Tasten Funktion
Tab Vorwärts springen zwischen Bedienelementen
Shift + Tab Rückwärts springen zwischen Bedienelementen
Pfeiltasten Innerhalb von Listen, Menüs und Texten bewegen
Leertaste Checkbox auswählen
Enter Checkbox auswählen, Formulare abschicken

 

Kurzeinführung in die Screenreadernutzung

Viele Menschen mit starker Sehbeeinträchtigung oder Blindheit bedienen und nutzen Computer, in dem sie einen Screenreader anwenden. Diese lesen den Nutzenden Texte und Bedienfelder vor. So können Screenreadernutzende sich auf Webseiten oder in Dokumenten orientieren. Daher ist es wichtig, dass Webseiten und digitale Dokumente möglichst barrierefrei gestaltet sind.

Um zu überprüfen, ob die Inhalte auf der entsprechenden Webseite oder im Lernmanagement-Kurs korrekt vorgelesen werden, wird geraten, selbst einen Screenreader anzuwenden. Das ist zunächst sehr gewöhnungsbedürftig und Bedarf etwas Übung, gibt aber auch wichtige Einblicke in die Lebenswelt der Nutzenden.

In der folgenden Tabelle sind einige nützliche Tastaturbefehle zur Screenreadernutzung aufgelistet.

Tabelle 3: Wichtige Tastenfunktionen für die Nutzung eines Screenreaders, Beispiel NVDA

Taste/Tastenkombination

Funktion
Cursortaste hoch zum nächsten Element wechseln
Cursortaste runter zum vorherigen Element wechseln
Tab zum nächsten fokussierbaren Element wechseln (z.B. Link)
Shift + Tab zum vorherigen fokussierbaren Element wechseln (z.B. Link)
H Vorwärts zwischen Überschriften springen
Shift + H Rückwärts zwischen Überschriften springen
L Vorwärts zwischen Listen springen
Shift + L Rückwärts zwischen Listen springen
T Vorwärts zwischen Tabellen springen
Shift + T Rückwärts zwischen Tabellen springen
Enter Link aktivieren