CSS: list-style-image

[marctrix]

Hej beatovich,

Hintergrundbild finde ich persönlich keine gute Lösung für Listen. Mit ::before lässt sich dies m.E.n. besser bewerkstelligen.

Kommt darauf an, ob die Bullet-grafik selbst Informationsträger sein soll, oder ob sie lediglich die Eigenschaft unordered list-item darstellt.

Genau das ist die Aufgabe dieser Bildchen. Eine Information speziell für Sehende, denn Blinde bekommen beispielsweise vorgelesen, dass es sich um eine Liste mit soundsovielen Einträgen handelt und wo ein neuer Listeneintrag beginnt.

Das bedeutet auch, dass die Listeneinträge ausreichend groß sein müssen. Das bei der Hintergrundgrafik oder einer Umsetzung mittels ::before bedenken! - Daher auch möglichst SVG nutzen, damit die Grafik ansehnlich bleibt.

Bei ::before auch daran denken, dass der Inhalt Screenreader-Nutzern ausgegeben wird. Da die bereits wissen, dass es sich um einen Listeneintrag handelt, keine entsprechenden Texte einfügen!

Marc