sol747: Konflikt Barrierefreiheit <-> Googlerichtlinien?

Beitrag lesen

Hallo Felix,
vielen Dank für diesen Vorschlag, er sieht wirklich unkompliziert aus.

was hindert Dich eigentlich an dieser Konstruktion?

<a href="xyz.html"><img src="mouseout.png" alt="guter Linktext" /></a>

Vielleicht kann man beim Hovern das Bild auf visibility:hidden und den Hintergrund wie bisher auf das gehoverte Bild setzen?

Leider funktioniert er aber anscheinend nicht so richtig. Nach Ausprobieren glaube ich, daß visibility:hidden alles unsichtbar macht, auch das Hintergrundbild.
Oder ich hab mal wieder irgendwo nen Bug drin, den ich nicht sehe....  :

a {
 display: block;
 height: 60px;
 width: 160px;
 text-decoration: none;
 outline: 0;
}
a#willkommen {
 background-image:url("pics/language/mouseover/willkommen.gif");
}  /* könnte man wahrscheinlich weglassen */

a#willkommen:hover {
 visibility: hidden;
 background-image: url("pics/language/mouseover/willkommen.gif");
}
<a href="deutsch/home.html" id="willkommen"><img src="pics/language/willkommen.gif" alt="Willkommen"></a>

Oh je, wenn ich das wirklich "auskochen" will, werd ich wahrscheinlich Ulrich's Lösung studieren müssen (vielen Dank übrigens, schrecke nur etwas vor der Komplexität zurück, reine Zeitfrage momentan)...

Gruß, Martin