Wymagania dostępności
-
2.4.6 Nagłówki i etykiety - poziom AA: Nagłówki i etykiety opisują temat lub cel treści.
-
1.3.1 Informacje i relacje - poziom A: Informacje, struktura oraz relacje pomiędzy treściami przedstawiane w treści mogą być odczytane przez program komputerowy lub są dostępne w postaci tekstu.
Uzasadnienie metody badania
- Widoczne nagłówki muszą być możliwe do odczytania przez program komputerowy, reprezentować strukturę treści i opisywać treści następujące po nagłówkach.
- Widoczne listy wizualne muszą być możliwe do odczytania przez program komputerowy, zgodnie z ich typami (uporządkowane, nieuporządkowane, listy definicji).
Ograniczenia, założenia lub wyjątki
- Strona, na której znajduje się tylko jeden nagłówek, nie posiada struktury na poziomie nagłówków i nie może być testowana pod kątem struktury nagłówków.
- Strony mogą mieć więcej niż jeden nagłówek poziomu 1 lub mogą nie posiadać nagłówka poziomu 1.
- Nagłówek poziomu 1 nie musi być ściśle taki sam jak tytuł strony.
- Kolejność poziomów nagłówków nie zawsze może być zgodna z porządkiem liczenia, a mimo to będzie prawidłowa ponieważ odnosi się do struktury wizualnej/ważkości podanej za pomocą widocznych nagłówków na stronie. Na przykład nagłówek <h2> może być zastosowany dla oznaczenia struktury nawigacyjnej poprzedzającej tytuł <h1> rozpoczynający główną zawartość na stronie. Podobnie po <h1> może następować <h3> bez <h2> między nimi.
- Nie wszystkie listy wymagają znaczników. Na przykład zdania zawierające wykazy rozdzielone przecinkami mogą nie potrzebować znaczników list (H48: Używanie ol, ul i dl dla list lub grup łączy).
Procedura testu dla KS 2.4.6 Nagłówki i etykiety
Identyfikacja treści
Widoczne nagłówki, które oznaczają sekcje treści. Nagłówki mają często większą, pogrubioną czcionkę, są oddzielone od akapitów dodatkowymi odstępami (choć nie zawsze). Zwróć uwagę na hierarchię i strukturę każdego nagłówka w odniesieniu do innych nagłówków na stronie.
Instrukcja testowania
- Sprawdź, czy każdy nagłówek opisuje temat lub cel następującej po nim treści.
Wynik testów
Jeżeli powyższa próba zakończy się niepowodzeniem, wówczas test KS 2.4.6 oraz wymaganie podstawowe nr 13 kończy się niepowodzeniem.
Procedura testu dla KS 1.3.1 Informacje i relacje
Teksty wyglądające jak nagłówki
Identyfikacja treści
Widoczne nagłówki, które oznaczają sekcje treści. Nagłówki mają często większą, pogrubioną czcionkę, są oddzielone od akapitów dodatkowymi odstępami (choć nie zawsze). Zwróć uwagę na hierarchię i strukturę każdego nagłówka w odniesieniu do innych nagłówków na stronie.
Instrukcja testowania
- Sprawdź, czy wszystkie wizualne nagłówki są możliwe do odczytania przez program komputerowy i czy programowe poziomy nagłówków logicznie pasują do wizualnej prezentacji nagłówka w strukturze nagłówka:
- Ważniejsze nagłówki powinny mieć najwyższy poziom. Na przykład, <h1> jest poziomem wyższym niż <h2>, który jest wyższy niż <h3>.
- Nagłówki z jednakowym lub wyższym poziomem rozpoczynają nowe sekcję; nagłówki z niższym poziomem rozpoczynają nowe podsekcje, które są częścią sekcji o wyższym poziomie.
- HTML lub ARIA programowo identyfikują każdy nagłówek. Gdy używane są oba sposoby znakowania, poziomy nagłówków muszą się zgadzać.
Wynik testów
Jeżeli powyższa próba zakończy się niepowodzeniem, wówczas test KS 1.3.1 oraz wymaganie podstawowe nr 13 kończy się niepowodzeniem.
Nagłówki określone programowo
Identyfikacja treści
Nagłówki możliwe do odczytania przez program komputerowy: od <h1> do <h6> lub za pomocą atrybutu ARIA role=”heading”.
Instrukcja testowania
- Sprawdź, czy każdy nagłówek zdefiniowany programowo służy również jako rzeczywisty nagłówek na stronie. Treść, która nie jest rzeczywistym nagłówkiem, nie powinna być oznakowana jako nagłówek (na przykład znacznika nagłówka nie należy używać do podkreślania elementu, który nie jest tytułem dla następującej po nim treści).
Wynik testów
Jeżeli powyższa próba zakończy się niepowodzeniem, wówczas test KS 1.3.1 oraz wymaganie podstawowe nr 13 kończy się niepowodzeniem.
Wykazy wyglądające jak listy
Ten warunek testu NIE MA ZASTOSOWANIA, jeśli nie ma żadnych widocznych list.
Identyfikacja treści
Widoczne wizualnie listy. Dla każdej listy określ, czy wygląda na uporządkowaną, nieuporządkowaną czy listę asocjacji.
- Listy uporządkowane numeruje się sekwencyjnie, a jeśli to konieczne, także hierarchicznie (np. 1, 2, 2a, 2ai, itd.). List uporządkowanych używa się tam, gdzie ważna jest kolejność albo konieczne jest odwoływanie się do konkretnych pozycji na liście według liczby/litery.
- Listy nieuporządkowane nie są numerowane. List nieuporządkowanych używa się w przypadkach, gdy kolejność elementów nie jest istotna, ani nie ma konieczności odwoływania się do konkretnych pozycji na liście według liczby/litery..
- List opisów (asocjacji, dawniej definicji) (dl) używa się do grupowania dowolnych danych w zestawy nazwa-wartość. Rolę grupy nazwa-wartość mogą spełniać terminy i ich definicje, elementy metadanych i ich wartości oraz dowolne inne grupy danych, na przykład autorzy i tytuły ich książek.
Uwaga: Programiści mogą używać elementów listy do prezentacji pogrupowanych elementów, takich jak menu i podmenu, usuwając z nich punktowanie lub numerację. Takie użycie elementów listy jest dopuszczalne i zgodne z warunkami testu określonymi poniżej.
Instrukcja testowania
- Dla każdej widocznej listy:
- Sprawdź, czy treści, które mają wygląd listy (z punktorami lub bez), a nie zawierają elementów w uporządkowanej kolejności, zostały oznaczone jako listy nieuporządkowane.
- Sprawdź, czy treści, które mają wygląd listy, zostały oznaczone jako listy uporządkowane.
- Sprawdź, czy treści, które prezentują grupy elementów powiązanych na zasadzie nazwa-wartość sa oznakowane jako listy opisów.
Wynik testów
Jeżeli powyższa próba zakończy się niepowodzeniem, wówczas test KS 1.3.1 oraz wymaganie podstawowe nr 13 kończy się niepowodzeniem.
Wskazówki dotyczące usprawniania procesu testowego
Techniki WCAG 2.1
Opracowując tę procedurę testową, wzięto pod uwagę następujące wystarczające techniki i typowe defekty:
- ARIA12: Używanie atrybutu role=heading oraz aria-level=”#“do identyfikacji nagłówków
- H42: Użycie znaczników h1-h6 do identyfikacji nagłówków
- G130: Zapewnienie opisowych nagłówków
- G115: Używanie znaczników semantycznych do oznaczania struktury ORAZ H49: Używanie semantycznych znaczników do oznaczenia tekstu wyróżnionego lub specjalnego
- G117: Używanie tekstu do przekazywania informacji przekazywanych przez zmiany w sposobie prezentacji tekstu
- H48: Używanie ol, ul i dl dla list lub grup łączy