Du bist hier: Seitenreport    Forum    Web-Entwicklung    Webdesign    ALT-Text und Title-Attribut

ALT-Text und Title-Attribut

Verfasst am: 29. 08. 2011 [18:17]
lwulfe
Dabei seit: 02.10.2009
Themenersteller

807 Beiträge
Beitrag hilfreich?

Hallo,
ich bin mir nicht schlüssig, ob ALT-Texte und/oder Title-Attribute bei Grafiken, die dem Website-Design dienen, Sinn machen.
Wie haltet ihr das damit?

Grüße
Lutz

 
Verfasst am: 29. 08. 2011 [18:47]
hansen
Dabei seit: 18.05.2009

1425 Beiträge
Beitrag hilfreich?

Hallo Lutz,

bei Grafiken verwende ich immer ALT-Texte, bei besonderen Grafiken, die mir im Ranking sehr wichtig sind auch zusätzlich die Title-Attribute.

Gruß
hansen

 
Verfasst am: 29. 08. 2011 [19:42]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

Hallo Lutz

Könntest du mal ein Beispiel für deine Graphiken angeben?

Normalerweise würde ich solche Graphiken die dem Design dienen als Hintergrund per CSS einbinden.

Wenn du es per img Element einbindest ist aber auch ein leeres alt Attribut die bessere Wahl als gar keines zu setzen.

Prinzipell könntest du das Bild auch als object einbinden. Da existiert das alt Attribut nicht.

Wenn deine Graphik nur einmalig verwendet wird würde ich mich auch nicht davor scheuen die in ein SVG Element einzubinden wenn es Sinn macht.

Ich weiss jetzt nicht genau ob das mit Canvas auch möglich wäre.

Da du vermutlich ein CMS verwendest und ich weiterhin vermute das es sich um eine spezielle Graphik für eine Seite nur handelt würde ich dir zum leeren alt Attribut raten.

Gruß
Jörg

 
Verfasst am: 29. 08. 2011 [20:40]
Raptor
Dabei seit: 10.05.2009

1159 Beiträge
Beitrag hilfreich?

"lwulfe" schrieb:

ich bin mir nicht schlüssig, ob ALT-Texte und/oder Title-Attribute bei Grafiken, die dem Website-Design dienen, Sinn machen.

Die Spezifikation liefert dir eine Antwort darauf:

"W3C" schrieb:

4.8.1.1.7 A purely decorative image that doesn't add any information

If an image is decorative but isn't especially page-specific — for example an image that forms part of a site-wide design scheme — the image should be specified in the site's CSS, not in the markup of the document.

Quelle: http://dev.w3.org/html5/spec/embedded-content-1.html#a-purely-decorative-image-that-doesn-t-add-any-information

Zu Deutsch: Du sollst Design-Grafiken über CSS einbinden, nicht via HTML.

Dann gibt es auch noch folgendes:
"W3C" schrieb:

4.8.1.1.4 A short phrase or label with an alternative graphical representation: icons, logos

A document can contain information in iconic form. The icon is intended to help users of visual browsers to recognize features at a glance.

In some cases, the icon is supplemental to a text label conveying the same meaning. In those cases, the alt attribute must be present but must be empty.

[...]

If the logo is being used to represent the entity, e.g. as a page heading, the alt attribute must contain the name of the entity being represented by the logo. The alt attribute must not contain text like the word "logo", as it is not the fact that it is a logo that is being conveyed, it's the entity itself.

If the logo is being used next to the name of the entity that it represents, then the logo is supplemental, and its alt attribute must instead be empty.

Quelle: http://dev.w3.org/html5/spec/embedded-content-1.html#a-short-phrase-or-label-with-an-alternative-graphical-representation:-icons-logos

Zu Deutsch: Wenn die Grafik ein Text ergänzt, wie z.B. ein Menü-Icon, muss das alt-Attribut leer sein.
Wenn die Grafik für sich allein steht, muss das alt-Attribut den Inhalt repräsentieren; aber ja nicht alt="Logo" für das Unternehmenslogo, sondern "Firma GmbH".


 
Verfasst am: 29. 08. 2011 [22:15]
lwulfe
Dabei seit: 02.10.2009
Themenersteller

807 Beiträge
Beitrag hilfreich?

Hallo,
meine Frage ist beantwortet. Ich wusste nicht um den Unterschied zwischen Grafiken aus HTML und CSS.
Mir war diese Frage in Bezug auf Barrierefreiheit in den Sinn gekommen. Die Vorstellung, dass ein Vorlese-Plugin völlig unnütze Alt-Texte vorliest, hatte mich nachdenklich gemacht.

Vielen Dank
Lutz

 
Verfasst am: 30. 08. 2011 [10:58]
der_booker
Dabei seit: 11.06.2009

2887 Beiträge
Beitrag hilfreich?

Es ist immer wieder mal interessant solch ein Thema aufzuwärmen, denn bekanntlich lernt man nie aus.

Heiko Jendreck
personal helpdesk & webdesign
http://www.phw-jendreck.de
http://www.seo-labor.com
 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:



4 Mitglieder waren innerhalb der letzten 15 Minuten online (261 heute gesamt):
LexService, petfriend24, schlewitz, verpackungplus

Administratoren und Moderatoren:
[keine]

Seitenreport hat 18159 registrierte Mitglieder, 3005 Themen und 29116 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 13 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks