@@robertroth
<span class="color-icon black">Schwarz</span>
Was hältst Du denn dann davon, dem <span> wenigstens noch ein Title-Attribut zu verpassen?
Nichts. Entweder Information ist wichtig, dann soll sie angezeigt werden. Oder sie ist unwichtig, dann muss sie auch beim Hovern nicht erscheinen.
Und ist denn immer sichergestellt, dass schon alle Browser leere <span>-Elemente auch anzeigen?
Warum sollten sie das nicht tun? Außerdem war mein span-Element nicht leer.
Den Text kannst du mit image replacement verstecken. Kannst Du das bitte noch etwas näher ausführen, wie Du das meinst?
Besonders barrierefrei ist das aber nicht. Eben deshalb mindestens ein title-Attribut?
Was hätte ein title-Attribut mit Barrierefreiheit zu tun?
Aber vielleicht noch sinnvoller als image replacement:
<span class="color-icon black" aria-label="Schwarz"></span>
LLAP
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)