1.3.6 Określenie przeznaczenia - poziom AAA

To kryterium mówi, że w treściach zaimplementowanych przy użyciu języków znaczników przeznaczenie komponentów interfejsu użytkownika, ikon i obszarów kluczowych może zostać określone programowo.

Spokojnie zaraz wytłumaczymy po ludzku ;)

O co tu chodzi?

Czasem sama nazwa elementu nie wystarcza, żeby ktoś zrozumiał, do czego on służy. Wtedy pomaga informacja „w kodzie”, dzięki której przeglądarka albo narzędzia wspomagające mogą podpowiedzieć użytkownikowi sens elementu albo nawet podmienić oznaczenia na bardziej zrozumiałe (np. własne symbole).

Co to znaczy w praktyce na stronie?

Najczęściej dotyczy to trzech rzeczy:

Obszary kluczowe

Pierwsza to obszary kluczowe, czyli takie części strony, które użytkownik powinien móc łatwo rozpoznać: nawigacja, treść główna, wyszukiwarka, stopka. W dokumentacji WCAG znajdziesz przykład użycia ARIA landmarks, żeby te obszary były rozpoznawalne i można było je np. ukryć albo wyróżnić.

Komponenty interfejsu użytkownika

Druga to komponenty interfejsu użytkownika: przyciski, linki, pola formularzy – tu chodzi nie tylko o to, żeby było wiadomo co to jest (to wynika z roli), ale też co ten element reprezentuje (np. że link prowadzi do strony głównej).

Ikony

Trzecia to ikony. Ikona sama w sobie bywa niejednoznaczna, więc jej przeznaczenie powinno dać się ustalić programowo – tak, żeby narzędzia mogły ją w razie potrzeby opisać albo zastąpić zestawem symboli znanych użytkownikowi.

Jak tego nie zepsuć - w języku redaktora, nie developera :)

Jeśli na stronie masz ikony bez tekstu (np. domek, lupa, koszyk) albo układ oparty o powtarzalne sekcje (menu, treść, stopka), to nie traktuj tego jako samej grafiki i samego układu. Zadbaj, żeby:

• elementy miały jasne przeznaczenie także „od środka” (nie tylko wizualnie),
• obszary strony dało się rozpoznać, np. nawigacja vs treść główna,
• ikony nie były jedynym nośnikiem sensu, tylko miały np. podpis

Pełny tekst kryterium 1.3.6 Określenie przeznaczenia

W treściach zaimplementowanych przy użyciu języków znaczników przeznaczenie komponentów interfejsu użytkownika, ikon i obszarów kluczowych może zostać określone programowo.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#okreslenie-przeznaczenia

Chcesz wiedzieć więcej?

• 1.1.1 Treść nietekstowa - poziom A
• 1.2.1 Tylko audio lub tylko wideo (nagranie) - poziom A
• 1.2.2 Napisy rozszerzone (nagranie) - poziom A
• 1.2.3 Audiodeskrypcja lub alternatywa tekstowa dla mediów (nagranie) - Poziom A
• 1.2.4 Napisy rozszerzone (na żywo) - poziom AA
• 1.2.5 Audiodeskrypcja (nagranie) - poziom AA
• 1.2.6 Język migowy (nagranie) - poziom AAA
• 1.2.7 Rozszerzona audiodeskrypcja (nagranie) - poziom AAA
• 1.2.8 Alternatywa dla mediów (nagranie) - poziom AAA
• 1.2.9 Tylko audio (na żywo) - poziom AAA
• 1.3.1 Informacje i relacje - poziom A
• 1.3.2 Zrozumiała kolejność - poziom A
• 1.3.3 Właściwości zmysłowe - poziom A
• 1.3.4 Orientacja - poziom AA
• 1.3.5 Określenie pożądanej wartości - poziom AA
• 1.3.6 Określenie przeznaczenia - poziom AAA
• 1.4.1 Użycie koloru - poziom A
• 1.4.2 Kontrola odtwarzania dźwięku - poziom A
• 1.4.3 Kontrast (minimalny) - poziom AA
• 1.4.4 Zmiana rozmiaru tekstu - poziom AA
• 1.4.5 Obrazy tekstu - poziom AA
• 1.4.6 Kontrast (wzmocniony) - poziom AAA
• 1.4.7 Niska głośność lub bez dźwięków w tle - poziom AAA
• 1.4.8 Prezentacja wizualna - poziom AAA
• 1.4.9 Obrazy tekstu (bez wyjątków) - poziom AAA
• 1.4.10 Dopasowanie do ekranu - poziom AA
• 1.4.11 Kontrast elementów nietekstowych - poziom AA
• 1.4.12 Odstępy w tekście - poziom AA
• 1.4.13 Treść spod kursora lub fokusu - poziom AA