Co to jest standard WCAG?

Standard WCAG (Web Content Accessibility Guidelines) to zbiór wytycznych opracowanych przez W3C (World Wide Web Consortium), mających na celu zapewnienie dostępności treści internetowych dla jak najszerszej grupy użytkowników, w tym osóbz różnymi rodzajami niepełnosprawności. Celem WCAG jest umożliwienie osobom z niepełnosprawnościami, takich jak osoby niewidome, niedowidzące, z dysfunkcją słuchu, czy z ograniczoną sprawnością ruchową, pełnego dostępu do informacji i usług dostępnych w Internecie.

Wytyczne WCAG zostały opracowane, aby pomóc twórcom stron internetowych i aplikacji w tworzeniu bardziej dostępnych treści. Standard WCAG jest stosowany na całym świecie i stanowi podstawę dla przepisów prawnych dotyczących dostępności internetowej w wielu krajach.

 

Podstawowe zasady WCAG:

  • Perceivable (Postrzegalność) – treści muszą być postrzegalne przez użytkowników: 
    - tekst alternatywny dla obrazków i mediów
    - odpowiednie kontrasty kolorów
    - możliwość zmiany rozmiaru czcionki.
  • Operable (Operacyjność) – interfejsy stron muszą być możliwe do obsługi przez użytkowników:
    - możliwość nawigacji za pomocą klawiatury
    - możliwość dostosowania tempa i interakcji z elementami strony.  
  • Understandable (Zrozumiałość) –  treści muszą być zrozumiałe: 
    - jasny język i prosta struktura
    - możliwość przewidywania działań użytkownika.  
  • Robust (Solidność) – treści muszą być wystarczająco elastyczne, aby działały na różnych urządzeniach i platformach:  
    - zgodność z technologiami assistive, np. czytnikami ekranu
    - przestrzeganie standardów webowych.

Poziomy zgodności - wytyczne WCAG dzielą się na trzy poziomy zgodności:

  • A (minimalny)

    podstawowe wymagania dostępności, bez których strona może być całkowicie niedostępna

  • AA (średni)

    bardziej zaawansowane wymagania, poprawiające ogólną dostępność

  • AAA (wysoki)

    najwyższy poziom dostępności, który może być trudny do osiągnięcia w niektórych przypadkach, ale jest najlepszy.

W praktyce, większość stron internetowych stara się osiągnąć co najmniej poziom AA, ponieważ jest to wymagane w wielu przepisach prawnych dotyczących dostępności.

Kto już i formalnie musi spełniać WCAG

Obowiązek wdrożenia dostępności cyfrowej zgodnej z WCAG 2.1 AA dotyczy szerokiej grupy firm i instytucji, w szczególności tych oferujących produkty lub usługi za pośrednictwem internetu. Są to m.in.:

  • Placówki medyczne – szpitale, przychodnie, kliniki i gabinety, przychodnie rehabilitacyjne oferujące rejestrację, informacje lub kontakt przez internet.
  • Podmioty oświatowe – urzędy, szkoły, uczelnie, żłobki, przedszkola, centra doskonalenia zawodowego.
  • Sądy, prokuratury, policja, straż miejska. 
  • Agencje Celne. 
  • Kina - jeżeli sprzedają bilety.  
  • Biblioteki, muzea, teatry publiczne, baseny, kluby sportowe, domy kultury i galerie sztuki.    
  • Sklepy internetowe (B2C) – każdy e-commerce sprzedający towary lub usługi klientom indywidualnym.  
  • Banki i instytucje finansowe – serwisy bankowe, aplikacje mobilne, systemy logowania do kont.  
  • Operatorzy telekomunikacyjni – strony i aplikacje do obsługi klientów, zakupów i umów.  
  • Firmy transportowe.    
  • Usługi transportu pasażerskiego: lotniczego, autobusowego, kolejowego, wodnego, systemy rezerwacji biletów.   
  • Dostawcy mediów – serwisy obsługi klientów dla energii, wody, gazu,  platformy streamingowe i telewizja internetowa.  
  • Platformy e-booków i publikacji cyfrowych.   
  • Niektóre organizacje pozarządowe (NGO), jeżeli otrzymują wsparcie finansowe z funduszy publicznych – niezależnie od tego, czy środki te pochodzą z budżetu krajowego, czy unijnego.   
  • Organizacje pozarządowe (NGO), działające na rzecz ochrony zdrowia, osób z niepełnosprawnościami lub seniorów.  
  • Firmy i organizacje, które korzystają z dotacji UE.
  • Gabinet weterynaryjny, podobnie jak inne podmioty publiczne (w tym przychodnie weterynaryjne), muszą stosować się do standardu WCAG.

