zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Image-Replacement oder normale Bilder?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.01.2008, 09:46
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 13.07.2006
Beiträge: 415
Maxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer Mensch
Standard Image-Replacement oder normale Bilder?

Hallo,

die oben genannte Frage stelle ich mir gerade. Es geht dabei um Navigationen. Für mein aktuelles Projekt benötige ich in der Navigation eine besondere Schriftart, weshalb ich Bilder verwenden muss.

Da gibts jetzt HTML-seitig natürlich zwei Varianten: Normale IMG-Elemente oder normaler Text der per CSS ausgeblendet und durch eine Hintergrundgrafik ersetzt wird.

Die Frage ist nur: Was ist besser. Schalte ich CSS ab ist die Variante mit CSS natürlich besser, da ich dann normalen Text habe. Auch für Suchmaschinen ist die Variante wahrscheinlich besser. Aber: Schaltet ein User Bilder ab ist die Seite unbrauchbar. Der Text wird ja durch CSS ausgeblendet, egal ob der User Bilder zulässt oder nicht. Sind diese nun deaktiviert, wird die Hintergrundgrafik nicht angezeigt und die Navigation ist unbrauchbar.

Was meint ihr dazu? Hab ich irgendwas übersehen? Gibts da irgendwelche Tricks?

Gruß,

Max
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.01.2008, 10:10
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.644
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich würde mit einem Alternativtext versehene Bilder verwenden.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.01.2008, 10:58
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Was allerdings Hover-Effekte im IE extrem aufwendig macht, und tatsächlich unschön bzgl. Trennung von Design und Inhalt ist. Es gibt eine CSS-Variante, die auch bei abgeschalteten Grafiken funktioniert: Gilder/Levin. Die würde ich anwenden. Ist auch nicht unaufwendig, aber lohnt sich.
Mit Zitat antworten
  #4 (permalink)  
Alt 08.01.2008, 18:50
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 13.07.2006
Beiträge: 415
Maxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Was allerdings Hover-Effekte im IE extrem aufwendig macht, und tatsächlich unschön bzgl. Trennung von Design und Inhalt ist. Es gibt eine CSS-Variante, die auch bei abgeschalteten Grafiken funktioniert: Gilder/Levin. Die würde ich anwenden. Ist auch nicht unaufwendig, aber lohnt sich.
Wieso nur im IE? Man braucht halt JavaScript, und die Grafiken werden unschön nachgeladen (was man mit CSS vermeiden kann, indem man alle "Zustände" in eine Datei packt und diese dann nur "verschiebt").

Die CSS-Variante sieht aber gut aus. Das leere span-Element ist zwar unschön, aber einen Tod muss man wohl sterben... Danke für den Tipp.

Gruß,

Max
Mit Zitat antworten
  #5 (permalink)  
Alt 08.01.2008, 20:15
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Maxefix Beitrag anzeigen
Wieso nur im IE?
Weil dieser sich oft sehr anstellt, wenn's darum geht, :hover-Regeln auf in Links enthaltene Elemente anzuwenden (und ich meine damit nicht simple Effekte wie eine border für eine gehoverte Grafik, was natürlich jederzeit problemlos funktioniert). Mit JS wär's kein Problem, aber das ist in diesem Falle indiskutabel.
Mit Zitat antworten
  #6 (permalink)  
Alt 08.01.2008, 22:36
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 13.07.2006
Beiträge: 415
Maxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Weil dieser sich oft sehr anstellt, wenn's darum geht, :hover-Regeln auf in Links enthaltene Elemente anzuwenden (und ich meine damit nicht simple Effekte wie eine border für eine gehoverte Grafik, was natürlich jederzeit problemlos funktioniert). Mit JS wär's kein Problem, aber das ist in diesem Falle indiskutabel.
Wie willst du sonst eine Grafik (img-Element) ändern? Du musst ja das src-Attribut manipulieren, da kommst du ohne JavaScript nicht weit. Mal ganz davon abgesehen, dass bei fehlendem JavaScript lediglich die Hover-Effekte fehlen würden.

Gruß,

Max
Mit Zitat antworten
  #7 (permalink)  
Alt 08.01.2008, 23:20
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Maxefix Beitrag anzeigen
Wie willst du sonst eine Grafik (img-Element) ändern?
img ausblenden und eine Hintergrundgrafik erscheinen lassen.
Mit Zitat antworten
  #8 (permalink)  
Alt 09.01.2008, 20:22
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 13.07.2006
Beiträge: 415
Maxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
img ausblenden und eine Hintergrundgrafik erscheinen lassen.
Hm, OK, ob das jetzt sinnvoll ist, darüber lässt sich streiten.

Gruß,

Max
Mit Zitat antworten
  #9 (permalink)  
Alt 09.01.2008, 21:10
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Was sollte daran nicht sinnvoll sein? Unabhängig davon bin ich eh dagegen, ein Menü mit Grafiken im Markup zu versehen (vor allem wegen nicht mehr vorhandener Trennung von Inhalt und Design). Aber wer's partout machen und trotzdem einen Hover-Effekt haben will, muß es so machen. Den Hover-Effekt stattdessen per JS zu erzeugen - das wäre nicht sinnvoll.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 17.01.2008, 01:32
Benutzerbild von Schneemann
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.01.2006
Ort: Bochum
Beiträge: 268
Schneemann befindet sich auf einem aufstrebenden Ast
Standard

Die Antwort fiel bereits: das ALT-Attribut nutzen, dann gibt es keine Probleme.

Werden Bilder dargestellt sieht der User die Schrift, wird CSS abgestellt sieht er das ALT-Attribut.
__________________
Gruß,
Peter
Mit Zitat antworten
Sponsored Links
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
image replacement mit phark method Timoslav CSS 4 16.06.2009 22:09
Bilder aus image gallery mit Bildüberschrift - nur wie? fossy CSS 0 05.11.2008 16:17
Imagemap Zugriff bei einer Gallery Sarah14 Javascript & Ajax 3 12.11.2007 14:06
Input Button Image Replacement Pablo CSS 0 17.08.2007 01:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:32 Uhr.