Hallo zusammen,
- Lass das span und farbangaben etc. weg und gib dem <a> einfach ein text-indent von -9999px.
Da hier von Barrierefreiheit die Rede ist: Ich hoffe, Euch ist klar, wie sich diese beiden Image-Replacement-Techniken (und viele andere auch) in einem CSS-fähigen Browser auswirken, in dem das Bilder-Laden abgeschaltet ist ... ;-)
Viele Grüße
Carsten