XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Barrierefreiheit (http://xhtmlforum.de/forumdisplay.php?f=78)
-   -   Einbindung von Bild-Logos in eine Website (http://xhtmlforum.de/showthread.php?t=68478)

gerrit87 24.11.2012 14:23

Einbindung von Bild-Logos in eine Website
 
Hallo zusammen,

ich habe folgende Frage: Wie sollte ich am besten Bildlogos in eine Internetseite einbinden, damit sie barrierefrei sind? Ich hatte etwas gelesen als H1 einbinden und den Text dann mittels negativem Text-indent ausblenden und das Logo als Hintergrund setzen, da funktionierte bei meinem Text aber leider nicht, weil er mehrzeilig war.

Welche generellen Regeln gibt es zu Einbindung von Bildern? Damit meine ich nicht das Alt- und Title-Tag, sondern eher wann binde ich Bilder als IMG und wann als CSS-Background ein?

Danke und Grüße

Thielo 24.11.2012 16:51

Zitat:

Zitat von gerrit87 (Beitrag 523027)
ich habe folgende Frage: Wie sollte ich am besten Bildlogos in eine Internetseite einbinden, damit sie barrierefrei sind? Ich hatte etwas gelesen als H1 einbinden und den Text dann mittels negativem Text-indent ausblenden und das Logo als Hintergrund setzen, da funktionierte bei meinem Text aber leider nicht, weil er mehrzeilig war.

Du könntest den Text im H1 in ein span einbetten und dann dieses ausblenden.

Zitat:

Zitat von gerrit87 (Beitrag 523027)
Welche generellen Regeln gibt es zu Einbindung von Bildern? Damit meine ich nicht das Alt- und Title-Tag, sondern eher wann binde ich Bilder als IMG und wann als CSS-Background ein?

Danke und Grüße

Ziemlich einfach:
Ist Grafik Inhalt? - als img einbetten.
Ist Grafik Schmuck oder hat keine Relevanz für den Inhalt? - als Hintergrundgrafik einbetten.

cgpro 09.03.2016 01:31

Logos per Background einzubinden ist nicht barrierefrei. Woher soll z.B. ein Screenreader erkennen das dort ein Bild ist? Dir stehen ja dann auch nicht die Attribute alt und longdesc zur Verfügung.

Auch Suchmaschinen können es besser verarbeiten wenn ein Contentbild auch per <img> eingebunden wird.

cloned 09.03.2016 09:09

Zitat:

Zitat von gerrit87 (Beitrag 523027)
wann binde ich Bilder als IMG und wann als CSS-Background ein?

Kurze Antwort: Ist es ein Hintergrundbild dann wird es als Background (heißt übersetzt Hintergrund) eingebunden, ansonsten als img.
Lange Antwort: Ja, welches Bild ein Hintergrundbild ist und welches nicht, darüber kann oft lange diskutiert werden. Bei manchen Bildern ist es offensichtlich bei anderen wiederum schwer zu beurteilen.

Möchtest du Text mit Bildern ersetzen? Hast du Beispielbilder was du genau wie ersetzen willst? Eventuell brauchst du ja auch gar keine Bilder?


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:59 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023