Regelverzeichnis
Befund verstehen, Fehler beheben.
70 Regeln aus dem Prüfbericht, jede mit Beispiel, Korrektur und Nachtest.
Website prüfen10 davon sind Prüfkandidaten: kein bestätigter Fehler, die Seite nennt die nötige Prüfung.
ARIA & Semantik 15
- ARIA-Attribute passend zur Rolle verwendenWCAG 4.1.2aria-allowed-attr
- Braille-Beschriftungen mit Text abgleichenWCAG 4.1.2aria-braille-equivalentManuell prüfen
- Bedingte ARIA-Attribute erkennen und korrigierenWCAG 4.1.2aria-conditional-attr
- Veraltete ARIA-Rollen ersetzenWCAG 4.1.2aria-deprecated-role
- aria-hidden am body erkennen und entfernenWCAG 1.3.1, 4.1.2aria-hidden-body
- Fokussierbare Elemente nicht mit ARIA versteckenWCAG 4.1.2aria-hidden-focus
- Unzulässige ARIA-Attribute erkennen und korrigierenWCAG 4.1.2aria-prohibited-attr
- Erforderliche ARIA-Attribute ergänzenWCAG 4.1.2aria-required-attr
- Erforderliche ARIA-Kindelemente ergänzenWCAG 1.3.1aria-required-children
- ARIA-Elemente richtig einordnenWCAG 1.3.1aria-required-parent
- ARIA-Rollenbeschreibungen korrekt verwendenWCAG 4.1.2aria-roledescription
- Ungültige ARIA-Rollen erkennen und behebenWCAG 4.1.2aria-roles
- Ungültige ARIA-Attributnamen erkennen und korrigierenWCAG 4.1.2aria-valid-attr
- Gültige ARIA-Attributwerte setzenWCAG 4.1.2aria-valid-attr-value
- Doppelte IDs in ARIA-Bezügen prüfenWCAG 4.1.2duplicate-id-ariaManuell prüfen
Anleitungen dazu: ARIA & Zustände (22 Seiten) · Prüfen & Verstehen (33 Seiten)
Audio, Video & Bewegung 6
- Textalternativen für Audio prüfenWCAG 1.2.1audio-captionManuell prüfen
- Blinkenden Text vermeiden: blink-Befund behebenWCAG 2.2.2blink
- Lauftext vermeiden: marquee erkennen und ersetzenWCAG 2.2.2marquee
- Automatisches Neuladen mit Meta-Refresh behebenWCAG 2.2.1meta-refresh
- Automatisch startenden Ton prüfenWCAG 1.4.2no-autoplay-audioManuell prüfen
- Untertitel für Videos prüfenWCAG 1.2.2video-captionManuell prüfen
Anleitungen dazu: HTML & Semantik (29 Seiten) · CSS & Wahrnehmung (12 Seiten)
Bilder & Einbettungen 10
- Fehlenden Alt-Text erkennen und behebenWCAG 1.1.1image-alt
- Klickbereiche einer Grafik beschriftenWCAG 2.4.4, 4.1.2area-alt
- Eingebettete Inhalte per Tastatur erreichenWCAG 2.1.1frame-focusable-content
- Eingebettete Frames beschriftenWCAG 4.1.2frame-title
- Frame-Titel auf Eindeutigkeit prüfenWCAG 4.1.2frame-title-uniqueManuell prüfen
- Bildschaltflächen mit Alternativtext versehenWCAG 1.1.1, 4.1.2input-image-alt
- Eingebettete Objekte mit Textalternativen versehenWCAG 1.1.1object-alt
- ARIA-Bilder zugänglich beschriftenWCAG 1.1.1role-img-alt
- Serverseitige Image-Maps auf Tastaturzugang prüfenWCAG 2.1.1server-side-image-mapManuell prüfen
- SVG-Grafiken zugänglich beschriftenWCAG 1.1.1svg-img-alt
Anleitungen dazu: Prüfen & Verstehen (33 Seiten) · Bilder & Einbettungen (6 Seiten)
Formulare & Beschriftungen 15
- ARIA-Befehle verständlich benennenWCAG 4.1.2aria-command-name
- ARIA-Eingabefelder beschriften und erneut prüfenWCAG 4.1.2aria-input-field-name
- ARIA-Messanzeigen zugänglich benennenWCAG 1.1.1aria-meter-name
- Fortschrittsanzeigen zugänglich beschriftenWCAG 1.1.1aria-progressbar-name
- Registerkarten verständlich benennenWCAG 4.1.2aria-tab-name
- ARIA-Schalter und Auswahlfelder beschriftenWCAG 4.1.2aria-toggle-field-name
- Tooltips zugänglich benennen und prüfenWCAG 4.1.2aria-tooltip-name
- Eingabezwecke mit Autocomplete auszeichnenWCAG 1.3.5autocomplete-valid
- Schaltflächen zugänglich beschriftenWCAG 4.1.2button-name
- Mehrfache Feldbeschriftungen prüfenWCAG 3.3.2form-field-multiple-labelsManuell prüfen
- Input-Schaltflächen beschriftenWCAG 4.1.2input-button-name
- Formularfelder eindeutig beschriftenWCAG 4.1.2label
- Sichtbare und zugängliche Namen abstimmenWCAG 2.5.3label-content-name-mismatch
- Auswahllisten beschriften: select-name behebenWCAG 4.1.2select-name
- Aufklappbare Bereiche verständlich beschriftenWCAG 4.1.2summary-name
Anleitungen dazu: Formulare (18 Seiten) · Prüfen & Verstehen (33 Seiten)
Sprache 4
- Die Sprache der Seite angebenWCAG 3.1.1html-has-lang
- Ungültigen HTML-Sprachcode erkennen und korrigierenWCAG 3.1.1html-lang-valid
- HTML-Sprachangaben abstimmen: lang und xml:langWCAG 3.1.1html-xml-lang-mismatch
- Sprachwechsel korrekt auszeichnen: valid-lang behebenWCAG 3.1.2valid-lang
Anleitungen dazu: HTML & Semantik (29 Seiten) · Prüfen & Verstehen (33 Seiten)
Struktur & Listen 6
- Beschreibungslisten korrekt strukturierenWCAG 1.3.1definition-list
- Begriffe und Beschreibungen richtig einordnenWCAG 1.3.1dlitem
- Fehlenden Seitentitel erkennen und sinnvoll ergänzenWCAG 2.4.2document-title
- Listen korrekt strukturieren: WCAG-Befund list behebenWCAG 1.3.1list
- Listeneinträge richtig einordnenWCAG 1.3.1listitem
- Überschriften semantisch auszeichnen: p-as-heading behebenWCAG 1.3.1p-as-heading
Anleitungen dazu: Navigation & Tastatur (24 Seiten) · Prüfen & Verstehen (33 Seiten)
Tabellen 4
- Tabellenüberschriften korrekt mit caption auszeichnenWCAG 1.3.1table-fake-caption
- Tabellenzellen ihren Überschriften zuordnenWCAG 1.3.1td-has-header
- Tabellenbezüge mit headers korrekt setzenWCAG 1.3.1td-headers-attr
- Tabellenüberschriften auf zugehörige Daten prüfenWCAG 1.3.1th-has-data-cellsManuell prüfen
Anleitungen dazu: HTML & Semantik (29 Seiten) · Barrierefreiheit & WCAG (21 Seiten)
Text & Darstellung 4
- Anpassbare Textabstände ermöglichenWCAG 1.4.12avoid-inline-spacing
- Textkontraste prüfen und verbessernWCAG 1.4.3color-contrast
- CSS-Ausrichtungssperren erkennen und behebenWCAG 1.3.4css-orientation-lock
- Website-Zoom ermöglichen: meta-viewport behebenWCAG 1.4.4meta-viewport
Anleitungen dazu: Prüfen & Verstehen (33 Seiten) · CSS & Wahrnehmung (12 Seiten)