Web & Entwicklung

HTML

HTML ist die Auszeichnungssprache, aus der jede Website besteht. Sie legt nicht das Aussehen fest, sondern die Bedeutung: Was ist eine Überschrift, was ein Absatz, was ein Formularfeld.

Redaktionell geprüft von Alexander SeidlertwentyonepixelsStand:

Warum die Bedeutung zählt und nicht die Optik

Weil Suchmaschinen und Screenreader nur die Bedeutung lesen können. Eine Überschrift, die technisch ein Absatz mit großer Schrift ist, sieht aus wie eine Überschrift und zählt für keine Maschine als solche.

Dieser Unterschied entscheidet über Auffindbarkeit und Barrierefreiheit gleichermaßen — und er ist von außen unsichtbar. Deshalb ist er einer der häufigsten Mängel in übernommenen Projekten.

Warum die Wahl des Elements Folgen hat

Weil Vorlesewerkzeuge und Suchmaschinen daraus die Bedeutung ableiten. Ein Knopf, der als `div` gebaut ist, ist mit der Tastatur nicht erreichbar und wird nicht als Knopf angesagt — das ist der häufigste Barrierefreiheitsfehler überhaupt.

Dieselbe Logik gilt für Überschriften: Sie bilden die Gliederung. Eine Seite, auf der Überschriften nach Schriftgröße statt nach Rang gewählt wurden, ist für einen nicht sehenden Nutzer ungeordnet.

Was sich seit den Standardvorlagen geändert hat

Vieles ist einfacher geworden: Für aufklappbare Bereiche, Dialoge und Fortschrittsanzeigen gibt es eigene Elemente, die Tastaturbedienung und Ansage mitbringen. Vieles, was früher Skripte brauchte, ist heute eine Zeile.

Der Gewinn ist nicht Eleganz, sondern Wartung: Was der Browser mitbringt, bleibt funktionsfähig, wenn ein Skript ausfällt oder eine Bibliothek nicht mehr gepflegt wird.

Was Sie als Auftraggeber davon merken

Vor allem eins: Ob Ihre Seite später erweiterbar ist. Sauberes HTML lässt sich umgestalten, ohne alles neu zu bauen; verschachtelte Konstruktionen aus Baukästen nicht.

Prüfen lässt sich das ohne Fachkenntnis: Blenden Sie im Browser die Stile aus. Bleibt eine sinnvoll gegliederte Textseite übrig, stimmt die Struktur.

Häufige Fragen zu HTML

Der Browser zeigt keinen Fehler, sondern repariert die Verschachtelung nach festen Regeln aus dem HTML-Standard; die WHATWG-Spezifikation behandelt genau diesen Fall in Abschnitt 13.2.10.1 unter der Überschrift „Misnested tags“. Der Parser schließt und öffnet Elemente dabei in einer festgelegten Reihenfolge neu, sodass immer ein gültiger Baum entsteht – anders als bei XML, wo ein solcher Fehler das Einlesen abbricht. Für die Darstellung ist das Ergebnis oft unerwartet, etwa wenn eine Auszeichnung früher endet als im Quelltext geschrieben.

Nein. Der HTML-Standard verlangt in Abschnitt 4.3.11 („Headings and outlines“), dass die Rangzahl einer folgenden Überschrift höchstens um eins größer sein darf als die der vorausgehenden. Als nicht konform führt der Standard ausdrücklich das Beispiel einer Überschrift erster Ordnung auf, der unmittelbar eine dritter Ordnung folgt; richtig wäre dort die zweite. Der Browser zeigt dennoch keinen Fehler und stellt die Seite normal dar – die Regel betrifft allein die Gliederung, die Vorlesewerkzeuge und Suchmaschinen auswerten, nicht das sichtbare Ergebnis.

Ein alt-Attribut ohne Inhalt weist Vorlesewerkzeuge an, das Bild zu überspringen – für rein dekorative Bilder ist das laut den Richtlinien des W3C die korrekte Angabe, etwa bei Rahmen oder Trenngrafiken ohne eigene Aussage. Fehlt das Attribut ganz, gilt das Bild als unbeschrieben: Manche Vorlesewerkzeuge lesen dann ersatzweise den Dateinamen vor, was für den Nutzer verwirrend ist. Der Unterschied liegt also nicht im fehlenden Text, sondern im fehlenden Attribut – ein Bild ohne jede Beschreibung ist etwas anderes als eines mit ausdrücklich leerer Beschreibung.

Sie liefert nur die Ansage für Vorlesewerkzeuge, nicht die Bedienbarkeit. Die WAI-ARIA Authoring Practices verlangen für ein Element mit dieser Rolle zusätzlich, dass es per Tabulatortaste erreichbar ist und sowohl auf die Eingabe- als auch auf die Leertaste reagiert; beides muss eigens in JavaScript ergänzt werden, die Rolle allein bewirkt es nicht. Ein HTML-Element mit Klickbehandlung, dem diese Ergänzungen fehlen, bleibt für Tastaturnutzer unerreichbar – auch dann, wenn die Rolle formal korrekt gesetzt ist.

Mehr zum Thema

9 Min. Lesezeit

Cookie-Banner-Pflicht: wann er nötig ist und wann nicht

Ein Cookie-Banner ist keine allgemeine Website-Pflicht, sondern die Folge bestimmter Werkzeuge. Welche Einbindungen ihn auslösen, warum „Ablehnen" auf die erste Ebene gehört und wie eine Website ganz ohne Banner auskommt.

9 Min. Lesezeit

Barrierefreie Website: wen die Pflicht trifft — und wen nicht

Das Barrierefreiheitsstärkungsgesetz gilt seit Juni 2025, und seither kursieren zwei falsche Behauptungen: Es gelte für alle Websites, oder es gelte für fast niemanden. Beides stimmt nicht. Wer wirklich betroffen ist, was gefordert wird und warum sich die Umsetzung auch ohne Pflicht rechnet.

Alle Fachbeiträge ansehen

Passende Leistungen

Webdesign & Redesign

Individuelle Websites in Figma entworfen und mit Tailwind CSS sauber umgesetzt — responsiv, schnell und auf Ihre Marke zugeschnitten.

Mehr dazu

Barrierefreiheit (WCAG/BFSG)

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Wir machen Ihre Website WCAG-2.2-konform — geprüft, dokumentiert und nachhaltig.

Mehr dazu

SEO & Content-Strategie

Technische SEO-Audits, Core Web Vitals und eine Content-Strategie für bessere Rankings und Sichtbarkeit in der KI-Suche.

Mehr dazu