WCAG 2.1 – kryterium 1.3.1 – Informacje i relacje: (poziom A) część 1
- Przejdź do artykułów z tagiem #DostepneFormularze
- Przejdź do artykułów z tagiem accessibility
- Przejdź do artykułów z tagiem akademiaWCAG
- Przejdź do artykułów z tagiem dostępność cyfrowa
- Przejdź do artykułów z tagiem WCAG
- Przejdź do artykułów z tagiem Web Content Accessibility Guidelines
Treść artykułu
Czy struktura na stronie internetowej jest ważna?
Dzisiaj zajmiemy się kryterium, które odpowiada na to pytanie. Jest to jedno z bardziej obszernych kryteriów pod względem ilości technik, które pozwalają zadbać o dostępność. Wszystkie zostały wypisane na stronie W3C. Do sprawdzenia mamy takie elementy jak nagłówki, punkty orientacyjne (ang. landmarks), ale również formularze (ich grupowanie) oraz etykiety. Dalej sprawdzamy również tabele oraz listy.
Świat bez struktury
Wyobraźmy sobie, że zrezygnujemy ze wszystkich elementów, które nadają kształt artykułowi. Nie będzie nagłówków, list, a pola formularzy nie będą miały etykiet. Cała treść jest ścianą tekstu, a formularze są tylko polami tekstowymi. Koszmar prawda? Co powiecie na formularz, który jednak informuje użytkownika do czego służą kolejne pola? Do tego dążymy.
Zgoła wygląda to banalnie, ale tutaj właśnie zaczyna się perspektywa osób korzystających z technologii asystujących. Zamknijmy oczy i spróbujmy tą samą stronę, ten sam tekst, ten sam formularz obsłużyć bez użycia myszki, samą klawiaturą, tylko z czytnikiem ekranu. Nie mając informacji, że tekst pogrubiony o większym rozmiarze jest nagłówkiem nie będziemy wstanie przejść szybko do interesującego nas fragmentu. Jeśli formularz będzie nas tylko „informował”, że znaleźliśmy się w polu tekstowym to nie będziemy wstanie go prawidłowo wypełnić. Widoczna dla nas gołym okiem etykieta, ale niepowiązana z tym polem, jest zupełnie nieprzydatna na przykład dla osób niewidomych.
Lista artykułów poruszających temat formularzy i etykiet:
- opis pól formularzy https://developer.mozilla.org/en-US/docs/Web/HTML/Element#forms
- świetnego artykułu odnośnie poprawnej implementacji etykiet w formularzach https://css-tricks.com/html-inputs-and-labels-a-love-story/

Radosław Stachurski
Accessibility Specialist & WCAG 2.1 Auditor & Quality Assurance
Polecane artykuły
-
24.02.2023Akademia WCAG
WCAG 2.1 – kryterium 1.2.7 – rozszerzona audiodeskrypcja (poziom AAA)
Dziś zajmujemy się kryterium WCAG – 1.2.7 – Rozszerzona audiodeskrypcja (nagranie). Jaki jest jego cel i komu ma pomagać? Wspierać…
-
21.12.2023Dostępność cyfrowa
Jak dodać tekst alternatywny dla zdjęć w Adobe Acrobat Pro DC?
W tym przedświątecznym czasie, w którym zapewne wielu z Was lub Wasze firmy przygotowuje kartki świąteczne lub broszury reklamowe w…
-
29.01.2024Akademia WCAG
WCAG 2.1 – kryterium 2.4.10 – Nagłówki sekcji (Poziom AAA)
Dziś kryterium WCAG 2.4.10 nagłówki sekcji. Zapraszamy! Kryterium 2.4.10 nagłówki sekcji kryterium objęte poziomem AAA Duża część kryterium dotycząca nagłówków…