Tabelle
Tabellen sind listenförmige Zusammenstellungen geeigneter Daten.
Beschreibung
Unter einer Tabelle wird primär eine Datentabelle mit Spaltenüberschriften und Zeilen verstanden. Die Überschriften können ausgeblendet werden. Die Zellenbreite richtet sich am Zelleninhalt aus, lässt sich aber manuell anpassen.
Folgende Tabellen-Layouts stehen zur Verfügung:
- Titel horizontal (pro Spalte)
- Titel horizontal und vertikal (pro Spalte und Zeile)
- Titel vertikal (pro Zeile)
Tabellen auf Touchscreens
Je nach Bildschirmgrösse wird eine Tabelle unterschiedlich dargestellt. Auf Geräten mit Touchscreen wird bei überbreiten Tabellen automatisch ein «swipe» sichtbar für seitliches Scrollen.
Bearbeitungsfenster
Reiter «Tabelle»
- Der Titel ist die Überschrift der gesamten Tabelle.
- Falls mehrere thematisch zusammengehörende Tabellen nacheinander folgen, können deren Titel ausgeblendet werden.
- Zusammenfassung WAI: Eine kurze inhaltliche Zusammenfassung ist zwingend. Damit können sehbehinderten Menschen entscheiden, ob sie sich eine Tabelle vorlesen lassen wollen oder nicht.
- Der Tabellentitel kann in der Ankernavigation verborgen werden.
Reiter «Tabellendaten»
Daten eingeben
Im Internet-Explorer können Tabellendaten aus Microsoft Excel oder Word direkt in die Komponente kopiert werden. Andernfalls geben Sie die Daten Zelle für Zelle ein.
- In Excel oder Word einen Tabellenbereich markieren und kopieren.
- Wählen Sie im AEM die erste Zelle der Tabelle
- Fügen Sie die Daten ein.
- Schliessen Sie das Fenster mit «OK».
Tabelle bearbeiten
Die verschiedenen Buttons dienen dem Hinzufügen oder Löschen von Zeilen oder Spalten sowie der Textformatierung.
Button Zelleneigenschaften: Sie können die Spaltenbreite beeinflussen, indem Sie in eine Zelle klicken und ihre Eigenschaften bearbeiten. Nun können Sie die Breite der Spalte in Prozent festlegen. Wenn Sie dies nicht für alle Spalten tun, teilen sie die restlichen Spalten übrig bleibende Prozente.
Wählen Sie im Feld «Vertikal» die Option «oben», damit die Zelleninhalte oben ausgerichtet werden.
WAI: Zelleninhalt ausblenden
Eine Tabelle darf aus WAI-Gründen keine leeren Zellen enthalten. Dies gilt insbesondere für Spalten- und Zeilenüberschriften. Einzelne oder alle Wörter einer Zelle können jedoch ausgeblendet werden (siehe Screenshot Reiter 2).
Einzelne Wörter in einer Zelle ausblenden:
- Wort oder Wörter markieren.
- im Stil-Dropdown «nicht sichtbar» auswählen.
Ausgeblendete Wörter wieder einblenden:
- Wort oder Wörter markieren.
- Im Stil-Dropdown Haken entfernen.
Reiter «Tabelleneigenschaften»
- Tabellen-Titel: Geben Sie an, ob die Tabelle Spalten- oder Zeilenüberschriften enthält. Titel werden fett dargestellt.
- Die Titel können ausgeblendet werden.
- Tabellen-Stil: Ist «Flip and Scroll» aktiviert, wird die Tabelle je nach Bildschirmbreite transponiert, d. h. die Spalten werden zu Zeilen.
Reiter «Sprache»
Die Standardsprache der Website ist grundsätzlich Deutsch. Falls dies für Ihre Tabelle nicht zutrifft, wählen Sie hier die entsprechende Sprache.
Vorgaben
- Die Anzahl Spalten und Zeilen kann frei gewählt werden.
- Spalten und Zeilen müssen Überschriften aufweisen, die nicht aus Abkürzungen bestehen, ausser sie wären allgemein bekannt wie etwa PLZ für Postleitzahl.
- Umfassendere Tabellen können anstelle einer Tabellen-Komponente auch als barrierefreies PDF zum Download bereitgestellt werden.
- Eine Tabelle muss Zeilen- und/oder Spaltenüberschriften haben.
- Zellen dürfen nicht leer sein. Einzelne Zellen können bei Bedarf jedoch ausgeblendet werden.
- Ausser sehr einfachen, kleinen Tabellen brauchen alle Tabellen eine Zusammenfassung. Die Zielgruppe entscheidet anhand dieser Zusammenfassung, ob die Tabelle angehört wird oder nicht.
- Tabellen dürfen nicht für Layoutzwecke missbraucht werden.
- Teilen Sie komplexe Tabellen in zwei oder mehr einfachere Tabellen auf.
WAI
Beispiel
Jahr | Datenreihe 1 | Datenreihe 2 | Datenreihe 3 | Datenreihe 4 | Datenreihe 5 |
---|---|---|---|---|---|
2011 | 201 120 | 201 120 | 201 120 | 201 120 | 201 120 |
2012 | 201 220 | 201 220 | 201 220 | 201 220 | 201 220 |
2013 | 201 320 | 201 320 | 201 320 | 201 320 | 201 320 |
2014 | 201 420 | 201 420 | 201 420 | 201 420 | 201 420 |
2015 | 201 520 | 201 520 | 201 520 | 201 520 | 201 520 |