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
-
30.11.2022Badania
Jak zrobić audyt UX. Część 1 – Teoria, odrobina autokrytyki i parę praktycznych porad…
Dzisiaj wrzucamy na blog temat audytów użyteczności! Pomysł na ten wpis narodził się przy okazji audytu UX naszego bloga. Postanowiliśmy…
-
23.12.2022Dostępność cyfrowa
Dostępność cyfrowa – skąd czerpać wiedzę. Część 1
Dostępność, WCAG 2.1, inkluzywność, projektowanie uniwersalne: niektórzy mówią, że to tożsame pojęcia, ale mylą się… W takim razie skąd można…
-
10.08.2022Dostępność cyfrowa
SVG… SVG… czym jest SVG
SVG (ang. Scalable Vector Graphics) – to format wektorowego pliku graficznego, który w odróżnieniu do rastrowych jpg, png, gif, składa…