1. Barrierefreiheits-Check einer Landingpage
Frontend-EntwicklerHintergrund
Ein Entwickler hat eine neue Promo-Seite erstellt und möchte sicherstellen, dass sie für Screenreader-Nutzer zugänglich ist.
Aufgabe
Es ist unklar, ob alle Bilder Alt-Texte haben und die Überschriftenstruktur logisch aufgebaut ist.
Verwendung
Fügen Sie den HTML-Code der Promo-Seite in das Feld 'HTML-Eingabe' ein, wählen Sie das Preset 'VoiceOver' und aktivieren Sie 'Korrekturhinweise anzeigen'.
Preset: VoiceOver, Landmark-Zusammenfassung: aktiviert, Korrekturhinweise: aktiviertErgebnis
Der Bericht zeigt die Vorlesereihenfolge an und warnt vor einem fehlenden Label beim E-Mail-Eingabefeld sowie einem leeren Button.