Hallo Gunnar,
Warum eigentlich
<img src="img/icons/farben/black.jpg" alt="Schwarz">
? Wozu die Bilder?
Weil mir bis jetzt noch keine bessere Lösung eingefallen ist.
Das tut’s auch, und besser:
<span class="color-icon black">Schwarz</span>
Sehr gut Idee, ich werde gleich mal versuchen dieses einzubauen, dann kann ich auf die Bilder verzichten.
Im Stylesheet steht dann sowas wie
.color-icon { display: inline-block; width: 0.5em; height: 0.5em } .color-icon.black { background: black } .color-icon.yellow { background: yellow }
Den Text kannst du mit image replacement verstecken. Besonders barrierefrei ist das aber nicht.
Die Frage ist, benötige ich den Text überhaupt in den <span>? Es würde doch auch so gehen?
<span class="color-icon black"></span>
Aber die Farbe steht ja (verschlüsselt) auch im Begleittext. Warum ist der denn zweimal da?
Die Texte kommen so von einem Lieferanten. Diese werden zwar der Reihe nach angepasst, aber bei gut 40.000 Artikel ist dieses sehr mühsam.