Złożone tabele: parowanie headers i id

Niektóre tabele obejmują scalone komórki albo mają wiele poziomów nagłówków. Prosty scope nie potrafi opisać komórki zależnej jednocześnie od dwóch lub trzech nagłówków.

Nagłówek używający colspan do objęcia kilku kolumn zaburza prosty model. Przeglądarka nie potrafi już odgadnąć, które komórki do niego należą.

W złożonych tabelach nadaj każdemu th własne id, a w każdym td wskaż jego nagłówki za pomocą id. W ten sposób komórki są jawnie łączone z nagłówkami, bez zgadywania.

Komórka danych może wskazywać kilka nagłówków w swoim atrybucie headers, oddzielając je spacjami. Czytnik ogłosi je wszystkie w podanej kolejności.

Nadaj nagłówkowi wiersza i nagłówkowi kolumny osobne id, a następnie odwołaj się do obu z poziomu komórki. Teraz wartość jest w pełni opisana w obu osiach.

W przypadku zgrupowanych nagłówków scope może przyjmować wartość colgroup lub rowgroup. Używaj ich, gdy jeden nagłówek obejmuje pas kolumn lub wierszy znajdujących się nad szczegółowymi nagłówkami.

Nagłówek roku znajdujący się nad nagłówkami miesięcy wymaga opisania obu poziomów. Dzięki id i headers każda komórka może wskazywać jednocześnie rok i miesiąc.

Każde id na stronie musi być unikatowe. Zduplikowane identyfikatory nagłówków po cichu zrywają powiązanie, dlatego szybkie sprawdzenie walidatorem pozwala później uniknąć poważnych problemów.

Wymieniaj identyfikatory w kolejności, w której chcesz, aby zostały odczytane — zwykle zaczynając od najszerszego nagłówka. Czytnik ekranu dokładnie zachowuje tę kolejność podczas ogłaszania.

Zanim sięgniesz po id i headers, zastanów się, czy nie możesz podzielić jednej ogromnej tabeli na kilka mniejszych i prostych. Prostsza struktura jest niemal zawsze bardziej dostępna.

Technika id i headers jest potężna, ale łatwo popełnić w niej literówkę. Zawsze sprawdzaj na prawdziwym czytniku ekranu, a nie tylko wzrokowo, czy kilka komórek jest odczytywanych poprawnie.

Komórka danych jest określana zarówno przez nagłówek wiersza, jak i nagłówek kolumny obejmujący wiele kolumn.

Gdy zakresy lub wielopoziomowe nagłówki uniemożliwiają użycie scope, nadaj nagłówkom id i odwołuj się do nich z każdej komórki za pomocą headers. Identyfikatory muszą być unikatowe, a ich działanie należy zweryfikować, słuchając odczytu.