|
|||
barrierefreie Tabellen
Hallo,
in diesem http://xhtmlforum.de/43776-barrierefreie-tabellen.html Beitrag vom Januar 2007 fand ich im Internet eine Tabelle die mein ScreenReader auch wirklich waagerecht ausliest. Bei vielen Empfehlungen von angeblich barrierefreien Tabellen war das nicht der Fall. Ich habe nicht allzu viel Kenntnisse in HTML und würde Euch bitten mir den richtigen Aufbau der Tabelle zu erklären. Wird die Tabelle nun mit ID Zuordnung und dann headers="id id2" oder mit scope="col" erstellt. Ich habe keine Ahnung wie das gemeint ist. Ein Beispiel währe schön. Die Tabellen, die im Link der Antwort von laborix gebracht wurden, wurden auch senkrecht gelesen. Über eine Hilfe währe ich sehr dankbar. Ciao Holger |
Sponsored Links |
|
||||
Hallo, Holger!
Hier Koblenz-Metternich: Der Entsorgungs-Kalender findest Du ein praxisgerechtes Beispiel für eine einfache, weil lineare Tabelle. Schau mal in den Quelltext und lass Dir die Tabelle vorlesen.
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." Geändert von Dieter (30.11.2008 um 02:04 Uhr) Grund: Link geändert |
Sponsored Links |
|
|||
Ähm, Dieter, ich glaub, du hast das abbr-Attribut nicht ganz richtig verwendet. Es soll eigentlich eine Kurzform des Zelleninhalts anbieten, bei dir enthält es aber immer die Überschrift der Spalte.
|
|
||||
Ich kenne das Abbr-Attribut anders: Auszeichnung im Text – Einführung in XHTML, CSS und Webdesign
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Hallo, Thorben!
Zitat:
Der Zelleninhalt wird so einer bestimmten Rubrik/Spalte zugeordnet. Dass Header-Text und abbr-Text hier übereinstimmen, ist also kein Zufall, sondern Absicht. So lässt sich die kurze Inhaltsbeschreibung im abbr problemlos zuordnen. Dieses Verfahren hat mit übrigens eine blinde Userin empfohlen.
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
||||
BlackHawk. das Element abbr hat mit dem Attribut abbr nix zu tun!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
||||
Kleine Verwechslung.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Zitat:
Ich kenne da jemanden, der zu Beginn seiner Beschäftigung mit Barrierefreiheit der gleichen Verwechslung anheimfiel und folgendes kreierte: Code:
<td><abbr title="Spalte 1">Spalte1</abbr>Text</td> Und der Valdator hat nicht mal gemeckert!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Und die Formulierungen in den Spezifikationen sind auch nicht immer ganz eindeutig. Da hab ich das abbr-Attribut wohl immer falsch verwendet.
Und es werden dann tatsächlich sowohl der Inhalt der Datenzelle als auch ihr abbr-Attribut vorgelesen? Reicht es nicht, wenn nur die Zellen, die die Überschriften enthalten, das Attribut haben? |
Sponsored Links |
|
||||
Zitat:
Schau mal in meiner Beispieltabelle nach. Stell Dir vor, der Zelleninhalt "23.09." würde vorgelesen ohne eine Erklärung/Zuordnung aus dem abbr-Attribut. Zu welchem Ereignis das Datum gehört, müsste der Zuhörer dann raten!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Datenbakn in andere kopieren, wenn Anzahl der Tabellen unbekannt | paracelsus | Serveradministration und serverseitige Scripte | 26 | 15.09.2008 18:15 |
Mehrere Tabellen über ein Menu auswählen | Xinor | CSS | 1 | 24.02.2008 07:18 |
Barrierefreie Tabellen | abraxas | Barrierefreiheit | 4 | 28.01.2007 11:10 |
Warum keine Tabellen? | sinot | CSS | 8 | 06.05.2006 17:47 |
Tabellen in <div>-Tags | dexter2000 | CSS | 9 | 19.05.2005 10:53 |