Dostosowanie strony do WCAG

Czym jest WCAG?

WCAG (Web Content Accessibility Guidelines) to zbiór standardów dostępności dla serwisów internetowych, które ustanawiane są przez przez WAI (Web Accessibility Initiative). Głównym celem wytycznych WCAG jest ułatwienie korzystania ze stron internetowych osobom z niesprawnościami. Od października 2023 roku obowiązują standardy WCAG w wersji 2.2.

Czym strona dostosowana do niepełnosprawnych różni się od zwykłej?

Strona dostosowana do osób z niepełnosprawnościami to taka, która zapewnia dostęp do zawartości każdemu użytkownikowi, w każdych warunkach, na dowolnym urządzeniu. W przypadku stron niedostosowanych do standardów WCAG, wielu użytkowników z niepełnosprawnościami może mieć problem z jej prawidłowym odczytem bądź obsługą platformy. Aby strona była całkowicie dostępna dla użytkowników, musi spełniać wszystkie wytyczne WCAG, co może być zadaniem trudnym do zrealizowania.

Z tego powodu wprowadzono trzypoziomowy system mierzenia WCAG, tzw. kryteria sukcesu:

A – poziom minimalny,
AA – poziom zalecany,
AAA – poziom komfortowy.

Nasze doświadczenia we wdrożeniach WCAG

W Smartbees specjalizujemy się w tworzeniu i rozwijaniu stron dla instytucji publicznych i placówek edukacyjnych. W ostatnich latach stworzyliśmy nowe strony m.in. dla KGHM, Polskiego Komitetu Normalizacyjnego, Urzędu Miasta Gliwice, Uniwersytetu WSB Merito czy Akademii Leona Koźmińskiego. Wszystkie rozwiązania są zgodne z wytycznymi WCAG. Dzięki zdobytemu doświadczeniu nasi programiści mogą dostosować każdą stronę www do kilkudziesięciu zaleceń WCAG.

Urząd Miasta Gliwice

Miejski Portal Informacyjny to jedno z najważniejszych miejsc, gdzie mieszkańcy, turyści i inwestorzy poszukują informacji o mieście. Dlatego intuicyjny, dobrze zintegrowany portal miejski to podstawa. Zobacz, jak stworzyliśmy serwis dla Urzędu Miasta Gliwice składający się z 3 platform.

Zobacz case study

Akademia Leona Koźmińskiego

Strona internetowa jest często pierwszym elementem styku na linii kandydat-uczelnia. Dlatego tak ważne jest, aby witryna była jasna i czytelna. Zobacz efekty naszej pracy dla Akademii Leona Koźmińskiego.

Zobacz case study

Wrocławski Uniwersytet Medyczny

Gdy UX strony zawodzi, można stracić wielu odwiedzających. Sprawdź efekty przeniesienia witryny Uniwersytetu na nową wersję Drupala i dodatkowe opcje, które wprowadziliśmy.

Zobacz case study

KGHM

Wdrożenie tego projektu zajęło 2500 godzin. Zobacz, jak wyglądała migracja treści i udoskonalanie funkcji dla czołowego producenta miedzi i srebra. Sprawdź rezultaty nowej strony korporacyjnej dla KGHM.

Zobacz case study

Przeprowadzimy audyt dostępności Twojej strony

Skontaktuj się z nami

Co wchodzi w skład WCAG 2.2?

Zasada WCAG nr 1 – postrzegalność

wprowadzenie tekstów alternatywnych dla wszystkich informacji nietekstowych,
wdrożenie alternatywy dla mediów zależnych od czasu (np. wideo) w formie tekstu lub audiodeskrypcji,
zapewnienie możliwości adaptacji tworzonych treści, aby mogły być prezentowane na różne sposoby,
zastosowanie treści rozróżnialnych, które ułatwiają użytkownikom oglądanie lub słuchanie treści (np. zmiany kolorów, rozmiaru treści czy ustawienia kontrastu).

Zasada WCAG nr 2 – funkcjonalność

dostęp do wszystkich funkcji interfejsu wyłącznie przy pomocy klawiatury,
gwarancja wystarczającej ilości czasu na zapoznanie się z treściami (np. ustawienia pauzy, brak limitów czasowych),
tworzenie treści i rozwiązań, które nie wywołują ataków padaczki,
wprowadzenie intuicyjnej i możliwie łatwej nawigacji strony, aby użytkownik był w stanie bezproblemowo się po niej poruszać.

Zasada WCAG nr 3 – zrozumiałość

tworzenie czytelnych treści, które będą łatwe do przyswojenia i zrozumienia,
projektowanie przewidywalnych rozwiązań (np. wprowadzenie spójnej nawigacji czy identyfikacji),
zapewnienie pomocy przy wprowadzaniu danych m.in. poprzez zastosowanie walidatorów, korygowania błędów czy oznaczania obowiązkowych do wypełnienia pół.

Zasada WCAG nr 4 – solidność

zapewnienie kompatybilności – stosowanie rozwiązań, które są zgodne z najnowszymi technologiami, a tworzony kod nie zawiera błędów.

Dlaczego warto dostosować stronę do WCAG 2.2?

Zasięg – możliwość dotarcia do szerszego grona odbiorców.
User-friendliness – posiadanie strony przyjaznej wszystkim użytkownikom.
Dostępność – ułatwienie dostępu do serwisu osobom z niepełnosprawnościami.
Wizerunek – budowanie wizerunku firmy/instytucji, która dostrzega potrzeby osób niepełnosprawnych.

Kto musi dostosować stronę do WCAG?