Od 28 czerwca 2025 (lub wkrótce) — nowe obowiązki również dla firm prywatnych

Dzięki wdrożeniu European Accessibility Act (EAA) do polskiego prawa, zakres podmiotów objętych obowiązkiem dostępności cyfrowej się rozszerza. 
Do regulacji podlegają — jeśli nie są mikroprzedsiębiorstwami — firmy/przedsiębiorstwa, które oferują: sklepy internetowe, usługi e-commerce, platformy sprzedaży online, usługi bankowe / finansowe / płatności online; usługi transportowe (bilety online, rezerwacje, przewozy, systemy rezerwacji biletów itp.); 
komunikację, media, usługi cyfrowe dostępne online (np. operatorów telekomunikacyjnych, platformy internetowe, usługi informacyjne); inne produkty/usługi cyfrowe (np. aplikacje mobilne, systemy płatności, terminale samoobsługowe, systemy cyfrowe obsługi klienta). 

Zwolnienia / wyjątki
Obowiązki nie dotyczą mikroprzedsiębiorstw — czyli zwykle firm zatrudniających mniej niż 10 osób i z obrotem lub bilansem rocznym poniżej progu (w EAA często wskazywane jako ~ 2 mln euro).

WCAG 2.1 AA – Kluczowe Wymagania

Strona spełnia standardy WCAG 2.1 AA, gdy zawiera poniższe elementy:

  • Powiększanie treści - treść musi dać się powiększyć do 200% bez utraty funkcjonalności. Strona nie może się „rozsypywać”. WCAG nie wymaga własnego przycisku powiększania – wystarczy, że działa powiększanie przeglądarki.  
  • Kontrast i zmiana kolorów - minimalny kontrast tekstu do tła: 4.5:1. Dla dużego tekstu (18 px+): 3:1. Ikony/interfejs: 3:1. Nie ma wymogu konkretnego koloru – ważne jest spełnienie współczynników kontrastu.  
  • Alternatywy tekstowe (ALT) - opisy dla grafik istotnych. Grafiki dekoracyjne – ALT="". Linki i przyciski muszą mieć logiczne opisy.   
  • Obsługa klawiaturą - poruszanie się po stronie za pomocą TAB. Widoczny fokus. Brak pułapek klawiaturowych.  
  • Struktura nagłówków - H1 → H2 → H3 w logicznej kolejności. Jeden H1 na stronę.   
  • Semantyka HTML - poprawne znaczniki: header, nav, main, footer, article, section. Poprawne stosowanie button/link.  
  • Multimedia - wideo: napisy; audio: transkrypcja, a w razie potrzeby – audiodeskrypcja.   
  • Treść i język - atrybut lang="pl". Oznaczanie obcego języka w tekście (lang="en"). Prosty i zrozumiały język.   
  • Formularze - widoczne i powiązane label. Jasne opisy błędów. Informacja o polach obowiązkowych.  
  • Brak wymagania „menu dostępności” - WCAG nie wymaga widgetów typu A/A/A ani przycisków kontrastu.   
  • Brak migających treści - miganie poniżej 3 Hz.  
  • Przewidywalność - spójne działanie elementów na wszystkich podstronach. Brak automatycznych zmian kontekstu.    
  • Responsywność - strona musi działać mobilnie. Obsługa pion/poziom.   
  • Jednoznaczne linki i przyciski - teksty muszą być czytelne i zrozumiałe.

Potrzebujesz pomocy przy zbudowaniu strony z WCAG?

PORTFOLIO

Wybrani klienci

Każdego miesiąca wdrażamy nowe projekty stron WWW.

Multisun
Unidelta
Rewo Developer
MBM Academy
EmiSkin
Grono
Zanid
Odra Głoska
Loretta
Schweiker
Czer Granit
Feniks
DOŁĄCZ DO GRONA NASZYCH KLIENTÓW

Podstawowe informacje

Baza wiedzy Telvinet