Semantisch korrekte Liste von Terminen

[Gunnar Bittersmann]

@@Rolf B

Wenn Du möchtest, dass assistive Technologien Dir so etwas sagen wie "Liste mit 5 Einträgen, 3. Eintrag" oder so, nimm eine ol ohne visuelle Darstellung der Nummer (also list-style-type:none).

Plus den einen oder anderen Hack, z.B.

ol
{
	list-style: none;
	list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
}

<p>ABGABEBASAR</p>

„A be ge a be e be a es a er“? Nein. <p>Abgabebasar</p>.

Wenn das in Großbuchstaben dargestellt werden soll, ist es ein Fall für CSS text-transform: uppercase.

LLAP 🖖