Barrierefreiheit

1 Element betroffen — <a href="/"><svg>…</svg></a>

1 Schaltfläche(n) oder Link(s) ohne erkennbaren Namen. Vorgelesen wird daraus „Link" oder „Schaltfläche" — ohne Ziel und ohne Zweck. Enthält das Element nur ein Symbol, gehört ein aria-label daran; enthält es ein Bild, ein sprechendes alt.

1 Element betroffen — <input type="tel" name="telefon">

1 Eingabefeld(er) ohne Beschriftung. Wer das Formular vorgelesen bekommt, hört „Eingabefeld" und weiss nicht, was hineingehört. Ein <label for="…"> mit der ID des Feldes löst das und vergrössert nebenbei die Klickfläche. Ein Platzhalter ersetzt die Beschriftung nicht — er verschwindet beim ersten Zeichen.

1 Element betroffen — h2 → h4

Die Überschriften überspringen eine Ebene. Wer sich die Seite vorlesen lässt, navigiert über die Gliederung — eine ausgelassene Stufe liest sich wie ein fehlendes Kapitel. Die Ebene richtet sich nach der Verschachtelung, nicht nach der Schriftgrösse; wie gross eine Überschrift aussieht, entscheidet das Stylesheet.