- Poziom
- AA
- Od wersji
- WCAG 2.0
3.2.4 Spójna identyfikacja
Komponenty, które w całym serwisie robią to samo, na przykład przycisk wyszukiwania albo link do pobrania, muszą być za każdym razem nazwane i oznaczone tak samo.
/ Czego wymaga
Gdy komponent wykonuje to samo zadanie na kilku stronach, ludzie powinni za każdym razem rozpoznać w nim tę samą rzecz. Przycisk wyszukiwania podpisany na jednej stronie „Szukaj”, a na następnej „Znajdź”, albo ikona drukowania narysowana w dwóch miejscach inaczej, każą się zastanawiać, czy robią one co innego. Użytkownicy czytników ekranu rozpoznają kontrolki po nazwie, którą słyszą, a osoby z niepełnosprawnością poznawczą polegają na znanej etykiecie lub ikonie, zamiast od nowa rozpracowywać kontrolkę na każdej stronie. Spójna identyfikacja pozwala przenieść to, czego nauczyły się na jednej stronie, na następną.
Ta sama funkcja oznacza ten sam rezultat po użyciu. Kryterium obejmuje komponenty funkcyjne, które powtarzają się w zestawie stron: na różnych stronach, kilka razy na jednej stronie albo w obu sytuacjach. Identyfikacją może być widoczna etykieta, nazwa dostępna, tekst alternatywny albo ikona. Nie musi być identyczna: W3C akceptuje sformułowania dopasowane do kontekstu, o ile funkcję nadal da się rozpoznać, na przykład link „Strona 4”, który oglądany ze strony 5 brzmi „Poprzednia strona”. Komponenty, które robią co innego, są poza kryterium nawet wtedy, gdy wyglądają podobnie, podobnie jak treści, które nie pełnią funkcji.
/ Jak strony go nie spełniają
- Przycisk wyszukiwania ma w nagłówku większości stron etykietę „Szukaj”, a na stronie wyników „OK”.
- Ikona pobierania ma na jednej stronie tekst alternatywny „Pobierz”, a na innej „PDF”, choć wykonuje tę samą czynność.
- Link do koszyka to na stronach produktów ikona koszyka na zakupy, a w kasie ikona wózka.
- Dwa przyciski, które wysyłają ten sam formularz newslettera, mają nazwy dostępne „Zapisz się” i „Wyślij”, bo atrybut aria-label napisano osobno w każdym szablonie.
- Przycisk zamykania okien dialogowych nazywa się w jednych z nich „Zamknij”, a w innych „Odrzuć” albo samo „x”, w obrębie tego samego serwisu.
/ Jak sprawdzić samodzielnie
- Spisz komponenty, które powtarzają się w serwisie: wyszukiwarkę, logowanie, koszyk, przełącznik języka, drukowanie, udostępnianie, pobieranie, przyciski zamykania i paginację.
- Odwiedź kilka stron z każdym z nich i zanotuj widoczną etykietę, ikonę i tekst alternatywny.
- Odczytaj nazwę dostępną każdego z nich w narzędziach deweloperskich: w panelu Accessibility zakładki Elements w Chrome lub Edge albo w Inspektorze dostępności w Firefoksie.
- Porównaj strony między sobą. Ta sama funkcja powinna mieć tę samą etykietę lub ikonę i tę samą nazwę albo wariant, który odzwierciedla tylko kontekst, jak „Następna” i „Poprzednia” w paginacji.
- Odsłuchaj powtarzane kontrolki czytnikiem ekranu, na przykład NVDA, żeby usłyszeć nazwy tak, jak słyszy je osoba niewidoma.
/ Jak to naprawić
- Buduj powtarzane kontrolki z jednego komponentu, z etykietą pobieraną z jednego tekstu, a nie przepisywaną w każdym szablonie.
- Trzymaj etykiety, wartości aria-label i teksty alternatywne wspólnych ikon w jednym pliku tekstów albo tłumaczeń, z kluczem według funkcji.
- Używaj w całym serwisie jednego zestawu ikon i jednej ikony dla każdej funkcji.
- Tam, gdzie potrzebny jest aria-label, dopasuj go do widocznej etykiety, żeby nazwa słyszana i nazwa widziana były zgodne.
- Ustal krótką listę nazw typowych czynności, takich jak „Szukaj”, „Zaloguj się”, „Koszyk”, „Zamknij” i „Pobierz”, i sprawdzaj z nią każdy nowy szablon.
/ Co sprawdza nasz skaner
Nasz skan nie ma automatycznego testu tego kryterium. Oblicza nazwę dostępną każdej kontrolki na stronie i zgłasza kontrolki bez nazwy przy kryterium 4.1.2, ale nigdy nie zestawia nazwy kontrolki na jednej stronie z jej odpowiednikiem na innej i nie potrafi ocenić, które komponenty mają wspólną funkcję. HTML_CodeSniffer wystawia tu tylko przypomnienie, które nasz proces odrzuca. Czy etykiety są spójne w całym serwisie, ocenia człowiek w audycie ręcznym.
/ Kto je łamie, według naszych pomiarów
Cotygodniowy indeks nie ma danych dla tego kryterium, bo żaden test uruchamiany przez skan witryny go nie sprawdza. Ocenia je człowiek i do tego służy audyt ręczny.
Jedna strona na podmiot, mierzona automatycznie w tygodniowym cyklu. Jeśli podmiot coś naprawił od ostatniego pomiaru, zmiana będzie widoczna przy następnym, a każdy podmiot może odpowiedzieć na swojej stronie.
/ Pytania o to kryterium
Czy powtarzane przyciski muszą mieć identyczne etykiety?
Nie zawsze. W3C wymaga, żeby użytkownik rozpoznał tę samą funkcję, i akceptuje etykiety dopasowane do kontekstu, na przykład „Poprzednia strona” zamiast „Strona 4”. Ta sama etykieta dla tej samej funkcji to nadal najbezpieczniejszy wybór. Typowym naruszeniem są różne słowa dla tej samej czynności, jak „Szukaj” na jednej stronie i „Znajdź” na innej.
Czy 3.2.4 dotyczy ikon i tekstu alternatywnego?
Tak. Identyfikacją może być widoczna etykieta, nazwa dostępna, tekst alternatywny albo ikona. Powtarzana ikona, która wykonuje to samo zadanie, powinna za każdym razem wyglądać tak samo i mieć ten sam tekst alternatywny lub tę samą nazwę dostępną. Ikona zamieniona na inną albo tekst alternatywny zmieniający się od strony do strony psują rozpoznawalność, którą chroni kryterium.
Jaki poziom ma 3.2.4 i czy obejmuje pojedynczą stronę?
Poziom AA, w WCAG od wersji 2.0. Kryterium obowiązuje w zestawie stron, a W3C zaznacza, że powtarzane komponenty mogą pojawiać się na różnych stronach, kilka razy na tej samej stronie albo w obu sytuacjach. Dwa przyciski na jednej stronie, które zamykają ten sam rodzaj okna dialogowego i mają różne nazwy, mieszczą się w zakresie.