Identyczne podsumowanie i podpis tabeli
Silktide sprawdza tabele, które mają zarówno atrybut summary, jak i podpis, oraz zgłasza te, w których oba zawierają dokładnie ten sam tekst. Każdy z nich ma inne zastosowanie, więc powielanie jednego w drugim jedynie powoduje powtórzenia.
W element <caption> jest widocznym tytułem tabeli,
natomiast atrybut summary jest niewidocznym opisem, którego celem jest
wyjaśnienie struktury tabeli użytkownikom .
<!-- Problem: podsumowanie jedynie powtarza podpis -->
<table summary="Godziny otwarcia">
<caption>Godziny otwarcia</caption>
...
</table>
Dlaczego to ma znaczenie
Czytniki ekranu odczytują zarówno podpis, jak i podsumowanie, gdy słuchacz dociera do tabeli. Gdy są identyczne, ten sam tekst jest odczytywany dwa razy, co zabiera czas słuchacza i sugeruje, że podsumowanie zostało wypełnione tylko po to, aby spełnić wymóg, a nie żeby pomóc. Przydatne podsumowanie dodaje coś, czego nie ma w podpisie: informację o organizacji tabeli lub o tym, jak najlepiej ją odczytać.
Jak to naprawić
- Usuń atrybut
summaryi zachowaj podpis albo - Przepisz podsumowanie tak, aby uzupełniało podpis przez opisanie struktury tabeli:
<!-- Naprawione: podsumowanie dodaje informacje o strukturze -->
<table summary="Dni w pierwszej kolumnie, godziny poranne i popołudniowe w drugiej i trzeciej">
<caption>Godziny otwarcia</caption>
...
</table>
Pamiętaj, że atrybut summary pochodzi z HTML 4 i jest przestarzały we
współczesnym HTML, dlatego jego usunięcie jest często lepszym wyborem na
dłuższą metę. Widoczny akapit przed tabelą może przekazywać to samo wyjaśnienie
wszystkim użytkownikom.
Jak Silktide to testuje
- Znajdź każdą tabelę na każdej stronie.
- Pomiń tabele oznaczone jako prezentacyjne za pomocą
role="presentation". - Pomiń tabele bez atrybutu
summarylub bez elementu<caption>. - Porównaj oba teksty, ignorując wielkość liter i dodatkowe białe znaki, a następnie zgłoś tabelę, jeśli są identyczne.