zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Einbindung von Bild-Logos in eine Website

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.11.2012, 14:23
Gerrit
neuer user
Thread-Ersteller
 
Registriert seit: 29.04.2008
Beiträge: 52
gerrit87 befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.11.2012, 16:51
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.383
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von gerrit87 Beitrag anzeigen
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 anzeigen
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.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.03.2016, 01:31
Neuer Benutzer
neuer user
 
Registriert seit: 09.11.2005
Ort: München
Beiträge: 22
cgpro befindet sich auf einem aufstrebenden Ast
Standard

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.
__________________
I ♥ Webdesign
Mit Zitat antworten
  #4 (permalink)  
Alt 09.03.2016, 09:09
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.400
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von gerrit87 Beitrag anzeigen
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?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild auf Website positionieren: Immer authentifizierung? damtre (X)HTML 1 15.10.2011 04:01
Onmouseover-Effekt - Wenn Maus auf Bild1 soll Bild 2 zu Bild 3 wechseln. Andreas91 Grafik, Design, Typografie 1 06.09.2011 23:41
Teile der Website verschieben sich bei Auflösung Panamajack (X)HTML 7 19.06.2010 15:53
Bild über Bild rafa CSS 2 24.01.2010 19:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:02 Uhr.