ARIA-Prüfer
Datenschutz by Design — läuft vollständig in Ihrem Browser
Fügen Sie ein HTML-Snippet ein und das Werkzeug markiert fehlende alt-Attribute, leere interaktive Elemente, ungültige Rollen und aria-hidden auf fokussierbaren Elementen.
Welche Probleme erkennt das Werkzeug
Fehlendes alt bei <img>, leere <button>/<a> ohne aria-label, Anker mit leerem oder "#"-href, Inputs ohne label/id, ungültige role-Werte und aria-hidden="true" auf fokussierbaren Elementen.
Ersetzt es axe oder Lighthouse
Nein. Es ist ein schneller Pre-Flight-Check für günstig zu behebende Fehler. Vollständige Audits mit axe, Lighthouse und Screen-Reader-Tests bleiben unverzichtbar.
Warum wird role="presentation" auf Bildern akzeptiert
role="presentation" (und role="none") entfernt die implizite Semantik und kennzeichnet das Bild als dekorativ. Damit oder mit alt="" weiß die assistive Technologie, dass sie es überspringen soll.
Häufig gestellte Fragen
- Welche Probleme erkennt das Werkzeug?
- Fehlendes alt bei <img>, leere <button>/<a> ohne aria-label, Anker mit leerem oder "#"-href, Inputs ohne label/id, ungültige role-Werte und aria-hidden="true" auf fokussierbaren Elementen.
- Ersetzt es axe oder Lighthouse?
- Nein. Es ist ein schneller Pre-Flight-Check für günstig zu behebende Fehler. Vollständige Audits mit axe, Lighthouse und Screen-Reader-Tests bleiben unverzichtbar.
- Warum wird role="presentation" auf Bildern akzeptiert?
- role="presentation" (und role="none") entfernt die implizite Semantik und kennzeichnet das Bild als dekorativ. Damit oder mit alt="" weiß die assistive Technologie, dass sie es überspringen soll.
- Wird etwas hochgeladen?
- Nein. Die Prüfung ist eine kleine JavaScript-Funktion auf dieser Seite; Ihr Markup verlässt den Browser nicht.