AllesMeins: Hintergrundbild als Informationsträger

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

  1. 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

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. 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/

      --
      Linux is like a wigwam - no windows, no gates and an Apache inside!
      Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
      http://emmanuel.dammerer.at/selfcode.html
  2. 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/

    --
    Linux is like a wigwam - no windows, no gates and an Apache inside!
    Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
    http://emmanuel.dammerer.at/selfcode.html
    1. 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

  3. 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

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
  4. 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

    --
    bythewaythewebsuxgoofflineandenjoytheday
    1. 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

      1. 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

        --
        bythewaythewebsuxgoofflineandenjoytheday
  5. 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