Dostępna Polska

Brak widocznej etykieta pól formularzy

Pierwszy problem - etykietę ukryto za pomocą display: none, stawiając na placeholder w roli etykiety. Drugi problem - brak powiązania między label for a input id. Użytkownik nawigujący za pomocą głosu po wpisanie przynajmniej jednego znaku utraci łatwą możliwość powrotu do tego pola, nie będzie widział informacji z placeholdera czym ona jest.

Nieprawidłowe powiązanie label z input

Z czterech wyświetlanych pól tekstowych żaden nie ma poprawnego powiązania między label a input. Z analizy kodu wynika, że wkradł się tam błąd, ponieważ powiązanie istnieje ale label nie wskazuje na input. Np. label for="firstName-error", input id="firstName".

Nieopisany przycisk - brak kontekstu

Brak etykiety. Użytkownik czytnika ekranowego nie jest informowany o celu i przeznaczeniu tego elementu. Ikona sugeruje, że jest to coś związanego ze sztuczną inteligencją, jednak jest to tylko domysł. Czytnik ekranu przeczyta ten element jako "przycisk".

Brak mechanizmu pominięcia nawigacji (skip link)

Strona nie zawiera linku 'Przejdź do treści' ani innego mechanizmu umożliwiającego ominięcie powtarzających się bloków nawigacyjnych. Użytkownicy korzystający wyłącznie z klawiatury lub czytnika ekranu muszą przy każdym wczytaniu strony przechodzić przez: pasek promocyjny, rozbudowane menu główne z podmenu, wyszukiwarkę i ikonki konta/koszyka, zanim dotrą do właściwej treści.

Przyciski nawigacji karuzeli bez dostępnej nazwy

Karuzela banerów na stronie głównej zawiera przyciski 'poprzedni' i 'następny' (klasy owl-prev / owl-next) z atrybutem role='presentation' i bez żadnej nazwy dostępnej (brak aria-label, tekstu, title). Czytnik ekranu nie odczyta ich jako interaktywnych elementów ani nie poinformuje o ich funkcji.

Brak nagłówka H1 na stronie głównej

Strona główna nie zawiera żadnego elementu <h1>. Najwyższym poziomem nagłówków są elementy <h2>, co zaburza hierarchię dokumentu.