th, scope i element caption

Rzeczywista tabela danych pokazuje zależności między wierszami i kolumnami. Dobre oznaczenie tabeli pozwala czytnikom ekranu ogłaszać, do którego nagłówka należy każda wartość.

Jeśli każda komórka jest tylko elementem td, czytnik ekranu odczytuje liczby bez kontekstu. Użytkownik słyszy wartości, ale nie dowiaduje się, co oznaczają.

Zamień komórki nagłówkowe z td na th. Przeglądarka wie wtedy, że te komórki opisują dane, a nie je zawierają, i udostępnia je jako nagłówki.

Element th jest ogłaszany jako nagłówek i może zostać powiązany z opisywanymi przez siebie komórkami. To właśnie to powiązanie nadaje znaczenie samotnym liczbom.

Dodaj scope do każdego th, aby określić, które komórki obejmuje. Wartość col oznacza nagłówek kolumny, a row — nagłówek wiersza.

Użyj scope=col w nagłówku znajdującym się u góry kolumny. Każda komórka poniżej dziedziczy tę etykietę, gdy użytkownik porusza się w dół.

Użyj scope=row w pierwszej komórce wiersza, gdy nazywa ona ten wiersz, na przykład nazwiskiem osoby lub datą umieszczoną przy lewej krawędzi.

Element caption nadaje całej tabeli tytuł. Użytkownicy czytników ekranu słyszą go jako pierwszy, dzięki czemu wiedzą, co za chwilę będą przeglądać.

Umieść caption jako pierwsze dziecko wewnątrz tabeli, bezpośrednio po tagu otwierającym. Każda inna pozycja jest nieprawidłowa i może zostać zignorowana.

Samo znajdujące się w pobliżu h2 nie wystarczy. caption jest programowo powiązany z tabelą, więc użytkownicy znajdą jej tytuł nawet podczas przechodzenia od jednej tabeli do drugiej.

caption, wiersz nagłówkowy z th i scope, a następnie wiersze danych. Ta podstawa sprawia, że większość prostych tabel jest w pełni dostępna bez użycia ARIA.

Oznaczasz nagłówek kolumny znajdujący się u góry tabeli.

Poznałeś trzy elementy dostępnych tabel: th dla nagłówków, scope do określania ich zakresu oraz caption do nadawania tabeli nazwy. To większość pracy.