Dieser Post ist nicht blog spezifisch:
Ich grübel gerade darüber, wie man es am elegantesten lösen könnte, Inhalte für Screenreader (für Unwissende: Software, die blinden Personen Websites vorliest) anzubieten, die ein normaler Browser nicht ausgeben soll.
Konkretes Beispiel:
Code
<ul>
<li><span>Datum:</span> 12.12.2006</li>
<li><span>Kategorie:</span> WordPress</li>
<li><span>Kommentare:</span> 23</li>
</ul>Durchaus übliche Aufbereitung der Metainformationen eines Blogeintrags. Die li's erhalten ein background-image in form eines kleinen Icons, so dass der begleitende Text nur für Screenreader bzw. Darstellung ohne Stylesheet sichtbar sein soll. Wie würde man das am geschicktesten anstellen? display:none; funktioniert ja nicht, und ich frage mich, ob es wirklich elegant ist, die spans via position:absolute; aus dem Viewport rauszuholen...
Gruß Jeriko