ARIA table · Strukturentscheid

aria table: Wann ist es Tabelle, wann Grid?

Stellen Sie Datenmodell und Verhalten ein. Das Labor prüft Rollenfolge, virtuelle Indizes, Sortierzustand und Tastaturmodell.

01 / Live-Rangierbahnhof

Datenmodell einstellen, die Struktur entscheiden.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört der Rangierbahnhof Ihnen.

Rollen-Rangierbahnhof

5/5 korrekt

Accessibility Tree

Muster passt zum Suchjob

Native Elemente liefern robuste Tabellenbeziehungen.

Rollenfolge vollständig

table, tr, th und td liefern implizite Rollen.

Alle Zeilen im DOM

Zusätzliche ARIA-Indizes sind nicht nötig.

Sortierung benannt

Genau der aktive Spaltenkopf trägt aria-sort.

Keine Zellnavigation versprochen

Links und Schalter in Zellen bleiben normal fokussierbar.

Erzeugtes Muster

<table>
  <caption>Prüfstatus</caption>
  <tr><th scope="col" aria-sort="ascending">Fehler</th></tr>
  <tr><td>4</td></tr>
</table>

02 / Der Unterschied

Grid ist ein Versprechen
Wer role="grid" setzt, schuldet Tastaturnavigation für jede Zelle. Fehlende row-Zwischenebenen brechen die Tabellenbeziehung, ohne dass es visuell auffällt.
Struktur im Seitenkontext
Der Website-Check findet Tabellen ohne erkennbare Kopfzeilen, unvollständige Rollenfolgen und weitere automatisch erkennbare Strukturfehler auf Ihren Seiten.
Fundstellen mit Richtung
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation.

03 / Auf Ihrer Website

Das Labor klärt das Muster. Der Website-Check prüft Tabellenrollen und -struktur im Seitenkontext Ihrer Seiten.