CVI Dom Maklerski działa na rynku inwestycyjnym od 2012 r. Strona łączy dwie grupy odbiorców: firmy szukające finansowania i inwestorów. Audyt objął podstrony o różnym charakterze, w tym okna modalne i animacje, czyli elementy, które przy nieprawidłowej implementacji potrafią zablokować korzystanie ze strony.
Wyzwanie
Okno modalne, które otwiera się nad treścią, może być pułapką. Jeśli fokus klawiatury nie przechodzi do okna, osoba korzystająca z czytnika ekranu nie wie, że się pojawiło. Jeśli okna nie da się zamknąć klawiaturą, użytkownik utyka. Animacje bez możliwości zatrzymania rozpraszają i utrudniają czytanie warunków, od których zależą decyzje finansowe.
Zakres i metoda
- Podstrony dla firm i dla inwestorów.
- Okna modalne: przejście fokusu, zamykanie klawiaturą, powrót fokusu po zamknięciu, odczyt przez czytnik ekranu.
- Animacje: możliwość zatrzymania i wpływ na czytelność treści.
- Badanie zgodności z WCAG.
Liczby podstron w materiale źródłowym nie było. Opisujemy rodzaj widoków, nie wymyśloną liczbę ekranów.
Co pokazało badanie
Okno modalne da się ocenić tylko w ruchu. Otwieramy je, sprawdzamy, czy fokus w nie wchodzi, czy tło przestaje być aktywne, czy Escape je zamyka i czy fokus wraca do przycisku, który je wywołał. Animację oceniamy osobno: czy da się ją zatrzymać, zanim użytkownik czyta treść pod spodem. To nie wychodzi ze skanu statycznej strony głównej.
Modal bez przejścia fokusu jest dla czytnika ekranu oknem, którego nie było. Użytkownik tabulatoruje dalej po stronie pod spodem i nie wie, że decyzja czeka w warstwie na wierzchu. Dlatego badamy sekwencję, a nie sam wygląd okna.
Wojciech Waluś, programista i tester dostępności
Efekt
CVI Dom Maklerski otrzymał raport z problemami i rekomendacjami, który pomaga uczynić serwis przejrzystym zarówno dla firm, jak i dla inwestorów. Poprawka okna modalnego dotyczy każdego miejsca, w którym ten sam komponent się otwiera.
Fokus, który nie może chować się pod przyklejonym elementem, opisujemy przy kryterium 2.4.11 w tekście Czy Twoja strona spełnia WCAG 2.2?.
Sprawdź stronę bezpłatnie z Trop Zwiad. Zachowanie okien z klawiaturą i czytnikiem ekranu bierze audytor w Trop Audyt.
Drużyna Dostępności