Die Spezifikation von HTML4.01 ( Ссылка ) besagt, dass die Tabelle Zusammenfassung Attribut sollte enthalten "... eine Zusammenfassung der Tabelle Zweck und Struktur ..." und die Beispiele unterstützt diese Verwendung.
Die Richtlinien zur Zugänglichkeit von Web-Inhalten 2.0 ( Ссылка ) besagt, dass das Zusammenfassungsattribut "an" lautet geben Sie einen kurzen Überblick über die Organisation von Daten in einer Tabelle oder eine kurze Erklärung, wie Sie in der Tabelle "
navigieren könnenWCAG 1.0 ( Ссылка ) sagt etwas Ähnliches und wieder die Beispiele Zeigen Sie die Verwendung als Beschreibung des Zwecks und der Struktur der Tabelle.
Auf der anderen Seite beschreibt das Illinois Center für Informationstechnologie Zugänglichkeit iCITA ( Ссылка ) am besten Übung für das Attribut als "sollte den Inhalt der Tabelle oder die Schlussfolgerung beschreiben, die der Autor durch die Daten in der Tabelle vermitteln möchte"
Ich bezweifle, dass iCITA das aus heiterem Himmel herausgesucht hat und dass es andere HTML-Bücher und Anleitungen gibt, die eine ähnliche Praxis empfehlen.
In vielerlei Hinsicht macht eine solche Verwendung für mich mehr Sinn, da eine vernünftige Verwendung der Elemente thead und th zusammen mit den Attributen scope und headern ausreichen sollte, um die Struktur der Tabelle für einen nicht sehenden Benutzer dort zu beschreiben Es ist für einen sehbehinderten Benutzer keine andere Möglichkeit, den Kern einer komplexen Tabelle zu erhalten, um dieselbe Informationsmenge zu erreichen, die ein sehbehinderter Benutzer durch einen schnellen Scan der Tabelle erhalten könnte.
Ich möchte jedoch nicht von den gut recherchierten Ratschlägen der WCAG abweichen.
Meine Frage lautet also: Wenn Sie etwas in das Zusammenfassungsattribut von Datentabellen schreiben, geben Sie Zweck, Struktur, Inhaltsbeschreibung, Schlussfolgerung und / oder etwas anderes ein, und warum? Gründe, die auf Feedback von echten Benutzern dieses Attributs basieren, sind besonders willkommen.
Ich verwende das Attribut summary , um die Struktur der Tabelle und die Beziehungen der Zeilen und Spalten zueinander zu beschreiben. Es erweitert die Attribute <tbody> und <th> elements und scope , axis und id und headers . Es ist möglich, die Struktur der Tabelle mit diesen Elementen und Attributen zu verstehen, aber es ist schön, eine einfache Beschreibung im Voraus zu haben.
Unterschätzen Sie nicht, wie viel Information visuell vermittelt wird, indem Sie einfach auf den Tisch schauen. Dies versuche ich im Attribut summary zu erfassen.
Das Zusammenfassungsattribut ist veraltet. Wenn ein Tabellenbeschriftungselement nicht geeignet ist, fügen Sie der Tabelle in einem figure-Element zusätzliche Informationen in einem figcaption-Element hinzu. Das Achsenattribut ist ebenfalls veraltet. Verwenden Sie stattdessen den Bereich für die entsprechenden th-Elemente.
Von W3C zur Zusammenfassung:
- Die Elementtabelle darf nicht als Nachkomme des Untertitelelements angezeigt werden.
- Das summary-Attribut des Tabellenelements ist veraltet. Erwägen Sie, die Struktur der Tabelle in einem Titelelement oder in einem Figurenelement zu beschreiben, das das Tabellenelement enthält. oder, vereinfachen Sie die Struktur der Tabelle, so dass keine Beschreibung benötigt wird.
- Das align-Attribut des Tabellenelements ist veraltet. Verwenden Sie stattdessen CSS.
- Das width-Attribut des Tabellenelements ist veraltet. Verwenden Sie stattdessen CSS.
- Das Attribut bgcolor für das Tabellenelement ist veraltet. Verwenden Sie stattdessen CSS.
- Der Wert des border-Attributs für das Tabellenelement muss entweder "1" oder die leere Zeichenfolge sein. Um die Dicke von Tabellenrändern zu regulieren, verwenden Sie stattdessen CSS.
- Das cellpadding-Attribut für das Tabellenelement ist veraltet. Verwenden Sie stattdessen CSS.
- Das cellspacing-Attribut des Tabellenelements ist veraltet. Verwenden Sie stattdessen CSS.
- Das frame-Attribut des Tabellenelements ist veraltet. Verwenden Sie stattdessen CSS.
- Das Regelattribut für das Tabellenelement ist veraltet. Verwenden Sie stattdessen CSS.
Von W3C zur Achse:
- Das Attribut scope für das Element td ist veraltet. Verwenden Sie stattdessen das Attribut scope für ein th-Element.
- Das abbr-Attribut auf dem td-Element ist veraltet. Erwägen Sie stattdessen, den Inhalt der Zelle mit knappem Text zu beginnen, gefolgt von weiterer Ausarbeitung, falls erforderlich.
- Das Achsenattribut des td-Elements ist veraltet. Verwenden Sie stattdessen das Attribut scope.
- Das align-Attribut des td-Elements ist veraltet. Verwenden Sie stattdessen CSS.
- Das Attribut width auf dem Element td ist veraltet. Verwenden Sie stattdessen CSS.
- Das char-Attribut auf dem td-Element ist veraltet. Verwenden Sie stattdessen CSS.
- Das charoff-Attribut auf dem td-Element ist veraltet. Verwenden Sie stattdessen CSS.
- Das valign-Attribut auf dem td-Element ist veraltet. Verwenden Sie stattdessen CSS.
- Das bgcolor-Attribut des td-Elements ist veraltet. Verwenden Sie stattdessen CSS.
- Das Höhenattribut des td-Elements ist veraltet. Verwenden Sie stattdessen CSS.
- Das nowrap-Attribut auf dem td-Element ist veraltet. Verwenden Sie stattdessen CSS.
Ich habe eine Inhaltsbeschreibung eingefügt. Stellen Sie es sich als Text vor, den Sie in einer Bildunterschrift sehen. Die Tabelle sollte nicht eine Schlussfolgerung sein, sie sollte die Schlussfolgerung unterstützen (die an anderer Stelle erwähnt wird).
Normalerweise ist der Zweck der Tabelle angesichts des Inhalts des Rests der Seite klar. Wenn Sie zum Beispiel die demografischen Veränderungen im Zusammenhang mit Abstimmungsmustern diskutieren, ist es offensichtlich, warum Sie dort eine Tabelle mit Bevölkerungswachstumsraten haben. Wenn nicht, könnten Sie kurz erwähnen, warum es da ist.
Warum, es ist einfach: Zugänglichkeit. Diejenigen, die Bildschirmlesegeräte verwenden, verlassen sich auf diese Informationen, um den Tabellenkontext anzugeben. Ob Sie Ihre Website zugänglich machen müssen, hängt von Ihrem Arbeitgeber oder Kunden ab. Auch wenn es nicht erforderlich ist, wird es empfohlen (und sicherlich von denen geschätzt, die sich darauf verlassen).
Ich würde mit den WCAG-Richtlinien gehen. Eine Sache, die Sie versuchen könnten, ist, ein Screen-Reader-Softwarepaket zu erhalten, die Augen zu schließen und zu sehen, was es über Ihre Tabellen sagt, mit oder ohne Bildunterschriften und Zusammenfassungen. Dies sollte Ihnen eine gute Vorstellung davon geben, was dann in Bezug auf die Textbeschreibung fehlt, um die Informationen in der Tabelle zu vermitteln.
Tags und Links html accessibility