Dostępność serwisu TopLider

Robimy ranking firm, które budują strony internetowe. Byłoby co najmniej niezręcznie, gdyby naszej własnej nie dało się obsłużyć bez myszy. Poniżej konkretnie: co sprawdziliśmy, czego jeszcze nie naprawiliśmy i gdzie pisać, kiedy coś nie działa.

Do czego dążymy

Celem jest WCAG 2.2 na poziomie AA. Nie jesteśmy podmiotem publicznym, więc nie obowiązuje nas ustawa o dostępności cyfrowej — to nie jest deklaracja wymagana prawem, tylko opis stanu faktycznego.

Co jest zrobione

Obsługa klawiaturą: Cała strona działa bez myszy. Filtry, przełącznik motywu, rozwijanie wierszy i linki są w kolejności tabulacji, a każdy element ma widoczną obwódkę focusu. Nie ma miejsc, z których nie da się wyjść tabulatorem.
Pominięcie nawigacji: Pierwszy Tab na stronie odsłania odnośnik „Przejdź do treści", który przenosi od razu do rankingu.
Kontrast: Sprawdzony automatycznie dla każdego elementu z tekstem, w obu motywach. Wszystko spełnia próg 4,5:1 dla zwykłego tekstu i 3:1 dla dużego. Ostatni błąd — nieaktywny przycisk motywu na ciemnym tle, 2,34:1 — poprawiliśmy przy tym przeglądzie.
Tabela: Ma podpis czytany przez czytniki ekranu i nagłówki kolumn oznaczone jako nagłówki. Skróty w nagłówkach („Prace", „EN") mają rozwinięcie czytane zamiast skrótu, a liczba pod nagłówkiem jest odczytywana jako „spełnia N firm", nie jako sama cyfra.
Znaczniki i wykresy: Ptaszek w komórce ma tekstowy odpowiednik „tak" albo „nie". Pasek wyniku i schemat kolejności są dekoracją nałożoną na dane, które i tak są w tabeli, więc czytniki je pomijają — schemat ma jeden opis słowny całej zasady.
Motyw jasny i ciemny: Domyślnie zgodny z ustawieniem systemu. Wybór zapisuje się i działa bez przeładowania strony.
Powiększanie i zawijanie: Strona nie blokuje powiększania. Przy 320 px szerokości treść nie wymaga przewijania w poziomie — przewija się tylko sama tabela, we własnym obszarze.
Ruch: Jedyne animacje to przejścia kolorów. Przy systemowym ustawieniu ograniczenia ruchu i one znikają.

Czego jeszcze nie zrobiliśmy

Piszemy to wprost, bo lista bez wad zwykle znaczy, że nikt nie sprawdzał.

Tabela ma kilkanaście kolumn i na wąskim ekranie trzeba ją przewijać w bok. Nie ma jeszcze widoku listowego dla telefonów.
Nie testowaliśmy z prawdziwymi czytnikami ekranu — NVDA, JAWS, VoiceOver. Sprawdzenia są automatyczne i ręczne z klawiatury, co wyłapuje wiele, ale nie wszystko.
Nie było testów z udziałem osób z niepełnosprawnościami.
Strony firm, do których linkujemy, są cudze i nie odpowiadamy za ich dostępność.

Jak zgłosić problem

Napisz na admin@toplider.pl. Przydatne będzie: czego dotyczy problem, jakiej używasz przeglądarki i technologii wspomagającej oraz co się stało zamiast tego, czego oczekiwałeś.

Odpowiadamy w ciągu 7 dni roboczych. Jeśli coś da się naprawić od ręki, naprawiamy od ręki — i dopisujemy to na tej stronie.

Skróty klawiszowe

Nie wprowadzamy własnych skrótów, żeby nie kolidowały ze skrótami czytników ekranu i przeglądarki. Wystarczą standardowe: Tab i Shift + Tab do poruszania się, Enter do linków, Enter lub Spacja do przycisków.

Jak to sprawdzamy

Przy każdej zmianie w wyglądzie przechodzimy automatyczny test: kontrast każdego elementu z tekstem w obu motywach, obecność dostępnych nazw dla wszystkich kontrolek, poprawność struktury nagłówków i landmarków, brak elementów klikalnych niedostępnych z klawiatury oraz brak poziomego przewijania strony przy 320 px.

To samo podejście, co przy rankingu: deklaracja bez dowodu nic nie znaczy.