+ (CSS) absolute Trennung von Inhalt und Gestaltung?

[at]

Hallo.

Der Screenreader könnte auch einfach "kein Angebot" vorlesen, wenn er die semantisch korrekte Auszeichnung <p>kein Angebot</p> vorfindet. Alles andere ist dann Sache des CSS.

Da brauche ich aber doch wieder zwei Elemente; eines, das zwar vorgelesen  aber nicht angezeigt wird und ein anderes, von dem nur ein Border angezeigt wird. Beides zusammen geht doch wohl nicht, oder?

Warum nicht?
Ein wenig HTML:

<table summary="Angaben"><thead><tr><th>1</th><th>2</th><th>3</th></tr></thead>  
<tfoot></tfoot>  
<tbody><tr><td><p class="nix">keine Angabe</p></td><td>Angabe</td><td>Angabe</td></tr>  
<tr><td>Angabe</td><td><p class="nix">keine Angabe</p></td><td>Angabe</td></tr>  
<tr><td>Angabe</td><td>Angabe</td><td><p class="nix">keine Angabe</p></td></tr>  
</tbody>  
</table>

Und ein wenig CSS:

.nix {width: 1em; height: 1em; overflow: hidden; visibility: hidden;}  
.nix:before {content: '—'; visibility: visible;}

Das habe ich jetzt zwar nur in Opera getestet, aber mehr als ein paar kleine Anpassungen sollten für andere Browser kaum nötig sein. Nur vor den IE<7 sollte man das Ganze verstecken und stattdessen "keine Angabe" ausgeben lassen.

Aber davon abgesehen würde ich das ja alles gerne mal testen, wenn ich nur meine Window-Eyes Testversion mal innerhalb der 30 Minuten, die sie jeweils nach Systemstart theoretisch nur läuft auch praktisch mal dazu brächte zu laufen.

Wieso "Bahnhof"?
MfG, at