alt atribut für hintergrundbilder

[Conti93]

ich habe als link nen button genommen die einfach eine hintergrundgrafik ist, ohne text nur der link. wenn ich jetzt bilder abschalte sind die buttons natürlich nicht verfügbar, aber ich möchte das dan wenigstens nen link angezeigt wird aber auch nur dann. geht das?
hier mal der code.

.home {
height: 25px;
width: 130px;
display: block;
background: url("../img/buttons/home.png") 0px 0px no-repeat;
}

.home:hover {
background-position: 0px -25px;
}

 

[Efchen]

Die Frage bei Bildern ist immer: Gehören sie zum Content oder nicht?
Content wird bekanntlich immer durch HTML abgebildet, Design (Zierde) durch CSS.

Wenn Du Bilder hast, die Content sind, dann solltest Du sie per HTML über das <img>-Tag einbinden. Alles, was Du als background-image per CSS einbindest, gehört zum Design und ist somit Zierde und kein Inhalt. Folglich ist ein alt-Attribut bei background-images auch überflüssig.
Das geht damit konform, dass ja Browser beim Ausdrucken Hintergrundbilder auch nicht mit ausdrucken (per Default), weil sie ja nicht zum Content gehören.

Manchmal bietet sich aber auch an, z.B. bei Buttons, nur die Grafik als Hintegrundbild einzubinden und den Text, der auf dem Button steht, als normalen Text (z.B. für einen Link). Das hat den von Dir gewünschten Effekt, der Text wird mit ausgedruckt und der Text kann skaliert oder auch markiert oder gefunden werden.

Content = HTML
Design/Zierde = CSS

 

[Conti93]

das geht leider nicht weil die schriftart (Calibri) vorgegeben ist und nicht auf jedem PC vorhanden ist. gibt es dann noch andere möglichkeiten sowas umzusetzen?

 

[Efchen]

Wenn das Aussehen wichtiger ist, als der Inhalt, dann muss man damit leben, wenn sich etwas nicht so umsetzen lässt, wie man (und die Besucher) das eigentlich gern hätte, und ebenso mit den Konsequenzen.