Menü

  • Übersicht

Free Tools

  • Bildberechnung
  • Zeichensätze

Pro Tools

  • Markdown
  • Webaudit
    • Technische Grundlage
    • SEO & GEO On-Page
    • Content-Qualität
    • Barrierefreiheit
    • Footer
    • Sicherheit
    • DSGVO / Datenschutz
    • Analytics & Monitoring
  • DH-WebDoku
Anmelden
Anmelden

Alle Inhalte dieser Website sind ohne Gewähr auf Richtigkeit oder Vollständigkeit. Eine Haftung für Schäden, die aus der Nutzung dieser Informationen entstehen, wird ausgeschlossen.

© 2026 Digitalherrmann · Andre Herrmann · Metropolregion Nürnberg

KontaktImpressumDatenschutz

Prüfungen nur für angemeldete Nutzer

Alle Prüfpunkte und Erklärungen sind frei einsehbar. Das Ausführen der Prüfungen ist angemeldeten Nutzern vorbehalten.

Anmelden
// Tools · Audit

Barrierefreiheit – WCAG 2.2

Alle 14 Prüfpunkte werden automatisch geprüft: DOM-Analyse, CSS-Auswertung (inkl. verlinkter Stylesheets) und Kontrast-Berechnung. Barrierefreiheit ist seit Juni 2025 gesetzliche Pflicht (BFSG).

Skip-Navigation Link vorhanden

«Zum Inhalt springen»-Link am Seitenanfang, bei Fokus sichtbar.

Alle Bilder mit Alt-Text

Inhaltliche Bilder haben Alt-Text, dekorative Bilder alt="".

ARIA-Labels korrekt

Buttons und Links ohne sichtbaren Text haben aria-label oder aria-labelledby.

Formular-Labels korrekt verknüpft

Jedes Formularfeld hat ein sichtbares oder programmatisch verknüpftes Label.

Tabellen mit scope / headers

Datentabellen haben th-Elemente mit scope-Attribut oder headers-Verknüpfung.

Landmark-Rollen gesetzt (main, nav, footer)

Strukturelle Seitenbereiche mit HTML-Landmark-Elementen oder ARIA-Rollen.

Videos mit Untertiteln

Alle Videos mit gesprochenem Inhalt haben <track kind="captions">.

Kontrastverhältnis Text ≥ 4,5:1

Normaler Text erfüllt WCAG AA mit mindestens 4,5:1 Kontrast zum Hintergrund.

Große Texte / UI-Elemente ≥ 3:1

Großer Text (≥ 18 pt / 14 pt fett) und UI-Komponenten mit mindestens 3:1 Kontrast.

Fokus-Indikator sichtbar

Fokus-Rahmen bei Tastaturnavigation deutlich sichtbar, nicht per CSS ausgeblendet.

Tastatur-Navigation vollständig

Alle interaktiven Elemente sind per Tab erreichbar und bedienbar.

Kein reiner Farbcode zur Info

Pflichtfelder und Fehler werden nicht ausschließlich durch Farbe markiert.

Fehlermeldungen beschreibend

Eingabefelder mit required/pattern haben aria-describedby für Fehlerhinweise.

Keine Inhalte nur per Hover erreichbar

CSS :hover zeigt keine exklusiven Inhalte ohne Tastaturalternative.