Na mocy ustawy z kwietnia 2019 r. dostosowanie stron do standardów WCAG 2.1 jest obowiązkiem wszystkich podmiotów publicznych m.in. organów administracji rządowej czy jednostek samorządowych. Ustawa nakłada na te jednostki obowiązek zamieszczenia deklaracji dostępności cyfrowej, co oznacza, że strony podmiotów publicznych muszą być zgodne ze standardami WCAG 2.1 na poziomie AA – dotyczy to spełnienia aż 49 kryteriów dostępności. Od 28 czerwca 2025 roku również firmy z sektora prywatnego będą musiały zastosować się do tych wytycznych. Stanie się to, kiedy wejdzie w życie Europejski Akt o Dostępności.

Dostosuj swoją stronę do wszystkich użytkowników

Napisz do nas

Dostosowanie strony do WCAG – jak to zrobić?

Dostosowanie strony nawet do minimalnego poziomu dostępności wymaga interwencji specjalistów z zakresu programowania, którzy wprowadzą niezbędne zmiany, aby strona była zgodna z prawem i spełniała wszystkie wymogi.

Zarówno dostosowanie nowej, jak i istniejącej strony do wytycznych WCAG to zadanie dla profesjonalistów, którzy będą w stanie dostosować stronę do kilkudziesięciu kryteriów sukcesu jednocześnie.

FAQ – najczęściej zadawane pytania

Czy sama wtyczka wystarczy, by spełnić WCAG?

Nie, wtyczka nie zapewni pełnej zgodności z WCAG. Konieczne jest jeszcze wdrożenie zmian w budowie strony, np. w strukturze nagłówków, nawigacji, obsługi klawiaturą czy kompatybilności z narzędziami asystującymi. Aby wiedzieć, co dostosować, należy przeprowadzić audyt dostępności.

Czy WCAG dotyczy także dokumentów PDF?

Wymagania dostępności dotyczą nie tylko strony internetowej, ale też publikowanych na niej materiałów. Wszystkie pliki powinny być dostępne dla użytkowników. Należy zadbać o poprawną strukturę, nagłówki i elementy kluczowe dla obsługi asystenta czytania.

Czy formularze na stronie muszą być zgodne z WCAG?

Tak, formularze są jednym z najważniejszych elementów z punktu widzenia dostępności. To właśnie w nich użytkownicy wysyłają zapytania, zapisują się na wydarzenia czy dokonują zakupu. Niedostępny formularz uniemożliwia użytkownikom skorzystanie z istotnej części Twojej strony.

Czy treści redakcyjne wpływają na zgodność z WCAG?

Tak, dostępność cyfrowa obejmuje także odpowiednie przygotowanie i publikację treści. Chodzi tu m.in. o zrozumiały język, logiczną strukturę nagłówków, poprawne opisy linków i teksty alternatywne przy grafikach.

Czy można wdrażać WCAG etapami?

Tak, w wielu przypadkach wdrożenie WCAG jest podzielone na etapy, zwłaszcza w rozbudowanych serwisach. Stopniowe działania nie mogą być jednak przypadkowe – należy zacząć od zadań z najwyższym priorytetem. To pozwala na szybsze pozbycie się poważnych problemów z dostępnością.

Czy każdą stronę da się dostosować do WCAG?

Większość serwisów można bez problemu przygotować pod WCAG, wdrażając potrzebne funkcje i zmiany. Trudniej jest w przypadku starszych stron, które często wymagają gruntownej przebudowy i redesignu, ale wciąż jest to możliwe.

Zobacz case study

Tomasz Radzki

Prezes Zarządu / VELO

„Możemy polecić firmę Smartbees jako świetnych ekspertów z zakresu technologii Drupal”
Z firmą Smartbees współpracujemy od kilku lat. W trakcie całej współpracy mogliśmy liczyć na świetny kontakt ze strony zespołu. Zawsze służyli radą oraz szybko odpowiadali na nasze wiadomości oraz telefony. Ich wieloletnie doświadczenie w Drupalu spowodowało, że byliśmy pewni jakości stworzonych rozwiązań i korzystamy z usług firmy po dziś dzień.

Zobacz case study

Bogumił Perzyna

Dyrektor Pionu Sprzedaży Direct / LINK4

„Nasza współpraca przez cały okres projektu przebiegała wzorowo”
Zespół był proaktywny, wychodził z inicjatywą proponowanych rozwiązań, szybko reagował na nasze potrzeby a zadania były realizowane terminowo. Równolegle do wprowadzonych prac projektowych, Smartbees dbał o utrzymanie naszego obecnego serwisu. Naszą dotychczasową współpracę i efekt końcowy projektu oceniamy bardzo pozytywnie.

Łukasz Kutyłowski

Szef Finansów / Cube Group

„Zespół starał się jak najlepiej zrozumieć potrzeby biznesu”
System płatności stworzony przez Smartbees działa bardzo dobrze i obsługuje płatności dla naszych partnerów. Zespół starał się jak najlepiej zrozumieć potrzeby biznesu, aby stworzyć najbardziej efektywny system. Zawsze można liczyć na ich elastyczność i szybką pomoc, w szczególności w przypadku kryzysowych sytuacji.

Rafał Wnuk

Dyrektor / Muzeum II Wojny Światowej w Gdańsku

„Zespół wykazał się głęboką wiedzą techniczną”
Przez ostatnie 3 lata mieliśmy przyjemność współpracować z firmą Smartbees w zakresie obsługi i rozwoju naszej strony internetowej. Zespół wykazał się głęboką wiedzą techniczną, bardzo dobrym zrozumieniem naszych potrzeb biznesowych i zapewnił nam niezawodne wsparcie techniczne. Z czystym sumieniem polecamy firmę Smartbees jako partnera do obsługi i rozwoju stron internetowych.