Marc: Screenreader und versteckte Inhalte

Beitrag lesen

Moin moin

Navigation nur für Blinde (d. h. ausgegeben nur auf Braille-Zeile und Audio-Geräten:

CSS (bestimmt, dass so gekennzeichneter Text nicht auf Projektoren, Bildschirmen usw. ausgegeben wird, braille und aural sind nicht erwähnt, d. h. hier greift die Anweisung display:none  nicht! Audio-Ausgabe-Geräte und Braille-Zeile geben den Inhalt also aus):
--------------------------------

/*  Klasse zur Kennzeichnung von Elementen, die nur von Audio-Geraeten und der Braille-Zeile  */
/*  wiedergegeben werden sollen ............................................................  */

@media screen,projection,print,tty,tv
  {
   .sr-hint {display:none;}   /* Hinweis nur fuer Screenreader und Audio */
  }

-------------------------------

HTML:

-------------------------------
<div class="sr-hint">
<!-- Hier steht, was nur Screenreader und Audio-Geraete wiedergeben sollen -->
</div>
-------------------------------

So lässte sich viel mehr Text unterbringen als mittels alt-Text. Z. B. ganze Menüs!

Gruß,
Marc.

--
Und immer schön
validieren (http://validator.w3c.org)
sh:( fo:| ch:? rl:? br:> n4:& ie:% mo:} va:} de:] zu:) fl:( ss:| ls: js:(
http://www.peter.in-berlin.de/projekte/selfcode/?code=sh%3A%28+fo%3A%7C+ch%3A%3F+rl%3A%3F+br%3A%3E+n4%3A%26+ie%3A%25+mo%3A%7D+va%3A%7D+de%3A%5D+zu%3A%29+fl%3A%28+ss%3A%7C+ls%3A+js%3A%28