Die WCAG-Kriterien

WCAG 1.3.1: Info und Beziehungen von Layouttabellen

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

Komplexität:Kompliziert
Dauer:Kann dauern

Wichtig für Rolle:

Entwicklung

Zum WCAG-Kriterium:

Informationen und Beziehungen (englisch)

Worum geht's?

Wenn eine Webseite HTML-Tabellen für das Layout benutzt, dürfen diese keine Semantik (<table>, <th>, <td>) haben, damit Screenreader sie nicht als Tabellen auslesen.

Eine Illustration von einem Layout, dass mit einer Tabellenstruktur gemacht wurde. Das HTML-Mark-up im Tabellen-header ist durchgestrichen, weil es nicht verwendet werden darf.

Umsetzung

Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

Verstecke Layoutabellen
Falls du aus irgendeinem Grund Layouttabellen verwenden musst, kannst du mit der Rolle „presentation“ die Semantik der Tabelle verstecken.

<table role=”presentation”> ... </table>

Dabei musst du natürlich aufpassen, dass die vorlesenen Inhalte mit einem Screenreader dann noch Sinn ergeben.
WCAG-Technik(en) in Englisch:
- Kein direkte Technik in der WCAG vorhanden.