Sven: div-Element mit Screenreader-Text

Hallo!

Ich habe ein div-element, welches ein Hintergrundbild via CSS zugewiesen hat. Das Bild direkt mit dem img-Tag einzubinden kommt in meinem Anwendungsfall nicht in Frage.

Das Bild, das ich verwende, beinhaltet auch Text. Diesen Text würde ich gerne Screenreadern zur Verfügung stellen.

Natürlicht gibt es das Universalattribut title, ich möchte aber nicht, dass jeder diesen Text sehen kann.

Wenn ich in dem div einen Span mit display:none; einbinde, würde der Text dann trotzdem vorgelesen?

  1. @@Sven:

    nuqneH

    Wenn ich in dem div einen Span mit display:none; einbinde, würde der Text dann trotzdem vorgelesen?

    Nein. Dich interessieren Image-Replacement-Techniken.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
  2. Om nah hoo pez nyeetz, Sven!

    Wenn ich in dem div einen Span mit display:none; einbinde, würde der Text dann trotzdem vorgelesen?

    Warum probierst du es nicht einfach aus?

    Ich würde den Text via text-indent aus dem sichtbaren Bereich verschieben, dann sollte er vorgelesen werden.

    Testen musst du selbst.

    Matthias

    --
    1/z ist kein Blatt Papier.

  3. Hallo!

    Wenn ich in dem div einen Span mit display:none; einbinde, würde der Text dann trotzdem vorgelesen?

    Weiss ich nicht. Ich habe die Klasse nodisplay per CSS definiert und hinter die Grafiken platziert.

    Da war z.B. das Logo, das die drei Zeichen tm3 zeigt:

    <img src='tm3.gif' alt='tm3'><span class=nodisplay>tee emm drei</span>

    Hat wunderbar funktioniert.

    Gast

    1. Om nah hoo pez nyeetz, Gast!

      <img src='tm3.gif' alt='tm3'><span class=nodisplay>tee emm drei</span>

      Hat wunderbar funktioniert.

      Die Frage ist, wie du 'nodisplay' umgesetzt hast.

      Matthias

      --
      1/z ist kein Blatt Papier.