molily: Tabellen

Beitrag lesen

Hallo,

Hab halt immer von unserem Prof der Satz im Kopf, lasst die Tabellen weg wenn ihr eine Seite macht, egal privat oder Geschäftlich, ihr fallt auf die Schnauze.

Anscheinend hat er nicht den fundamentalen Unterschied zwischen Layouttabellen und echten Datentabellen verstanden.

Tabellen sind auch schlecht, wenn es um Barrierefreiheit geht.

Das Gegenteil ist der Fall.

Datentabellen sind, wenn sie korrekt ausgezeichnet sind, eine Wohltat für assistive Techniken wie Screenreader. Sie machen komplexe tabellarische Inhalte auf eine komfortable Weise zugänglich, wie es keine andere Art der Textauszeichnung erlaubt. Das sollte jeder einmal mit JAWS, Window-Eyes, NVDA oder VoiceOver ausprobieren, um den Unterschied zu sehen/hören. Das Beispiel mit dl ist wahrscheinlich verwirrend für Screenreader-Nutzer, weil der Kontext zu einer Informationseinheit fehlt. In einer Tabelle wird der Kontext durch die Zugehörigkeit zu Reihe und Spalte sowie durch die Reihen- und Spaltenheader bereitgestellt.

Die maßgeblichen Standard und Best Practices sind hier:

Der wichtigste Accessibility-Standard im Web: Web Content Accessibility Guidelines 2.0. Dieser ist sehr abstrakt und formuliert Grundziele.

Dazu gibt es die konkreten WCAG Techniques, die die Anwendung in HTML und CSS erläutern. Folgende Richtlinien betreffen barrierefreie Tabellen:

Einschlägige Sekundärquellen:

Mittlerweile sind assistive Techniken sehr gut darin, reine Layouttabellen von Datentabellen zu unterscheiden. Wenn eine Website sich an die genannten Richtlinien hält, die schon seit der WCAG 1.0 von 1999 existieren, sind Datentabellen äußerst hilfreich im Vergleich zu lose strukturierten Auflistungen.

Grüße
Mathias

0 67

Tabellen erlaubt in RWD?

Yael
  • html
  1. 0
    Der Martin
    1. 0
      Yael
      1. 0
        Der Martin
        1. 0
          Yael
    2. 1
      Gunnar Bittersmann
      1. 0
        Matthias Apsel
  2. 0
    MrMurphy
    1. 2
      Der Martin
    2. 1
      tk
    3. 0
      Yael
      1. 1
        Gunnar Bittersmann
      2. 0

        Beispiel

        MrMurphy
        1. 0
          M.
        2. 0
          Yael
          1. 0
            MrMurphy
            1. 0
              Yael
              1. 0

                Beispiel ohne pdf-Symbol

                MrMurphy
                1. 1
                  Gunnar Bittersmann
                2. 0
                  Yael
                  1. 0
                    M.
                  2. 0

                    Firefox-Bug

                    MrMurphy
                    1. 0

                      Firefox-Bug und Klassen (class)

                      Bug beseitigt
                      1. 2
                        Gunnar Bittersmann
                3. 1
                  M.
                  1. 0
                    Der Martin
                    1. 0
                      M.
            2. 1
              Linksetzerlily
              1. 0

                Was ist an den Links konkret?

                MrMurphy
                1. 1
                  M.
                2. 1
                  molily
                3. 1
                  Matthias Apsel
          2. 3
            Gunnar Bittersmann
            1. 0
              M.
              1. 0
                Yael
                1. 2
                  Gunnar Bittersmann
                2. 2
                  M.
                3. 4

                  Tabellen

                  molily
                  • barrierefreiheit
        3. 2
          Gunnar Bittersmann
    4. 0
      Mitleser
    5. 0
      molily
    6. 1
      Klawischnigg
      1. 0
        molily
    7. 0
      M.
      1. 0
        Matthias Apsel
        1. 0
          M.
  3. 0
    Gunnar Bittersmann
    1. 0
      Yael
      1. 0
        Gunnar Bittersmann
  4. 0
    molily
  5. 0
    Encoder
  6. 0
    M.
    1. 0
      Der Martin
  7. 0
    Martin_Online
  8. 0

    Ist dieses HTML richtig für eine Tabelle?

    Yael
    1. 0
      Gunnar Bittersmann
      1. 0
        Yael
        1. 0
          Gunnar Bittersmann
        2. 0
          Der Martin
      2. 0
        Tom
        1. 0
          Matthias Apsel
          1. 0
            Tom
            1. 0
              Der Martin
        2. 0
          Gunnar Bittersmann
          1. 0

            TM (TM allein war zu kurz)

            Matthias Apsel
            • menschelei
    2. 0
      molily
      1. 1
        Matthias Apsel