-
1.1 Textalternativen
-
1.2 Zeitbasierte Medien
-
1.3 Anpassbar
- 1.3.1a
- HTML-Strukturelemente für Überschriften
- 1.3.1b
- HTML-Strukturelemente für Listen
- 1.3.1c
- HTML-Strukturelemente für Zitate
- 1.3.1d
- Inhalt gegliedert
- 1.3.1e
- Datentabellen richtig aufgebaut
- 1.3.1f
- Zuordnung von Tabellenzellen
- 1.3.1g
- Kein Strukturmarkup für Layouttabellen
- 1.3.1h
- Beschriftung von Formularelementen programmatisch ermittelbar
- 1.3.2
- Sinnvolle Reihenfolge
- 1.3.3
- Ohne Bezug auf sensorische Merkmale nutzbar
- 1.3.4
- Keine Beschränkung der Bildschirmausrichtung
- 1.3.5
- Eingabefelder zu Nutzerdaten vermitteln den Zweck
-
1.4 Unterscheidbar
- 1.4.1
- Ohne Farben nutzbar
- 1.4.2
- Ton abschaltbar
- 1.4.3
- Kontraste von Texten ausreichend
- 1.4.4
- Text auf 200 % vergrößerbar
- 1.4.5
- Schriftgrafiken
- 1.4.10
- Inhalte brechen um
- 1.4.11
- Kontraste von Grafiken und grafischen Bedienelementen ausreichend
- 1.4.12
- Textabstände anpassbar
- 1.4.13
- Eingeblendete Inhalte bedienbar
-
2.1 Tastaturbedienbar
-
2.2 Ausreichend Zeit
-
2.3 Anfälle
- 2.3.1
- Verzicht auf Flackern
-
2.4 Navigierbar
- 2.4.1
- Bereiche überspringbar
- 2.4.2
- Sinnvolle Dokumenttitel
- 2.4.3
- Schlüssige Reihenfolge bei der Tastaturbedienung
- 2.4.4
- Aussagekräftige Linktexte
- 2.4.5
- Alternative Zugangswege
- 2.4.6
- Aussagekräftige Überschriften und Beschriftungen
- 2.4.7
- Aktuelle Position des Fokus deutlich
- 2.4.11
- Fokus nicht verdeckt (Minimum)
-
2.5 Eingabemodalitäten
-
3.1 Lesbar
-
3.2 Vorhersehbar
-
3.3 Eingabeunterstützung
-
4.1 Kompatibel
Prüfschritt 1.3.1g Kein Strukturmarkup für Layouttabellen
Was wird geprüft?
Tabellenstruktur-Mark-up soll nicht für Layouttabellen verwendet werden.
Wie wird geprüft?
1. Anwendbarkeit des Prüfschritts
Der Prüfschritt ist anwendbar, wenn die Seite Tabellen für das Layout verwendet.
2. Prüfung
Seite im Firefox aufrufen.
Das Tables bookmarklet aufrufen. Tabellen-Auszeichnungen werden jetzt angezeigt.
Prüfen, ob strukturelle Auszeichnungen (
th
,caption
,summary
,headers
,id
) in Layouttabellen vermieden werden.
3. Hinweis
Auch wenn Tabellen mit role="presentation"
bzw. role="none"
ausgezeichnet
sind, sollten semantische Elemente nicht benutzt werden.
4. Bewertung
Nicht erfüllt
In Layouttabellen werden die Elemente
th
odercaption
oder die Attributesummary
,headers
oderid
verwendet.
Einordnung des Prüfschritts
Einordnung des Prüfschritts nach WCAG 2.1
Guideline
Success criterion
1.3.1 Info and Relationships (Level A)
Techniques
General Techniques
https://www.w3.org/WAI/WCAG21/Techniques/general/G115.html[ G115: Using semantic elements to mark up structure
G140: Separating information and structure from presentation to enable different presentations
HTML Techniques
Failures
Quellen
F46: Failure of Success Criterion 1.3.1 due to using th
elements, caption
elements, or non-empty summary
attributes in layout tables
Although WCAG 2.1 does not prohibit the use of layout tables, CSS-based layouts are recommended in order to retain the defined semantic meaning of the HTML table elements and to conform to the coding practice of separating presentation from content. When a table is used for layout purposes the th element should not be used. Since the table is not presenting data there is no need to mark any cells as column or row headers. Likewise, there is no need for an additional description of a table which is only used to layout content. Do not include a summary attribute and do not use the
summary
attribute to describe the table as, for instance, "layout table"When spoken, this information does not provide value and will only distract users navigating the content via a screen reader. Empty summary attributes are acceptable on layout tables, but not recommended.
(https://www.w3.org/WAI/WCAG21/Techniques/failures/F46.html)