Listen richtig verwenden: ul und ol für barrierefreie Websites

Alle Lernartikel

Listen sind überall: Navigationsmenüs, Artikelsammlungen, Schrittanleitungen. Aber wann verwendest du <ul> und wann <ol>? Die richtige Wahl macht deine Website nicht nur semantisch korrekter, sondern auch barrierefreier für Screen Reader-Nutzer.

HTML-Vergleich: Ungeordnete Liste (ul) mit Punkten vs. geordnete Liste (ol) mit Zahlen

Inhaltsverzeichnis

Premium Content

Für den vollständigen Inhalt benötigst du Premium-Zugang

Premium freischalten Schon Premium? Dann melde dich an

Weitere Beiträge

Beschreibende Seitentitel: Das Aushängeschild deiner Website
Entwicklung, Redaktion
Was sind Seitentitel und warum sind sie so wichtig? Der Seitentitel steht im <title>-Tag im…
Premium
HTML Landmarks: Semantische Navigation für alle Nutzer
Entwicklung
Was sind HTML Landmarks? Landmarks sind semantische HTML-Elemente, die verschiedene Bereiche einer Website strukturieren und…
Premium
aria-hidden: Inhalte vor Screenreadern verstecken
ARIA, Entwicklung
Was ist aria-hidden und wie funktioniert es? Das aria-hidden-Attribut entfernt Elemente aus dem Accessibility Tree…
Premium