Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge

1. Webseite, die Sie prüfen wollen, in Microsoft Edge aufrufen.
2. Mit der Taste “F12” Developer Tools öffnen.
   Alternative: Rechte Maustaste drücken. Ganz unten im Menü "Untersuchen" auswählen.
3. Es öffnet sich ein Fenster. Klicken Sie dort auf den Reiter “Elemente” und dann links auf das Icon mit dem Viereck und dem Pfeil.
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, die Sie prüfen wollen, in Microsoft Edge aufrufen.
2. Mit der Taste “F12” Developer Tools öffnen.
   Alternative: Rechte Maustaste drücken. Ganz unten im Menü "Untersuchen" auswählen.
3. Es öffnet sich ein Fenster. Klicken Sie dort auf den Reiter “Elemente” und dann links auf das Icon mit dem Viereck und dem Pfeil.
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. Webseite, die Sie prüfen wollen, in Microsoft Edge aufrufen.
2. Mit der Taste “F12” Developer Tools öffnen.
   Alternative: Rechte Maustaste drücken. Ganz unten im Menü "Untersuchen" auswählen.
3. Es öffnet sich ein Fenster. Klicken Sie dort auf den Reiter “Elemente” und dann auf das Icon mit dem Viereck und dem Pfeil.
4. Mit der Maus über die Überschrift fahren. Die Überschrift wird hervorgehoben.
5. Im sich nun öffnenden Kontextmenü finden Sie oben die Angabe zum Überschriftenlevel.

1.  Microsoft Edge-Add-On installieren: HeadingsMap – Microsoft Edge Addons
2. Webseite, die geprüft werden soll, aufrufen.
3. Oben rechts auf das Icon für HeadingsMap klicken.
4. Links erscheint ein neues Fenster mit der Überschriftenhierarchie der Seite.

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 Microsoft Edge aufrufen.
2. Rechts oben im Browser auf das Icon mit den 3 Punkten klicken.
   Im Feld “Zoomen” auf “+” drücken bis die Zahl auf 400% steht.
3. Für Standardgröße Zahl mit “-” auf 100% stellen.

Testen Sie:

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

1. Webseite, die Sie prüfen wollen, in Microsoft Edge aufrufen.
2. Mit der Taste „F12“ Developer Tools öffnen.
   Alternative: Rechte Maustaste drücken. Ganz unten im Menü "Untersuchen" auswählen.
3. Auf den Reiter „Lighthouse“ (Leuchtturm-Symbol) gehen.
4. Unter „Kategorien“ die Checkbox „Barrierefreiheit“ anklicken
5. Test starten