Hintergrundbild als Informationsträger
AllesMeins
- barrierefreiheit
0 Cheatah2 Marc Reichelt0 Gunnar Bittersmann0 lulu0 Ingo Turski0 lulu
1 CarstenP
Hiho,
kann ich irgendwie einem per CSS gesetzten Hintergrundbild einen Alternativtext zuweisen? Ich habe in einem <div> unterschiedliche Hintergrundbilder. Damit werden Informationen transportiert, die ich gerne auch Leuten mit Sehbehinderungen und ähnlichem verfügbar machen würde. Irgend eine Idee, wie ich das am besten realisiere?
Grüsse
Marc
Hi,
kann ich irgendwie einem per CSS gesetzten Hintergrundbild einen Alternativtext zuweisen?
nein, Verzierungen brauchen sowas nicht.
Ich habe in einem <div> unterschiedliche Hintergrundbilder. Damit werden Informationen transportiert,
Ergo werden die Bilder per HTML vermittelt. CSS transportiert keine Information, die über Darstellungsempfehlungen hinaus geht.
Cheatah
Hallo Cheatah,
Ergo werden die Bilder per HTML vermittelt. CSS transportiert keine Information, die über Darstellungsempfehlungen hinaus geht.
Und du bist sicher, dass du nicht HTTP meinst? ;-)
Grüße
Marc *SCNR* Reichelt || http://www.marcreichelt.de/
Hallo AllesMeins,
kann ich irgendwie einem per CSS gesetzten Hintergrundbild einen Alternativtext zuweisen? Ich habe in einem <div> unterschiedliche Hintergrundbilder. Damit werden Informationen transportiert, die ich gerne auch Leuten mit Sehbehinderungen und ähnlichem verfügbar machen würde. Irgend eine Idee, wie ich das am besten realisiere?
Hmm. Vielleicht ist deine Struktur unzureichend? Hintergrundbilder sind nämlich nicht gerade dazu gedacht, Informationen zu vermitteln. Bilder im Fließtext sind dazu gedacht.
Wozu verwendest du in deinem Quelltext das <div>?
Es wäre natürlich schön, wenn du uns die Beispielseite mal zeigen könntest.
Grüße
Marc Reichelt || http://www.marcreichelt.de/
Hiho,
jo hab noch mal drüber nachgedacht und es jetzt cleverer gelöst. Jetzt hab ich ne normale Grafik mit der entsprechenden Information.
Marc
Ich habe in einem <div> unterschiedliche Hintergrundbilder. Damit werden Informationen transportiert,
AllesMeins,
Abgesehen von Purismus gibt es auch einen praktischen Grund, warum du keine wichtigen Informationen in Hintergrundbilder packen solltest: Die Informationen sollten auch beim Ausdrucken erhalten bleiben; Hintergrundbilder werden in den Defaulteinstellungen der Browser nicht gedruckt.
Live long and prosper,
Gunnar
Huhu
Irgend eine Idee, wie ich das am besten realisiere?
Das Stichwort könnte hier "Fahrner Image Replacement" (FIR) sein.
http://www.stopdesign.com/articles/replace_text/
http://www.alistapart.com/articles/fir/
Viele Grüße
lulu
Hi,
Das Stichwort könnte hier "Fahrner Image Replacement" (FIR) sein.
nicht wirklich.
Hierbei wird leider übersehen, daß auch die Möglichkeit besteht, daß zwar CSS umgesetzt, aber keine Bilder angezeigt werden. Und dies ist z.B. um Ladezeit zu sparen garnicht mal so selten der Fall.
freundliche Grüße
Ingo
Huhu
Hierbei wird leider übersehen, daß auch die Möglichkeit besteht, daß zwar CSS umgesetzt, aber keine Bilder angezeigt werden. Und dies ist z.B. um Ladezeit zu sparen garnicht mal so selten der Fall.
Das stimmt.
Aber jetzt man könnte doch zusätzlich mit Javascript abfragen ob ....
*Arrghh, nein!*
Das ist ein schönes Beispiel wie man sich mit einem "schlauen" workaround
gleich das nächste Problem einhandelt.
Also sollte man, wenn die Information wirklich wichtig ist, besser auf sämtliche "Tricks" verzichten und sie schlicht als Text hinschreiben.
Viele Grüße
lulu
Hallo,
ich bin der Auffassung, daß ein Bild, welches Text enthält, immer zwei Komponenten hat: Die Information in Form des Textes und die Darstellung in Form der besonderen Schriftart und sonstigen gesatalterischen Elementen des Bildes. Es wäre daher nur konsequent, wenn man diese zwei Komponenten auf HTML und CSS verteilen könnte.
Es haben sich daher viele Leute Gedanken gemacht, wie man dies bewerkstelligen könnte. Das von lulu erwähnte "Fahrner Image Replacement" war quasi der Prototyp, dessen gravierenden Nachteile aber schnell erkannt wurden. Zahlreiche Weiterentwicklungen gibt es z.B. hier: http://mezzoblue.com/tests/revised-image-replacement/
AAABER:
Diese Lösungen haben zwar meist das eine Problem von FIR beseitigt (die meisten Screenreader lesen mit "display:none" formatierte Elemente nicht vor), aber scheitern in der Regel an dem zweiten Problem, dem von Ingo erwähnten "CSS an/Bilder aus"-Problem. Und wenn sie auch dieses Problem beseitigen, dann gibt es andere unschöne Nebeneffekte.
Die einzig sinnvolle Lösung kann solange, bis hier eine vernünftige Lösung gefunden wird, sofern das überhaupt möglich ist, nur lauten: Bilder mit Informationen gehören als img-Elemente mit in den HTML-Quelltext.
Viele Grüße
Carsten