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
-
27.11.2023Dostępność cyfrowa
Jak zadbać o bezpieczeństwo posługując się czytnikiem ekranu?
W dzisiejszym artykule odchodzę nieco od technicznych przemyśleń, aby pochylić się nad kwestiami związanymi z bezpieczeństwem posługując się czytnikiem ekranu….
-
09.10.2023Dostępność cyfrowa
Przegląd funkcji dostępności w iOS. Część 4: Podsumowanie
Opis funkcji dostępności czas już podsumować, więc dzisiaj chciałabym spojrzeć na nie z lotu ptaka. Skoro jest ich tak wiele,…
-
20.10.2023Akademia WCAG
WCAG 2.2. – kryterium 2.2.5 – Ponowne potwierdzenie autentyczności (poziom AAA)
Dzisiaj na tapet bierzemy kolejne kryterium na poziomie AAA. Zajmiemy się ponownym potwierdzeniem autentyczności. Pewnie każdy z Was kojarzy sytuacje…