WCAG 2.1. – kryterium 1.3.6 – Określenie przeznaczenia elementów wejściowych (poziom AAA)

Dziś omawiamy kryterium 1.3.6 WCAG – Określenie przeznaczenia (poziom AAA).

Jaki jest cel i czemu ma służyć?📕

Jest ono niejako dopełnieniem kryterium 1.3.5 – Określenie przeznaczenia elementów wejściowych (AA), które pomóc ma w wypełnianiu danych w formularzach. Kryterium 1.3.6 obejmuje nieco więcej — nie ogranicza się tylko do pól formularzy.

W dużym uproszczeniu polega ono na tym, by tam gdzie jest to możliwe używać semantycznych znaczników HTML. Dzięki temu technologie asystujące będą w stanie rozpoznać dany element/część strony i odpowiednio go przetworzyć.

Łatwiej wytłumaczyć to na przykładzie:
Wyobraźmy sobie, że kupujesz kosmetyk na koreańskiej stronie internetowej i nie znasz języka koreańskiego. Serwis używa specjalnych grafik, aby wskazać, że produkt jest dostępny, ale nie są to powszechnie rozpoznawalne symbole. Jeśli strona zawiera odpowiednie znaczniki semantyczne, Ty jako Użytkownik, możesz dostosować swoje ustawienia przeglądarki, by symbol ten automatycznie został zamieniony na taki, który z łatwością rozpoznajesz – na przykład zielona “fajka”. ✅

Bez prawidłowego znacznika semantycznego Twoja przeglądarka internetowa nie domyśli się i nie zastąpi tych symboli innym zestawem ikon.

Podobna sytuacja może mieć miejsce, gdy Użytkownik ma problem z uważnością i chce przeglądać tylko konkretny region (sekcje strony). Dzięki prawidłowemu zdefiniowaniu punktów orientacyjnych oraz regionów, Użytkownik może niejako pominąć nieinteresujące go części i przejść do tej jednej konkretnej.

Co zatem należy zrobić by spełnić to kryterium?

Tworząc produkt cyfrowy, upewnij się, że grafiki, regiony strony i inne elementy interfejsu użytkownika można zaimplementować za pomocą semantycznych znaczników HTML lub też z wykorzystaniem WAI-ARIA. Oznacza to, że jako twórca serwisu nie możesz polegać wyłącznie na prezentacji wizualnej. Dzięki odpowiedniej implementacji, przeglądarka Użytkownika (czy inne urządzenie będące odbiorcą danego produktu) jest w stanie prawidłowo przetworzyć te elementy. Pozwoli to Użytkownikowi końcowemu zmodyfikować ustawienia sprzętu zgodnie z jego potrzebami, a tym samym spowoduje, że treść strony będzie dla niego bardziej dostrzegalna i zrozumiała (ang. perceivable and understandable) – spełniając jednocześnie naczelne zasady WCAG. 😉

Link do kryterium 1.3.6 WCAG – https://lnkd.in/dWEgT87p