POROZMAWIAJMY O PROJEKCIE

Tworzenie stron zgodnych z WCAG 2.1-2.2

Tworzymy serwisy, które spełniają standardy dostępności cyfrowej. Twoja strona będzie intuicyjna, przyjazna dla osób z ograniczeniami, niepełnosprawnościami i zgodna z wymogami prawa.

Umów bezpłatną konsultację
Dostępność to standard
Dla placówek oświatowych, medycznych i pożytku publicznego
Szkolenie w cenie
Szkolenie administratora strony z utrzymania WCAG

Zaufały nam małe firmy i wielkie marki
Muzeum Techniki i Komunikacji w Szczecinie
Zachodniopomorski Uniwersytet Technologiczny w Szczecinie
Uniwersytet Szczeciński
Zamek Książąt Pomorskich w Szczecinie
Hartwig
Prema Cycling Team
Przychodnia Szczecińska
Fundusz Pomerania
MyWay Fitness Squash Social
Zremb Gorzów Wielkopolski
EPA
Szurgot Transport
Wakacje na Sardynii
Mennica Zachodniopomorska
Stocznia Szczecińska Wulkan
Gryf Kancelaria
Avalon Logistics Group
Logo firmy Domex, klienta Avangardo

Budujemy strony bez barier

Strona w standardzie WCAG

Dostępność to dziś obowiązek

Brak dostępności cyfrowej stron internetowych to nie tylko problem społeczny, ale także prawny. Podmioty publiczne w Polsce mogą zostać ukarane karami finansowymi do 10 000 zł za nieuzasadnione i uporczywe niezapewnianie dostępności cyfrowej strony internetowej lub aplikacji.

Dodatkowo, miliony użytkowników z niepełnosprawnościami nie mogą korzystać z niedostępnych witryn internetowych, co ogranicza zasięg Twojej organizacji i wyklucza społecznie osoby potrzebujące wsparcia.

Dostępność, która buduje przewagę

Rozumiemy wyzwania związane z wdrażaniem standardu WCAG - od skomplikowanych wytycznych technicznych po koszty retrofittingu istniejących stron internetowych.

Dlatego oferujemy kompleksowe rozwiązania tworzenia stron internetowych zgodnych z Web Content Accessibility Guidelines, które spełniają wszystkie kryteria sukcesu wymagane przez polskie prawo i zapewniają dostępność dla każdego użytkownika.

5000
tyle może wynieść kara za brak deklaracji dostępności lub jej wymaganych elementów na stronie podmiotu publicznego.
wg art. 19 ustawy o dostępności cyfrowej stron i aplikacji podmiotów publicznych.

Strona z myślą o każdym użytkowniku

Strony dostępne dla wszystkich dzięki WCAG 2.1-2.2

Dostępność traktujemy jako część projektu, a nie dodatek. Tak budujemy strony dla instytucji publicznych i firm.

  • Projektujemy pod WCAG 2.1 i 2.2 na poziomie AA. Tego poziomu wymagają przepisy dla instytucji publicznych i firm objętych Europejskim Aktem o Dostępności.
  • Doświadczenie od 2015 roku - Budowaliśmy dostępne strony dla gmin, szkół, przedszkoli i instytucji publicznych, które przeszły audyty dostępności.
  • Oszczędność czasu i pieniędzy - Dostępność zaplanowana od początku kosztuje mniej niż przerabianie gotowej strony.
  • Myślimy o różnych użytkownikach. Projektujemy z myślą o osobach z ograniczeniami wzroku, słuchu, ruchu i poznawczymi, nie tylko o czytnikach ekranu.
  • Testy przed oddaniem. Każdy projekt sprawdzamy narzędziami (Axe, WAVE) i ręcznie, klawiaturą.
Formularz kontaktowy wyślij zapytanie obsługa klawiaturą Tab fokus przeskakuje po kolejnych elementach kontrast tekstu tekst czytelny na białym tle 7,4:1 norma AA: 4,5:1 u nas 7,4:1, czyli z zapasem ponad wymóg czytnik ekranu przycisk: wyślij zapytanie etykieta przycisku odczytana na głos powiększenie 200% Formularz kontaktowy wyślij zapytanie 200% tekst rośnie, a układ zostaje czytelny

Wolisz napisać?

