Prosta lista zgodności z WCAG

Lista kontrolna ułożona jest według kolejnych kryteriów sukcesu WCAG. Ma 44 pytania odpowiadające wszystkim wymaganiom. Instrukcji, jak sprawdzać, szukaj na stronie Testy. Lepszyweb.pl.

Aby spełnić wymagania WCAG 2.1 do poziomu AA, musisz być w stanie odpowiedzieć Tak na wszystkie poniższe pytania.

Odpowiedź Nie oznacza, że nie spełniasz WCAG, a Twoje treści będą miały bariery, które uniemożliwią niektórym użytkownikom, zwłaszcza osobom z niepełnosprawnościami i starszym, dostęp do treści i funkcji.

Postrzegalność

  • Czy wszystkie obrazy mają właściwy odpowiednik tekstowy? Czy istotne informacje wizualne istnieją również w postaci tekstu?
  • Czy wszystkie pliki audio mają transkrypcję? Czy podstawowe informacje audio istnieją również w postaci tekstu?
  • Czy wszystkie filmy mają napisy dla niesłyszących zsynchronizowane z dźwiękiem?
  • Czy filmy zawierające ważne informacje wizualne mają opisy audio?
  • Czy wszystkie struktury treści przekazywane wizualnie są dostępne dla technologii wspomagających?
  • Czy po usunięciu stylizacji treść jest uporządkowana logicznie?
  • Czy we wskazówkach i instrukcjach unika się używania do przekazywania informacji cech wizualnych?
  • Czy unika się używania koloru jako jedynego sposobu przekazania niektórych informacji?
  • Czy użytkownicy mogą zatrzymać dźwięk, który jest odtwarzany automatycznie?
  • Czy cały tekst ma wystarczający kontrast w stosunku do koloru tła?
  • Czy po powiększeniu tekstu do 200% treść jest w pełni użyteczna?
  • Czy unika się używania obrazów tekstu?
  • Czy użytkownicy mogą przeglądać treść w wybranej orientacji wyświetlacza (w pionie lub poziomie) bez jej przewijania w poziomie?
  • Czy pola zbierające informacje o użytkownikach mają odpowiednie atrybuty autouzupełniania?
  • Czy zawartość strony zmienia się do pojedynczej kolumny bez przewijania w poziomie i pionie?
  • Czy wszystkie ważne obiekty graficzne, komponenty interfejsu i wizualne wskaźniki stanu mają kontrast kolorów 3:1?
  • Czy można zmienić wysokość wiersza, odstępy między akapitami oraz odstępy między literami i słowami, zachowując w pełni czytelność?
  • Czy w przypadku dodatkowych treści, które są pokazywane lub ukrywane po przeniesieniu na element sterujący fokusu, można je odrzucić, po przeniesieniu na nie fokusu pozostają widoczne i można wejść z nimi w interakcję, są widoczne aż do momentu odrzucenia przez użytkownika?

Funkcjonalność

  • Czy wszystkie menu, łącza, przyciski i inne elementy sterujące można obsługiwać za pomocą klawiatury?
  • Czy strony z ograniczeniami czasowymi zawierają mechanizmy dostosowywania tych ograniczeń?
  • Czy można zatrzymać dowolną treść, która się porusza lub aktualizuje automatycznie?
  • Czy udało się uniknąć używania treści, które błyskają lub migoczą?
  • Czy użytkownicy klawiatury mogą ominąć bloki łączy i innych elementów interaktywnych?
  • Czy każda strona ma unikalny tytuł, który wskazuje jej cel i kontekst?
  • Czy podczas korzystania z klawiatury do poruszania się po stronie kolejność ma sens?
  • Czy cel każdego łącza jasno wynika z jego tekstu?
  • Czy witryna ma dwa lub więcej sposobów znajdowania treści, takich jak menu nawigacyjne, funkcja wyszukiwania lub mapa witryny?
  • Czy nagłówki i etykiety jasno opisują treść?
  • Czy używając klawiatury do poruszania się po stronie można określić, gdzie się znajdujemy?
  • Czy na stronie istnieją skróty klawiaturowe uruchamiane tylko jedną literą lub znakiem? Jeśli tak, czy mogą zostać wyłączone lub zmienione przez użytkownika?
  • Czy niektóre funkcjonalności witryny wymagają kilku palców lub złożonych gestów, aby je obsługiwać? Jeśli tak, to czy ta sama funkcjonalność może być używana tylko za pomocą pojedynczych stuknięć lub kliknięć?
  • Czy niektóre funkcjonalności Twojej witryny działają z wykorzystaniem jednego punktu (np. opuszku palca)? Jeśli tak, czy zapewniono, że nie uruchamia się ona w momencie dotknięcia?
  • Czy w formularzach i innych komponentach dostępna nazwa lub etykieta jest taka sama, jak tekst na ekranie?
  • Czy Twoja witryna reaguje na ruch lub ruch urządzenia? Jeśli tak, czy reagowanie na ruch może zostać wyłączone, a witryna nadal będzie w pełni użyteczna?

Zrozumiałość

  • Czy język strony internetowej lub dokumentu (lub poszczególnych części dokumentu wielojęzycznego) został określony?
  • Czy udało się uniknąć łączy, kontrolek lub pól formularzy, które automatycznie wywołują zmianę kontekstu?
  • Czy witryna zawiera spójną nawigację?
  • Czy funkcje o tej samej funkcjonalności są oznaczone spójnie (w taki sam sposób)?
  • Czy formularze zawierają przydatne, zrozumiałe komunikaty o błędach i wskazówki, jak je naprawić?

Solidność

  • Czy strona internetowa jest zakodowana przy użyciu prawidłowego kodu HTML?
  • Czy wszystkie komponenty interaktywne mają dostępną nazwę i rolę, a gdy jest to wymagane, stan? Czy zastosowano poprawne znaczniki ARIA i czy są one poprawne?
  • Czy komunikatom o stanie i aktualizacjom przypisano odpowiednie role, które mogą być zrozumiane przez technologie wspomagajace, bez przenoszenia fokusu klawiatury na te komunikaty?

Pomóż ulepszyć tę stronę

Napisz na adres: Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript., jeżeli masz

  • jakikolwiek problem z dostępnością treści na tej stronie,
  • pomysł, propozycję poprawienia tej strony.

Na podstawie: Checklist (https://www.gov.uk/).