barrierefrei - tabellen?

[mimamo]

hallo zusammen,

barrierefreie websiten sollen ja mit div containern erstellt werden und ohne tabellen.

geht es hier nur um das layout der site oder generell um alle tabellen?

nur wenn man keine tabellen als elemente in die container stellen darf - oder soll, wie macht man dann z. b. sowas wie listen?

fuer eine kurze aufklaerung zum thema barrierefrei waere ich euch dankbar.

viele gruesse - MIMAMO

[Stefan_G]

Moin,

klar kann man auf einer barrierefreien Seite auch Tabellen einsetzen, wenn es darum geht, tabellarische Daten darzustellen. Zu Layoutzwecken sind Tabellen dagegen pfui.

Im Netz findest du dazu ne Menge Infos. Tipps:

--> http://www.pro-barrierefreiheit.de/entwickler/tabellen/
--> http://www.einfach-fuer-alle.de/arti...fueralle/tag5/

//Stefan

[mindstorms]

Zitat von mimamo

wie macht man dann z. b. sowas wie listen?

mit <ul>, <ol> oder <dl>

es geht eigentlich nur darum dass man die elemente semantisch korrekt verwendet also <ul>, ... für listen, <table> für tabellen, <h1>, <h2>, ... für überschriften usw.

[designfanatiker]

Zitat von mimamo

barrierefreie websiten sollen ja mit div containern erstellt werden und ohne tabellen.

Nein. Wie kommst du darauf?

Zitat von mimamo

geht es hier nur um das layout der site oder generell um alle tabellen?

Entscheidend ist eine sinnvolle Textauszeichnung.

Zitat von mimamo

nur wenn man keine tabellen als elemente in die container stellen darf - oder soll, wie macht man dann z. b. sowas wie listen?

Die einzige sinnvolle Textauszeichnung für tabellarische Daten ist eine Tabelle. Für Listen solltest du die dafür vorgesehenen Elemente verwenden.

[rewboss]

Denk mal drüber nach, was ein Screenreader aus dem HTML macht.

Sieht er eine Tabelle, dann sagt er zum Beispiel: "Tabelle mit fünf Spalten und acht Zeilen" bevor er den Inhalt der Tabellenzellen vorliest. Wenn das sinvoll ist, dann sind Tabellen genau das Richtige.

Zum Beispiel:

Du willst ein Logo oben links setzen, ein Werbebanner rechts daneben und die Navigation direkt darunter. Eine Aussage wie "Tabelle mit zehn Spalten und zwei Zeilen" stört nur. Visuell soll die Tabelle eigentlich unsichtbar sein -- man soll nicht erkennen, dass dahinter eine Tabelle steckt.

Du hast fünf Produkte, deren Preise du in Euro, britische Pfund und US-Dollar angeben willst. Eine Aussage wie "Tabelle mit vier Spalten und sechs Zeilen" ist hier ganz sinnvoll, weil es sich hierbei um tabellarische Daten handelt. Auch visuell soll die Tabelle als solche erkennbar sein.