Prostą tabelę danych z pojedynczym rzędem nagłówków kolumn na górze można stosunkowo łatwo udostępnić. Prawdziwy problem zaczyna się w przypadku skomplikowanych tabel — zawierających nagłówki zarówno w kolumnach, jak i w wierszach, w przypadku scalonych komórek lub wierszy podsumowań. W tym artykule wyjaśniono, jak otagować nagłówki tabeli, aby czytnik ekranu „zrozumiał” dla każdej komórki, które nagłówki się do niej odnoszą, bez utraty kontekstu.
W skrócie — co obejmuje ten przewodnik
Dlaczego TH różni się od TD
W tabeli HTML lub oznakowanym pliku PDF każda komórka ma jeden z dwóch typów ról: TH (nagłówek tabeli) lub TD (dane tabeli — zwykła komórka danych). Różnica nie musi być koniecznie wizualna — komórka nagłówka i komórka z danymi mogą wyglądać identycznie — jest semantyczna: TH informuje czytnik ekranowy, że „to jest nagłówek wyjaśniający, co oznaczają dane znajdujące się pod nim lub obok niego”. Bez prawidłowego tagowania czytnik ekranu porusza się po tabeli wiersz po wierszu, tak jakby każda komórka była równa, i łatwo całkowicie stracić kontrolę nad tym, które dane należą do jakiej kategorii.
Kiedy zakres jest wystarczający i kiedy potrzebujesz więcej
W przypadku większości tabel dodajesz azakresatrybut dla każdej komórki TH, aby wskazać, czy jest to nagłówek kolumny (scope="col") lub nagłówek wiersza (scope="row"). Gdy czytnik ekranu dotrze do komórki danych, automatycznie ogłasza zarówno odpowiedni nagłówek kolumny, jak i nagłówek wiersza, dzięki czemu użytkownik słyszy na przykład „1200 — Sprzedaż, pierwszy kwartał” zamiast pojedynczego „1200”.
W przypadku szczególnie złożonych tabel, zawierających więcej niż dwa poziomy nagłówków (na przykład supernagłówek grupujący kilka podkolumn), sam zakres nie zawsze jest wystarczający. W takich przypadkach użyj pary atrybutów id i nagłówków: nadaj każdej komórce nagłówka unikalny identyfikator, a na każdej liście komórek danych w atrybucie nagłówków wszystkie odpowiednie identyfikatory nagłówka. Ta metoda jest bardziej elastyczna, ale także bardziej złożona i podatna na błędy — zarezerwuj ją dla przypadków, które naprawdę jej potrzebują.
scope="col"i nagłówki wierszy („Q1”, „Q2”, „Q3”) zscope="row"— zatem każda komórka danych jest połączona z dwoma odpowiednimi dla niej nagłówkami.Wiersze podsumowania i wiele nagłówków
Wiersz podsumowania na dole tabeli („Suma”, „Średnia”) sam w sobie jest rodzajem nagłówka — zwykle właściwe jest oznaczenie samej komórki sumy jako TH za pomocą zakresu="wiersz", aby czytnik ekranu odróżniał ją od zwykłego wiersza danych. Podobnie tabela z supernagłówkiem grupującym kilka kolumn (na przykład „Sprzedaż w 2026 r.” obejmująca „I kwartał”, „2 kwartał”) wymaga prawidłowego użyciacolspanatrybut wraz z zakresem, więc hierarchiczne grupowanie zostaje zachowane również podczas czytania na głos.
💡 Praktyczna wskazówka
Jeśli tabela wydaje się zbyt skomplikowana, aby poprawnie ją oznaczyć (więcej niż dwa poziomy nagłówków, wielokrotne łączenia), czasami najprostszym i najbardziej dostępnym rozwiązaniem jest podzielenie jej na kilka prostszych tabel lub dodanie obok niej podsumowania w postaci zwykłego tekstu.
Jak to wygląda w praktyce w programach Word i PDF
W programie Word użycie standardowego narzędzia „Wstaw ▸ tabelę” i zaznaczenie opcji „Wiersz nagłówka” w projekcie tabeli tworzy poprawną podstawę, która w większości przypadków jest automatycznie eksportowana do pliku PDF jako TH. W programie Acrobat, po eksporcie z Worda i sprawdzeniu dostępności, warto otworzyć drzewo znaczników i upewnić się, że komórki nagłówka rzeczywiście zostały oznaczone jako TH, a nie jako zwykły TD — jest to częsty błąd eksportu, który łatwo przeoczyć.
Czy w dokumentach znajdują się tabele danych, które nigdy nie były testowane?
Nasze narzędzie identyfikuje tabele z brakującymi lub nieprawidłowymi nagłówkami w każdym pliku PDF w Twojej witrynie.
Przeskanuj swoją witrynę za darmo ←