Napisz z czym się mierzysz i czego potrzebujesz. Wrócę z najlepszą propozycją i pomysłami. Bez żadnych zobowiązań.

    Wyślij wiadomość

    Formularz chroni reCAPTCHA. Obowiązują Polityka prywatności
    i Warunki korzystania Google.

    Co dostajesz w cenie

    Jeden zakres. Dostępność jest w projekcie od pierwszego dnia, a nie listą poprawek doklejonych na końcu,
    więc nie płacisz później za przerabianie gotowej strony.

    W cenie

    • Bez wtyczki nakładkowej. Nakładka nie czyni strony dostępną, a czytnikom ekranu potrafi przeszkadzać bardziej niż pomóc. Dostępność robimy w kodzie.
    • Szkolenie z utrzymania dostępności. Pokazujemy, jak dodawać treści, żeby strona nie straciła zgodności po pierwszej aktualizacji.
    • Deklaracja dostępności. Przygotowana na podstawie testów, gotowa do opublikowania.
    • Płacisz etapami, nie z góry. Na start 25%, kolejne raty po etapach, które zobaczyłeś i zaakceptowałeś.
    • Poprawek nie liczymy. Masz 3 tury, a w każdej zgłaszasz tyle uwag, ile chcesz.

    Od czego zależy cena

    • Liczba rodzajów podstron. Strona usługi, aktualności, kontakt czy galeria to osobne szablony. Każdy projektujemy i testujemy pod kątem dostępności.
    • Funkcje. Formularze, zapisy, rezerwacje, wyszukiwarka czy logowanie wymagają więcej pracy, bo każdą taką ścieżkę sprawdzamy ręcznie, klawiaturą, od początku do końca.
    • Treści do przeniesienia. Jeśli przenosimy wpisy i dokumenty PDF ze starej strony, one też muszą być dostępne. Dostosowanie dokumentów PDF wyceniamy osobno, po przejrzeniu plików.

      Co nas wyróżnia
      w tworzeniu stron z dostępnością?

      Specjaliści od dostępności cyfrowej

      Znamy wytyczne WCAG 2.1-2.2 i przepisy polskiego prawa o dostępności cyfrowej w praktyce. Projektujemy strony zgodne z zasadami inkluzywności. Uwzględniamy różne potrzeby użytkowników - od kontrastu i nawigacji klawiaturą po strukturę treści oraz semantykę kodu.

      Technologie
      przyszłości

      Budujemy strony oparte na nowoczesnych rozwiązaniach technologicznych. Nasz kod optymalizowany jest pod kątem dostępności i SEO. Dzięki temu serwisy są szybkie, elastyczne i łatwe w dalszym rozwoju.

      Deklaracja
      dostępności

      W ramach realizacji przygotowujemy również gotową deklarację dostępności, opartą na testach strony i gotową do opublikowania. Twoja instytucja dostaje serwis razem z dokumentacją dostępności cyfrowej.

      Ocena w Google: 5,0/5

      Za to właśnie cenią 
