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:

1. 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>.
2. Masz listę, ale jest zrobiona przez myślniki i ręczne łamanie linii, zamiast listy w HTML.
3. 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ść.
4. 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