Aufgaben
Aufgaben
1. Semantisches HTML verwenden
Aufgabe: Erstelle eine HTML-Seite mit folgenden Anforderungen:
- Verwende semantische HTML-Tags wie
<header>,<nav>,<main>,<article>und<footer>. - Füge mindestens eine Überschrift und einen Absatz in jedem Bereich hinzu.
2. Barrierefreie Bilder einfügen
Aufgabe: Erstelle eine HTML-Seite, die ein Bild mit einer aussagekräftigen alternativen Beschreibung (alt-Attribut) enthält.
3. Verwendung von ARIA-Rollen
Aufgabe: Erstelle eine HTML-Seite mit einer Navigationsleiste, die ARIA-Rollen und -Attribute verwendet, um die Zugänglichkeit zu verbessern.
4. Verbesserung der Lesbarkeit
Aufgabe: Erstelle eine CSS-Datei, die sicherstellt, dass der Text auf einer HTML-Seite einen ausreichenden Kontrast zum Hintergrund hat. Verlinke die CSS-Datei in einer HTML-Seite.
5. Fokus-Indikatoren für Tastaturnavigation
Aufgabe: Füge CSS hinzu, um sicherzustellen, dass alle interaktiven Elemente (wie Links und Schaltflächen) einen sichtbaren Fokus-Indikator haben, wenn sie mit der Tastatur navigiert werden.