Auf einem großen Bildschirm passen drei Angebote bequem nebeneinander. Auf dem Smartphone wird dieselbe Tabelle manchmal zu winzigen Zahlen oder einem langen Streifen, dessen Spaltenüberschriften nicht mehr sichtbar sind. Es geht nicht nur um Breite: Leser müssen sich merken, was sie vergleichen. Fragen Sie zuerst, welchen Unterschied sie erkennen möchten, statt die Schrift zu verkleinern.
Zuerst die Aufgabe klären
Stellen wir uns den Vergleich dreier Weiterbildungen vor. Unterrichtsformat, Dauer und erforderliche Vorkenntnisse können die entscheidenden Merkmale sein. Werbliche Beschreibungen gehören besser außerhalb der Tabelle. Enthält eine Zelle Bedingungen, Ausnahmen und die Biografie einer Lehrkraft, ist sie kein kompakter Vergleichspunkt mehr. Trennen Sie Fakten und Erläuterungen, ohne Einschränkungen zu verstecken, die das Angebot wesentlich verändern.
Beschriftungen und Werte verbinden
W3C empfiehlt, Tabellenüberschriften und Datenzellen mit den passenden HTML-Elementen auszuzeichnen. Für komplexere Beziehungen können zusätzliche Attribute nötig sein. Eine fett gedruckte erste Zeile allein vermittelt assistiven Technologien diese Struktur nicht. Geben Sie der Tabelle einen klaren Titel, nennen Sie Einheiten und kennzeichnen Sie unbekannte Werte einheitlich. Eine leere Zelle sollte nicht stillschweigend „kostenlos“ oder „nicht enthalten“ bedeuten.
Zwischen Scrollen und Karten entscheiden
Soll ein Merkmal über mehrere Angebote hinweg verglichen werden, kann eine horizontal scrollbar bleibende Tabelle geeigneter sein als eine lange Kartenfolge. Machen Sie den scrollbaren Bereich erkennbar und prüfen Sie die Bedienung ohne Touch-Geste. Werden Angebote meist einzeln gelesen, können Karten übersichtlicher sein. Wiederholen Sie auf jeder Karte die Merkmalsnamen, nicht nur die Werte. Das ist eine redaktionelle Entscheidung und keine allgemeine Regel für jede Tabelle.
Nicht die ganze Seite zur Tabelle machen
Die W3C-Erläuterung zum Kriterium Reflow sieht eine Ausnahme für Inhalte vor, deren Verständnis eine zweidimensionale Anordnung erfordert. Daraus folgt keine Erlaubnis, die gesamte Seite seitlich scrollen zu lassen. Einleitung, Schaltflächen und nachfolgende Abschnitte sollten auf schmalen Bildschirmen gut nutzbar bleiben. Auch innerhalb einer Tabelle sind Zeilenumbrüche bei längeren Erklärungen besser als kaum lesbare Schrift.
Die Entscheidung prüfen, nicht nur das Bild
Suchen Sie auf einem schmalen Bildschirm einen konkreten Unterschied zwischen zwei Optionen. Erhöhen Sie anschließend den Zoom, bedienen Sie verfügbare Elemente mit der Tastatur und prüfen Sie die Ausgabe der Überschriften mit assistiver Technologie. Ist nach dem Scrollen noch klar, zu welcher Option eine Zahl gehört? Stimmen die Fakten auf Desktop und Smartphone überein? Müssen mehrere Bildschirmansichten im Gedächtnis bleiben, vereinfachen Sie die Struktur. Ein guter Vergleich spart Mühe, nicht nur Platz.