Strony internetowe zgodne z WCAG 2.1

  • alternatywy tekstowe dla treści nietekstowych (np. opis alternatywny do zdjęć i grafik, z których skorzystają osoby niewidome),
  • transkrypcje tekstowe materiałów audio i filmów,
  • napisy i audiodeskrypcje do filmów,
  • logiczną strukturę treści (nagłówki, listy itp.),
  • odpowiednie znaczniki dla każdej funkcji (formularzy i tabel danych), aby relacje między treścią były poprawnie zdefiniowane
  • wyróżnienia, które nie opierają się jedynie na kolorze,
  • kolory tekstu, które są wyraźnie widoczne na kolorze tła,
  • czytelność i widoczność treści i funkcji gdy rozmiar tekstu zostanie zwiększony o 200%,
  • niepublikowanie obrazów tekstu,
  • responsywność – automatyczne dostosowywanie się widoku do szerokości ekranu urządzenia użytkownikami.
  • możliwość obsłużenia wszystkiego za pomocą samej klawiatury,
  • opcję  odtwarzania, wstrzymywać i zatrzymywać poruszające się treści
  • brak migających treści i możliwość wyłączania ruchomych elementów przez użytkownika,
  • link pozwalający przeskoczyć szybko do treści („przejdź do treści”)
  • zrozumiałe i pasujące do treści tytuły stron,
  • zrozumiałe linki, których treść wyraźnie mówi dokąd prowadzą
  • nagłówki, które jasno opisują treści i etykiety jasno opisujące co wpisać w dane pole formularza,
  • dobrą widoczność elementu, który jest w danym momencie wybrany za pomocą klawiatury (fokus),
  • unikanie złożonych gestów na ekranach dotykowych lub zapewnienie dla nich prostszej alternatywy,  
  • możliwość wyłączania i zmiany skrótów klawiaturowych.
  • prosty język (bez zbędnych słów i urzędniczego żargonu),
  • unikanie trudnych dla użytkowników słów i wyrażeń lub ich wyjaśnienie w prosty sposób,
  • wyjaśnienia do skrótów i akronimów,
  • określenie w kodzie strony/aplikacji w jakim języku jest jej treść,
  • spójny wygląd i działanie elementów na wszystkich podstronach,
  • widoczne i zrozumiałe etykiety przy każdym polu formularza,
  • dostępne i zrozumiałe komunikaty błędów w formularzach i podpowiedzi jak je poprawić.
  • prawidłowy kod, zgodny ze standardem sieciowym HTML,
  • dostępne dla użytkowników korzystających z technologii asystujących informacje o statusie/stanie,
  • zgłaszanie przez technologie asystujące pojawiających się ważnych komunikatów czy okien modalnych.

Kontrast

Tryb

layout

Font

Font