Wissen: Barrieren verstehen und beheben
Hier erklären wir die häufigsten Barrieren, die unser Scanner auf deutschen Websites findet – in Alltagssprache: Warum ist das ein Problem, und wie beheben Sie es? Die Erklärungen sind allgemeine technische Hinweise, keine Rechtsberatung.
Ist Ihre Website betroffen? Finden Sie es heraus.
Der kostenlose AccessLytix-Schnelltest prüft bis zu 5 Schlüsselseiten Ihrer Website automatisch auf diese und viele weitere Barrieren (Prüfbasis WCAG 2.1 AA / BFSG) – einmalig, ohne Zahlungsdaten.
Alle Themen (28)
- ARIA-Rolle unvollständig – Die verwendete ARIA-Rolle braucht Zusatzattribute, damit Hilfstechnologien den Zustand…
- Auswahlfeld ohne Beschriftung – Ein Dropdown ohne Namen lässt Screenreader-Nutzer raten, was sie auswählen sollen.
- Bedienelement zu klein oder zu dicht an Nachbarn – Schaltflächen und Links unter 24×24 Pixeln, die ohne Abstand nebeneinanderliegen, sind…
- Bedienelemente ineinander verschachtelt – Ein Button im Link (o. ä.) ist per Tastatur und Screenreader nicht zuverlässig bedienbar.
- Bild ohne Alternativtext – Blinde Nutzer hören über ihren Screenreader nur "Grafik" – sie erfahren nicht, was auf…
- Button ohne Beschriftung – Ein Button ohne zugänglichen Namen (z. B. nur ein Icon) ist für Screenreader-Nutzer ein…
- Doppelte ID bei ARIA-Referenz – Verweist ein ARIA-Attribut auf eine doppelt vergebene ID, erhält die Hilfstechnologie…
- Eingebetteter Bereich ohne Titel – iframes (z. B. Karten, Videos, Zahlungsdialoge) ohne Titel werden als "Rahmen"…
- Erzwungene Tab-Reihenfolge – tabindex-Werte größer als 0 überschreiben die natürliche Tastatur-Reihenfolge und führen…
- Fehlerhafte Autofill-Angabe – Korrekte autocomplete-Attribute lassen Browser Formulare automatisch ausfüllen – wichtig…
- Fehlerhafte Listenstruktur – Screenreader kündigen Listen mit Elementanzahl an. Kaputte Verschachtelung macht diese…
- Formularfeld ohne Beschriftung – Screenreader-Nutzer wissen nicht, was sie in das Feld eintragen sollen. Betrifft es das…
- Grafischer Button ohne Alternativtext – Ein Bild-Button ohne alt-Text ist für Screenreader-Nutzer ein anonymes Bedienelement.
- Inhalte außerhalb von Seitenbereichen – Screenreader-Nutzer navigieren über Bereiche wie Hauptinhalt, Navigation und Fußzeile.…
- Kein Sprunglink zum Inhalt – Tastatur-Nutzer müssen sich sonst auf jeder Seite durch die komplette Navigation tabben,…
- Leere Überschrift – Eine Überschrift ohne Text erzeugt einen leeren Navigationspunkt für Screenreader-Nutzer.
- Link ohne erkennbaren Linktext – Links wie ein Icon ohne Text werden vom Screenreader nur als "Link" vorgelesen – das…
- Listenelement außerhalb einer Liste – <li>-Elemente ohne umgebende Liste verwirren die Screenreader-Ausgabe.
- Scrollbereich ohne Tastaturzugang – Inhalte in scrollbaren Boxen sind für Tastatur-Nutzer unerreichbar, wenn der Bereich…
- Seitentitel fehlt – Der Seitentitel ist das Erste, was ein Screenreader vorliest, und beschriftet den…
- Sprache der Seite nicht angegeben – Ohne Sprachangabe liest der Screenreader deutsche Texte mit englischer Aussprache vor –…
- Überschriften-Reihenfolge springt – Screenreader-Nutzer navigieren über die Überschriften-Hierarchie. Sprünge (z. B. von H1…
- Ungültige Sprachangabe – Eine fehlerhafte Sprachkennung führt dazu, dass Vorlesesoftware die falsche Sprache wählt.
- Ungültiger ARIA-Attributwert – Ungültige Werte (z. B. Verweis auf eine nicht existierende ID) lassen die…
- Unzulässiges ARIA-Attribut – Falsch eingesetzte ARIA-Attribute geben Screenreadern widersprüchliche Informationen –…
- Verstecktes Element ist fokussierbar – Elemente mit aria-hidden sind für Screenreader unsichtbar, per Tastatur aber erreichbar…
- Zoomen ist blockiert – Mit user-scalable=no oder maximum-scale=1 können sehbehinderte Nutzer die Seite auf dem…
- Zu geringer Farbkontrast – Text mit schwachem Kontrast ist für sehbehinderte und ältere Nutzer unlesbar – und auf…