1.3.1 Informacje i relacje - poziom A
W skrócie: informacje, struktura i relacje, które pokazujesz przez wygląd (albo sposób prezentacji), muszą być też zapisane w kodzie albo dostępne w tekście. Dzięki temu, gdy zmieni się forma prezentacji (np. ktoś użyje czytnika ekranu albo własnych stylów), sens treści zostanie zachowany.
Informacje i relacje w praktyce
Najczęściej 1.3.1 psuje się wtedy, gdy strona wygląda poprawnie na oko, ale w kodzie nie ma informacji o tym, co jest czym. Czyli:
- Teoretycznie masz tytuły i śródtytuły, ale w praktyce nie, bo są zrobione przez pogrubienie i większą czcionkę, zamiast prawdziwych nagłówków <h>.
- Masz listę, ale jest zrobiona przez myślniki i ręczne łamanie linii, zamiast listy w HTML.
- Masz tabelę danych, ale bez nagłówków i powiązań komórek, więc ktoś, kto nie widzi układu, nie wie, co oznacza dana wartość.
- Masz formularz, ale pola nie mają etykiet albo kilka wygląda na grupę, a w kodzie nie ma informacji, że to jedna grupa.
To wszystko to właśnie informacje i relacje przekazywane wyglądem, które muszą być możliwe do odczytania programowo.
Pełny tekst kryterium 1.3.1 Informacje i relacje
Informacje, struktura oraz relacje między treściami przekazywane poprzez prezentację mogą być odczytane przez program komputerowy lub istnieją w postaci tekstu.
Źródło: https://www.w3.org/Translations/WCAG21-pl/#informacje-i-relacje