Zum Hauptinhalt springen

Tabellen

Tabellen dienen der übersichtlichen Darstellung von Daten. Bitte beachten Sie, dass komplexe Tabellen ggf. nicht von Menschen mit Sehbehinderungen erfasst werden können, sofern diese auf technische Hilfsgeräte (Screenreader) angewiesen sind. 

Der Webauftritt der Universität Potsdam ist gemäß den Vorgaben der Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Brandenburgischen Behindertengleichstellungsgesetz, der Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (BITV 2.0) und den Empfehlungen des World Wide Web Consortium (W3C) möglichst barrierearm zu gestalten. Auf die Verwendung von Tabellen für die Text- und Bildgestaltung soll daher verzichtet werden.

Tabellen im TYPO3-System anlegen

Wir erläutern Ihnen an dieser Stelle eine beispielhafte Umsetzung mit dem Inhaltselement Text.

Fügen Sie ein neues Inhaltselemt vom Typ Text hinzu
Foto: ZIM

Wählen Sie in der Auswahlliste der Inhaltselemente das Element „Text“.

Fügen Sie ein neues Inhaltselemt vom Typ Text hinzu
Foto: ZIM
Erstellen einer neuen Tabelle über das linke Tabellen-Symbol mit den grünen Plus-Zeichen
Foto: ZIM

Es öffnet sich der Texteditor, der Ihnen Optionen zur Verfügung stellt, mit denen Sie komfortabel Tabellen erzeugen und bearbeiten können.

Erstellen Sie eine neue Tabelle, indem Sie auf das linke Tabellen-Symbol mit dem grünen Plus-Zeichen klicken.

Erstellen einer neuen Tabelle über das linke Tabellen-Symbol mit den grünen Plus-Zeichen
Foto: ZIM
Dialogfenster für Tabellen-Eigenschaften mit Werten befüllen
Foto: ZIM

Es erscheint nun ein Dialogfenster zum Festlegen der Tabellen-Eigenschaften:

  1. Anzahl der Zeilen
  2. Anzahl der Spalten
  3. Position der Kopfzeile (hellblau hinterlegt)
  4. Tabellenüberschrift (dunkelblau hinterlegt)
  5. Inhaltsübersicht (Die „Zusammenfassung“ wird im Quellcode hinterlegt und kann von Suchmaschinen und Screenreadern erfasst und verarbeitet werden. Die Eingaben sind nicht direkt auf der Webseite sichtbar. )
Dialogfenster für Tabellen-Eigenschaften mit Werten befüllen
Foto: ZIM
Im Textfeld wurde nun eine leere Tabelle nach Ihren Vorgaben erzeugt
Foto: ZIM

Innerhalb des Textfeldes wird anschließend eine leere Tabelle nach Ihren Vorgaben erzeugt.

Im Textfeld wurde nun eine leere Tabelle nach Ihren Vorgaben erzeugt
Foto: ZIM
Beginnen Sie nun der Eingabe der Daten
Foto: ZIM

Sie können nun beginnen, die Daten in die Tabelle einzutragen.

Beginnen Sie nun der Eingabe der Daten
Foto: ZIM
Eine spaltenfüllende Tabelle über den Menüpunkt Stile erzeugen
Foto: ZIM

Optional können Sie festlegen, dass sich die Tabelle über die gesamte Breite der Inhaltsspalte erstrecken soll. 

Wählen Sie hierzu den Menüpunkt „Stil“ und klicken Sie auf „Spaltenfüllende Tabelle“.

 

Eine spaltenfüllende Tabelle über den Menüpunkt Stile erzeugen
Foto: ZIM
Texteditor bietet Symbole zur erweiterten Gestaltung der Tabelle
Foto: ZIM

Im oberen Bereich des Texteditors finden Sie weitere Symbole, die Ihnen eine erweiterte Gestaltung der Tabelle ermöglichen.

Beispielsweise das Editieren der Tabellen-Eigenschaften, das Hinzufügen von Zeilen und Spalten oder das Verbinden von Zellen.

Texteditor bietet Symbole zur erweiterten Gestaltung der Tabelle
Foto: ZIM

Darstellungsvarianten

Tabelle mit Kopfzeile erste Zeile
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile erste Zeile, spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  

 

Tabelle mit Kopfzeile erste Spalte
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile erste Spalte, spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile "beide"
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile "beide", spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle ohne Kopfzeile
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle ohne Kopfzeile, spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5