Barrierefreiheit im Web

Deine Aufgabe ist es, die nächsten Elemente mit der Tab ↹-Taste zu fokussieren und die Enter ⏎-Taste zu drücken:

• www.berlin.de
• Zurück zur Anleitung springen
• info@berlin.de

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und die Enter ⏎-Taste zu drücken bis der Zählerstand 3 erreicht.

Aktueller Zählerstand: 0 ✅

Deine Aufgabe ist es, die nächsten Elemente mit der Tab ↹-Taste zu fokussieren und alle Felder auszufüllen.

Text-Feld:

Passwort-Feld:

Telefonnummer:

Such-Feld:

Textbereich:

Email-Feld:

Hinweis: der Browser überprüft ob die Eingabe einem Email-Format entspricht.

Zahlen-Feld:

Hinweis: der Browser überprüft ob die Eingabe nur aus Zahlen besteht.

URL-Feld:

Hinweis: der Browser überprüft ob die Eingabe dem URL-Format entspricht.

Deine Aufgabe ist es, die nächsten Elemente mit der Tab ↹-Taste zu fokussieren und ein Häkchen auf allen Checkboxen zu setzen.

Hinweis: Du kannst, nachdem das Element fokussiert ist, mit Space ␣ Häkchen setzen oder sie wieder entfernen.

• Checkbox A
• Checkbox B
• Checkbox C

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und eine Auswahl zu treffen.

Hinweis: Du kannst, nachdem das Element fokussiert ist, mit einer Pfeiltaste ↑, ↓, ←, → deine Auswahl ändern.

Radio Buttons:Option 1Option 2Option 3

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und den Regler zu verschieben.

Hinweis: Du kannst, nachdem das Element fokussiert ist, mit einer Pfeiltaste ↑, ↓, ←, → den Regler verschieben.

Range input:

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und eine Option zu wählen:

• Drücke Space ␣ um das Auswahlmenü zu öffnen,
• mit den Pfeiltasten ↑ und ↓ kann man die Optionen durchblättern, und
• mit der Enter ⏎-Taste die Auswahl bestätigen.

Einfache Auswahl: Wähle eine OptionOption 1Option 2Option 3

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und mehrere Optionen zu wählen:

• Drücke auf die Pfeiltasten ↑, ↓, um eine Option auszuwählen,
• mit der Shift ⇧-Taste können mehrere Optionen ausgewählt werden.

Mehrfache Auswahl: Option 1Option 2Option 3Option 4

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und das Datum zu ändern.

Hinweis: Du kannst, nachdem das Element fokussiert ist, mit den Pfeiltasten ↑, ↓, ←, → das Datum ändern. Mit der Space ␣-Taste öffnet sich ein Menü, was die Auswahl erleichtern kann. Es können auch direkt die Zahlen mit der Tastatur eingegeben werden.

Date input:

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und eine Datei auszuwählen.

Hinweis: Du kannst, nachdem das Element fokussiert ist, die Space ␣-Taste drücken, um das Dateiauswahlmenü zu öffnen.

File input:

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und eine Farbe auszuwählen.

Hinweis: Du kannst, nachdem das Element fokussiert ist, die Space ␣-Taste drücken, um das Farbauswahlmenü zu öffnen.

Color input:

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und die Audio-Wiedergabe zu starten.

Hinweis: Du kannst, nachdem das Element fokussiert ist, die Space ␣-Taste drücken, um die Audio-Wiedergabe zu starten.

Hinweis: Solange das Audio-Element fokussiert ist, werden die Pfeiltasten für die Lautstärke-Regelung verwendet. Drücke die Tab ↹-Taste um das nächste Element zu fokussieren, dann kannst du wieder mit den Pfeiltasten scrollen.

Quelle: Ludwig van Beethoven, Public domain, via Wikimedia Commons

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren und die Video-Wiedergabe zu starten.

Hinweis: Du kannst, nachdem das Element fokussiert ist, die Space ␣-Taste drücken um die Video-Wiedergabe zu starten.

Hinweis: Solange das Video-Element fokussiert ist, werden die Pfeiltasten für die Lautstärke-Regelung verwendet. Drücke die Tab ↹-Taste um das nächste Element zu fokussieren, dann kannst du wieder mit den Pfeiltasten scrollen.

Quelle: Nature video, HD - 4K, CC BY 3.0, via Wikimedia Commons

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren die Detailansicht zu öffnen.

Hinweis: Du kannst, nachdem das Element fokussiert ist, die Enter ⏎-Taste drücken, um die Detailansicht zu öffnen.

Deine Aufgabe ist es, das nächste Element mit der Tab ↹-Taste zu fokussieren den Dialog zu öffnen.

Hinweis: Du kannst, nachdem das Element fokussiert ist, die Enter ⏎-Taste drücken, um den Dialog zu öffnen.

Dialog öffnen