nas klienci

      Muzeum Techniki i Komunikacji w Szczecinie
      Zachodniopomorski Uniwersytet Technologiczny w Szczecinie
      Uniwersytet Szczeciński
      Zamek Książąt Pomorskich w Szczecinie
      Hartwig
      Prema Cycling Team
      Przychodnia Szczecińska
      Fundusz Pomerania
      MyWay Fitness Squash Social
      Zremb Gorzów Wielkopolski
      EPA
      Szurgot Transport
      Wakacje na Sardynii
      Mennica Zachodniopomorska
      Stocznia Szczecińska Wulkan
      Gryf Kancelaria
      Avalon Logistics Group
      Logo firmy Domex, klienta Avangardo

      Co zyskujesz
      wdrażając WCAG w swojej firmie?

      Dostępność w instytucjach

      Standard WCAG to dziś obowiązek dla wielu sektorów - w szczególności jednostek administracji publicznej, samorządów, uczelni, szkół, instytucji kultury, placówek medycznych oraz organizacji realizujących projekty unijne.

      Wdrożenie zasad dostępności nie jest już opcją, lecz wymogiem prawnym wynikającym z ustawy o dostępności cyfrowej.

      Dostępność w firmach

      Jednocześnie korzyści z dostępnych stron odczuwają również firmy komercyjne i prywatne marki, które stawiają na nowoczesność, użyteczność i pozytywny wizerunek.

      Serwisy zgodne z WCAG są szybsze, bardziej czytelne i lepiej oceniane przez wyszukiwarki, co przekłada się na lepsze wyniki SEO i wyższy poziom zaufania klientów.

      Większe zaufanie do marki

      Strony spełniające standard WCAG pokazują, że firma działa odpowiedzialnie i nowocześnie. Dla klientów i partnerów to jasny sygnał, że dbasz o wszystkich użytkowników - bez wykluczeń.

      Taka postawa zwiększa zaufanie i wzmacnia wizerunek marki, która stawia na jakość i transparentność.

      Lepsze wyniki i widoczność SEO


      Poprawna struktura, odpowiednia semantyka i przejrzystość kodu wpływają nie tylko na wygodę użytkowników, ale też na pozycję strony w wynikach wyszukiwania.

      Dostępność cyfrowa poprawia indeksację, przyspiesza działanie serwisu i zwiększa konwersje.

      Bezpieczeństwo inwestycji i spokój prawny

      Wdrażając standard WCAG 2.1-2.2, zabezpieczasz firmę przed sankcjami i koniecznością kosztownych poprawek w przyszłości.

      Strona przygotowana zgodnie z aktualnymi normami spełnia wymagania ustawowe i europejskie.

      Strona zgodna z WCAG w praktyce

      Strona Przychodni Fabian zgodna z WCAG 2.1

      Przychodnie Fabian

      Serwis sieci 4 przychodni zbudowany od nowa w miejsce witryny na Joomli i przygotowany zgodnie z WCAG 2.1, bo do przychodni przychodzą pacjenci w każdym wieku.

      Zobacz realizację

      Ile kosztuje strona i ile dokłada do wyceny dostępność, piszemy w tekście ile kosztuje strona internetowa, a wymagania prawne zebraliśmy w przewodniku po WCAG 2.2 i EAA.

      FAQ
      Strony WCAG 2.1-2.2

      Czym jest dostosowanie do WCAG 2.1 ?

      WCAG (Web Content Accessibility Guidelines) to międzynarodowe wytyczne, które opisują, jak budować strony i aplikacje, z których mogą korzystać wszyscy, także osoby z niepełnosprawnościami.

      Najnowsza wersja to WCAG 2.2 z 2023 roku. Przepisy w Polsce i UE odwołują się jeszcze do wersji 2.1, dlatego budujemy strony zgodne z obiema.

      Wytyczne opierają się na 4 zasadach:

      • treść ma być postrzegalna,
      • obsługa możliwa także bez myszy,
      • strona zrozumiała i działająca poprawnie na różnych urządzeniach,
      • oraz z czytnikami ekranu.

      Jakie elementy muszą zostać uwzględnione, aby strona internetowa była zgodna ze standardem WCAG 2.1 ?

      Aby strona internetowa była zgodna ze standardem WCAG 2.1, musi spełniać cztery podstawowe zasady dostępności:

      Percepcja - treści wizualne muszą być dostępne także w formach alternatywnych. Oznacza to m.in. dodanie tekstów alternatywnych do obrazów, napisów do materiałów wideo oraz zachowanie odpowiedniego kontrastu kolorów.

      Operacyjność - użytkownik powinien mieć możliwość poruszania się po stronie nie tylko myszką, ale również klawiaturą lub innymi technologiami wspomagającymi. Wszystkie elementy interaktywne - przyciski, formularze, menu - muszą działać w prosty i przewidywalny sposób.

      Zrozumiałość - treści na stronie powinny być logiczne i łatwe w odbiorze. Jasny język, intuicyjna nawigacja i czytelna hierarchia nagłówków pomagają każdemu użytkownikowi odnaleźć potrzebne informacje.

      Solidność - strona musi działać poprawnie w różnych środowiskach technologicznych: na komputerach, smartfonach, tabletach oraz z czytnikami ekranu. Powinna być też gotowa na rozwój technologii w przyszłości.

      Dostosowanie do WCAG 2.1 to nie tylko wymóg prawny, ale też sposób na stworzenie serwisu, który jest naprawdę dostępny, użyteczny i profesjonalny.

      Czym różni się poziom A, AA i AAA zgodności z WCAG 2.1?

      Aby strona internetowa była dostępna cyfrowo, musi spełniać tzw. kryteria sukcesu, które zostały podzielone na trzy poziomy:

      Poziom A - absolutne minimum. Jeśli nie zostanie spełnione, część użytkowników nie będzie w stanie korzystać z witryny.
      Przykłady:

      • alternatywne opisy dla obrazów,
      • dostępność wszystkich funkcji przez klawiaturę,
      • poprawna hierarchia nagłówków, ułatwiająca korzystanie z czytników ekranowych.

      Poziom AA - standard zalecany w większości wdrożeń, szczególnie dla firm i instytucji publicznych. Brak wdrożenia tych elementów znacznie utrudnia korzystanie ze strony.
      Przykłady:

      • odpowiedni kontrast tekstu względem tła,
      • napisy i transkrypcje do materiałów wideo i audio,
      • pełna obsługa urządzeń dotykowych.

      Poziom AAA - poziom najwyższy, który dodatkowo ułatwia korzystanie z serwisu, choć w praktyce nie zawsze jest możliwy do pełnego osiągnięcia.
      Przykłady:

      • możliwość personalizacji interfejsu przez użytkownika,
      • wsparcie dla języka migowego,
      • zaawansowane ułatwienia w interpretacji treści.

      Aby strona internetowa była realnie dostępna i zgodna z obowiązującymi wymaganiami, musi spełniać wszystkie kryteria sukcesu na poziomie A oraz AA. To one stanowią fundament dostępności cyfrowej, gwarantując, że serwis będzie funkcjonalny, czytelny i przyjazny dla jak najszerszego grona odbiorców.

      Czy można dostosować istniejącą stronę do potrzeb osób z niepełnosprawnościami?

      Tak, często możliwe jest wprowadzenie zmian w istniejącej witrynie, aby spełniała standard WCAG Zaczynamy od audytu, który pokazuje, które elementy wymagają poprawy. W niektórych przypadkach wystarczą drobne modyfikacje. Natomiast starsze strony, oparte na przestarzałych technologiach, mogą wymagać pełnej przebudowy, co bywa bardziej opłacalne niż rozbudowane poprawki.

      Czy dostosowanie strony do WCAG jest obowiązkowe?

      To zależy od tego, co sprzedajesz i jak duża jest twoja firma. Od 28 czerwca 2025 roku obowiązuje w Polsce ustawa o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług, która wdraża Europejski Akt o Dostępności.

      Obejmuje między innymi sklepy internetowe i usługi, w których klient zawiera umowę przez stronę, a także bankowość, transport i e-booki.

      Mikroprzedsiębiorstwa świadczące usługi, czyli firmy zatrudniające mniej niż 10 osób i mające do 2 mln euro obrotu rocznie, są z tego obowiązku zwolnione. Przepisy odwołują się do normy, która w praktyce wymaga zgodności z WCAG 2.1 na poziomie AA.

      Jakie są koszty dostosowania strony do WCAG?

      Koszt zależy od tego, czy poprawiamy obecną stronę, czy budujemy nową. Zaczynamy wtedy od audytu dostępności, który kosztuje od 1 900 zł netto i pokazuje, co i za ile da się naprawić.

      Nowa strona zgodna z WCAG kosztuje od 7 000 zł netto. Jeśli poprawki starej strony zbliżają się kosztem do nowej, mówimy o tym wprost.

      Jakie korzyści biznesowe daje strona zgodna z WCAG 2.1?

      Dostępność to nie tylko obowiązek, ale i przewaga. Strony zgodne z WCAG są lepiej oceniane przez wyszukiwarki, szybciej się ładują i są łatwiejsze w obsłudze, co przekłada się na większe zaufanie klientów i wyższe konwersje.

      Czy dostosowanie strony do WCAG wpływa na jej wygląd?

      Nie. Dobrze zaprojektowana strona dostępna cyfrowo może być równie nowoczesna i estetyczna jak każda inna. Standard WCAG nie ogranicza designu lecz porządkuje go i nadaje mu większą spójność.

      Jak przebiega proces dostosowania strony do WCAG?

      Zaczynamy od audytu dostępności, następnie przygotowujemy raport i plan zmian. Kolejne etapy to wdrożenie poprawek, testy automatyczne i manualne oraz weryfikacja końcowa zgodności z WCAG 2.1.

      Czym różni się WCAG 2.1 od WCAG 2.2?

      WCAG 2.2 to rozwinięcie wersji 2.1, a nie jej zamiennik. Wszystkie wymagania z 2.1 nadal obowiązują, doszło do nich dziewięć nowych kryteriów, z czego sześć na poziomie AA, czyli tym, który dotyczy firm. Jedno stare kryterium (poprawność kodu HTML) zostało usunięte, bo dzisiejsze przeglądarki radzą sobie z tym same. Strona zgodna z 2.2 jest automatycznie zgodna z 2.1.

      Nowe wymagania dotyczą głównie obsługi strony bez myszy i bez polegania na pamięci:

      • zaznaczenie elementu klawiszem Tab musi być widoczne i nie może chować się pod przyklejonym menu czy oknem czatu,
      • przyciski i inne klikalne elementy muszą mieć co najmniej 24 na 24 piksele,
      • czynność wykonywaną przeciąganiem trzeba dać się wykonać także zwykłym kliknięciem,
      • logowanie nie może wymagać przepisywania kodu z pamięci ani rozwiązywania zagadek.

      Piszemy „WCAG 2.1-2.2″, bo przepisy i standard rozjechały się w czasie. Polskie i unijne regulacje wskazują dziś wersję 2.1 na poziomie AA, ale norma EN 301 549, na której opiera się Europejski Akt o Dostępności, w nowej wersji z września 2026 roku przechodzi już na WCAG 2.2. Gdy Komisja Europejska ogłosi ją w swoim Dzienniku Urzędowym, wersja 2.2 stanie się obowiązującym standardem. Strony budujemy od razu pod 2.2, żeby nie trzeba było do nich wracać.

      Aktualizacja:

      Marcin Osak z Avangardo