Holger-erf: barrierefreie Tabellen?

Hallo,
ich möchte auf einer Internetseite Informationen (Veranstaltungstermine) in tabellarischer Form darstellen. Dies soll aber barrierefrei geschehen damit blinde User die Seite mit einem Screen Reader lesen können. Das wird sicher mit CSS gemacht. Wie geht das? Wo muss ich im SELFHTML nachschlagen um mich zu informieren?
Vielen Dank für Eure Antworten
Ciao Holger

  1. Hallo,

    ich möchte auf einer Internetseite Informationen (Veranstaltungstermine) in tabellarischer Form darstellen. Dies soll aber barrierefrei geschehen damit blinde User die Seite mit einem Screen Reader lesen können.

    Das wird sicher mit CSS gemacht.

    CSS ist nur für die Gestaltung zuständig, womit du eher die Bildschirmausgabe beeinflussen kannst.

    Wo muss ich im SELFHTML nachschlagen um mich zu informieren?

    <http://de.selfhtml.org/html/tabellen/nicht_visuell.htm@title=Tabellen und nicht-visuelle Medien>

    Außerdem solltest du die Tabelle in <thead>, <tbody> und ggf. <tfoot> einteilen.
    Dass <th> (und nicht <td><b>…) für Spaltenköpfe (horizontal oder vertikal) zu verwenden ist, weißt du wahrscheinlich schon.

    mfg. Daniel

  2. Hi Holger,

    ich möchte auf einer Internetseite Informationen (Veranstaltungstermine) in tabellarischer Form darstellen. Dies soll aber barrierefrei geschehen damit blinde User die Seite mit einem Screen Reader lesen können. Das wird sicher mit CSS gemacht. Wie geht das?

    Mit Tabellen (aber nicht für's Layout der ganzen Seite!).

    Infos hier: http://de.selfhtml.org/css/eigenschaften/tabellen.htm

    Gruß
    Antipitch

  3. Moin,

    ich möchte auf einer Internetseite Informationen (Veranstaltungstermine) in tabellarischer Form darstellen.

    Das hört sich schon mal nach einer sinnvollen Anwendung einer Tabelle an.

    Dies soll aber barrierefrei geschehen damit blinde User die Seite mit einem Screen Reader lesen können.

    Löblicher Ansatz.

    Das wird sicher mit CSS gemacht.

    Meines Wissens nach nicht - zumindest in diesem Fall.

    Wie geht das?

    Ich gehe mal davon aus, dass es tatsächlich tabellarische Daten sind. In diesem Fall musst du meines Wissens nach nur die richtigen Elemente verwenden. Das heißt:

    • Auszeichnung von Tabellenkopf, Körper und event. Fuss mit <thead/>, <tbody/> und <tfoot/>
    • Zeilen bzw. Spaltenüberschriften mit <th/> auszeichnen
    • Event. noch zusätzliche Informationen über das title-Attribut geben.

    In CSS gibt es zwar einige Befehle für die Steuerung der Sprachausgabe, diese werden aber anscheinend nur von Opera interpretiert:

    http://de.selfhtml.org/css/eigenschaften/sprachausgabe.htm

    Gruß

    Stareagle