Schnelle Barrierefreiheitstests in Chrome

1. Webseite, die Sie prüfen wollen, in Chrome aufrufen.
2. Mit der Taste “F12” die Developer Tools im Chrome-Browser öffnen.
   Es öffnet sich ein Fenster.
3. In der oberen Leiste des Fensters links auf das Inspector-Icon (Pfeil der auf ein Quadrat zeigt) klicken.
4. Mit der Maus über das Element fahren, dessen Kontrast sie prüfen wollen (wird hervorgehoben).
5. Im sich nun öffnenden Kontextmenü finden Sie unter “Contrast” die Angabe.

1. Webseite mit dem Bild, das Sie prüfen wollen, in Chrome aufrufen.
2. Mit der Taste “F12” die Developer Tools im Chrome-Browser öffnen.
   Es öffnet sich ein Fenster.
3. In der oberen Leiste des Fensters links auf das Inspector-Icon (Pfeil der auf ein Quadrat zeigt) klicken.
4. Mit der Maus anschließend auf das Bild klicken (wird hervorgehoben).
5. Unten im Fenster (Developer Tools) in der hervorgehobenen Stelle nach alt=”...” suchen. 
   Zwischen den Anführungsstrichen finden Sie, wenn vorhanden, den Alternativtext.

1. Rufen Sie folgenden Link auf: http://pauljadam.com/bookmarklets.
2. Suchen Sie in der Tabelle in der rechten Spalte den Begriff  “Headings”. 
3. Gehen Sie mit der Maustaste über “Headings”, halten Sie die Taste gedrückt und ziehen sie den Link in die Lesezeichen. Lassen Sie anschließend die Maustaste los. 
4. Webseite, die Sie prüfen wollen, in Chrome aufrufen.
5. Auf “Headings” in den Lesezeichen drücken. 
   Um die Markierung zu entfernen, laden Sie die Seite neu.

Alternative:

Browsererweiterung "HeadingsMap" für Chrome

Navigieren sie mit Tabulator-, Enter-, Space- und Pfeiltasten durch die interaktiven Elemente der Website.

Testen Sie:

• ob Sie alle interaktiven Elemente in einer logischen Reihenfolge erreichen.
• ob Sie alle interaktiven Elemente auslösen können.
• ob der Fokus (= visuelle Kennzeichnung des interaktiven Elements) sichtbar ist.

1. Webseite, die Sie prüfen wollen, in Chrome aufrufen.
2. Drücke Sie mehrfach die Tastenkombination Strg + “+”.
   Oben im Browser wird der Vergrößerungsfaktor angezeigt.

Testen Sie:

• ob alle Inhalte weiterhin lesbar sind.
• ob die Seite navigierbar ist.

1. Webseite, die Sie prüfen wollen, in Chrome aufrufen.
2. Mit der Taste “F12” Developer Tools im Chrome-Browser öffnen.
3. Auf den Reiter “Lighthouse” gehen.
4. Unter “Categories” die Checkbox “Accessibility” anklicken
5. Test starten: Klicken Sie auf den Button “Generate Report”.