K ((Benutzername entfernt) (Logbucheinzelheiten entfernt)) |
Keine Bearbeitungszusammenfassung |
||
| Zeile 10: | Zeile 10: | ||
* Wichtig: Unterscheiden zwischen Kopfzeilen und Inhaltszeilen. | * Wichtig: Unterscheiden zwischen Kopfzeilen und Inhaltszeilen. | ||
*Geschachtelte Tabellen vermeiden. | *Geschachtelte Tabellen vermeiden. | ||
Gut: | Gut: | ||
| Zeile 87: | Zeile 86: | ||
|Joghurt | |Joghurt | ||
|} | |} | ||
Test: | Test: | ||
| Zeile 130: | Zeile 128: | ||
|- | |- | ||
! Fußzeile !! Fußzeile | ! Fußzeile !! Fußzeile | ||
|} | |||
== Vergleich von verschiedenen Ausgabeformaten == | |||
Es gibt zahlreiche Ausgabeformate von Tabellen, die die Bedürfnisse der Barrierefreiheit unterschiedlich berücksichtigen. | |||
Die folgende Matrix führt die Unterschiede auf. Zusätzlich wird angezeigt, ob die Tabelle im PDF-Export berücksichtigt wird (was bei Javascript-basierten Tabellen nicht der Fall ist). | |||
=== Tabellen, die über den visuellen Editor eingefügt werden === | |||
{| class="wikitable" | |||
|+ | |||
!Tabellentyp | |||
!Tastatur-Navigation | |||
!Bildschirmleser | |||
!Filtern | |||
!Sortierung | |||
!PDF-Ausdruck | |||
!Anmerkungen | |||
|- | |||
|sortable | |||
|vollständig unterstützt | |||
|vollständig unterstützt | |||
|n/a | |||
|barrierefrei | |||
|unsortiert | |||
|keine Paginierung, Filterung möglich | |||
(nicht-barrierefrei kann über [[Referenz:ContainerFilter|ContainerFilter]] gefiltert werden) | |||
|- | |||
|filterable | |||
|schwierig, da Tastaturnavigation erlernt werden muss. Das Verhalten weicht von Standard-Tabellennavigation ab. | |||
|vollständig unterstützt | |||
|barrierefrei | |||
|barrierefrei | |||
|nein | |||
| | |||
|} | |||
== Tabellen, die über SMW-Abfragen generiert werden == | |||
{| class="wikitable" | |||
!Tabellentyp | |||
!Tastatur-Navigation | |||
!Bildschirmleser | |||
!Filtern | |||
!Sortierung | |||
!PDF-Ausdruck | |||
!Anmerkungen | |||
|- | |||
|smw result format "datatables" | |||
|vollständig unterstützt | |||
|vollständig unterstützt | |||
(auch "auto-complete" Filterergebnis wird korrekt angekündigt) | |||
|barrierefrei | |||
|barrierefrei | |||
|nein | |||
|Bildschirmleser: Ausgabe der Sortierungspfeile ist zu ausführlich, da Pfeile bei jedem Spalten wechsel als HTML-Entitäten gelesen werden. | |||
|- | |||
|smw result format table sortable | |||
| | |||
| | |||
| | |||
| | |||
| | |||
| | |||
|} | |} | ||
Version vom 25. April 2024, 10:46 Uhr
https://lbit.hessen.de/sites/lbit.hessen.de/files/2022-08/checkliste_fuer_tabellen.pdf
Layout-Tabellen vermeiden
Für Layouts Karten oder Startseitenvorlagen verwenden. Diese passen sich auch besser der Monitorbreite an.
Tabellen für mobile Darstellungen optimieren
- Oft nicht möglich für tabulare Daten. Die mobile Darstellung sollten Sie nur berücksichtigen, wenn hier eine Anforderung besteht.
- Richtige Kennzeichnung von Tabellen
- Wichtig: Unterscheiden zwischen Kopfzeilen und Inhaltszeilen.
- Geschachtelte Tabellen vermeiden.
Gut:
| Standort | Land | Umsatz | Jahr |
|---|---|---|---|
| München | Deutschland | $150,000.00 | 2019 |
| Berlin | Deutschland | $250,000.00 | 2019 |
| Hamburg | Deutschland | $85,000.00 | 2019 |
| Prag | Tschechien | $180,000.00 | 2019 |
| Prag | Tschechien | $40,000.00 | 2019 |
| Salzburg | Österreich | $45,000.00 | 2019 |
Gut:
| Gegenstand | Menge | Kosten |
|---|---|---|
| Brot | 0.3 kg | $0.65 |
| Butter | 0.125 kg | $1.25 |
| Total | $1.90 | |
Schlecht:
| Einkaufsliste | |||||
|---|---|---|---|---|---|
| Brot & Butter | Torte | Brötchen | Plundergebäck | Croissant | |
| Käse | Eis | Butter | Joghurt | ||
Test:
| zu | ||||
|---|---|---|---|---|
| fest | flüssig | gasförmig | ||
| von | fest | fest-fest transformieren | schmelzen | sublimieren |
| flüssig | gefrieren | ― | verdampfen | |
| gasförmig | resublimieren | kondensieren | ― | |
Schlecht:
| Spaltenüberschrift | Spaltenüberschrift |
|---|---|
| Beispieltext in der ersten Zelle | 12. Februar 2020 |
| Erdbewohner (Zwischenüberschrift) | |
| Max Mustermann | 3. Juli 1980 |
| Außerirdische (Zwischenüberschrift) | |
| Marsmännchen | ohne Angabe |
| Mondmännchen | |
| Saturnmännchen | |
| Fußzeile | Fußzeile |
Vergleich von verschiedenen Ausgabeformaten
Es gibt zahlreiche Ausgabeformate von Tabellen, die die Bedürfnisse der Barrierefreiheit unterschiedlich berücksichtigen.
Die folgende Matrix führt die Unterschiede auf. Zusätzlich wird angezeigt, ob die Tabelle im PDF-Export berücksichtigt wird (was bei Javascript-basierten Tabellen nicht der Fall ist).
Tabellen, die über den visuellen Editor eingefügt werden
| Tabellentyp | Tastatur-Navigation | Bildschirmleser | Filtern | Sortierung | PDF-Ausdruck | Anmerkungen |
|---|---|---|---|---|---|---|
| sortable | vollständig unterstützt | vollständig unterstützt | n/a | barrierefrei | unsortiert | keine Paginierung, Filterung möglich
(nicht-barrierefrei kann über ContainerFilter gefiltert werden) |
| filterable | schwierig, da Tastaturnavigation erlernt werden muss. Das Verhalten weicht von Standard-Tabellennavigation ab. | vollständig unterstützt | barrierefrei | barrierefrei | nein |
Tabellen, die über SMW-Abfragen generiert werden
| Tabellentyp | Tastatur-Navigation | Bildschirmleser | Filtern | Sortierung | PDF-Ausdruck | Anmerkungen |
|---|---|---|---|---|---|---|
| smw result format "datatables" | vollständig unterstützt | vollständig unterstützt
(auch "auto-complete" Filterergebnis wird korrekt angekündigt) |
barrierefrei | barrierefrei | nein | Bildschirmleser: Ausgabe der Sortierungspfeile ist zu ausführlich, da Pfeile bei jedem Spalten wechsel als HTML-Entitäten gelesen werden. |
| smw result format table sortable |
Diskussionen