Pytanie "ile kosztuje dostosowanie sklepu Shopify do dostępności" nie ma jednej odpowiedzi, bo zależy od stanu wyjściowego motywu, liczby naruszeń i tego, ile pracy wykonasz samodzielnie. Da się jednak rozłożyć to na konkretne pozycje: co kosztuje czas, co kosztuje pieniądze, czego nie da się zrobić bez programisty i w jakiej kolejności to robić, żeby najpierw zająć się tym, co realnie weryfikują organy nadzoru. Ten artykuł podaje ten rozkład bez obietnic o "stałej cenie", bo każda taka liczba w internecie jest zmyślona.
Zanim wydasz złotówkę, sprawdź, czy jesteś objęty obowiązkiem. Ustawa z dnia 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług (Dz.U. 2024 poz. 731) transponuje dyrektywę (UE) 2019/882 (European Accessibility Act) i obowiązuje od 28 czerwca 2025 r. Sklepy internetowe wchodzą w jej zakres jako "usługi handlu elektronicznego" (definicja w art. 5 pkt 32), a wymagania dla nich określa art. 18.
Wyłączenia ustawy reguluje art. 4. Z obowiązku zwolnione są mikroprzedsiębiorstwa, czyli podmioty zatrudniające poniżej 10 osób ORAZ osiągające roczny obrót lub sumę bilansową nieprzekraczające 2 mln EUR. Oba warunki muszą być spełnione łącznie. Sklep z ośmioma pracownikami i obrotem 4 mln EUR podlega ustawie w pełni, bo przekracza próg finansowy. Jeśli jesteś mikroprzedsiębiorcą, dostępność nadal poprawia konwersję, ale nie jest obowiązkiem prawnym. Szerzej o samej ustawie piszemy w artykule Ustawa o zapewnianiu dostępności 2025: Shopify, 12 punktów.
Koszt dostosowania to nie jedna faktura, tylko trzy różne rzeczy.
Czas na diagnozę. Zanim cokolwiek naprawisz, musisz wiedzieć, co jest zepsute. Automatyczny skan strony głównej, jednej kolekcji, jednej karty produktu i koszyka zajmuje kilka minut narzędziem i daje listę naruszeń z konkretnymi miejscami w kodzie. To najtańszy etap i nie warto go pomijać, bo bez niego naprawiasz na ślepo.
Czas na poprawki, które zrobisz sam. Część naruszeń to praca w panelu Shopify, bez dotykania kodu: teksty alternatywne do zdjęć produktów, deklaracja dostępności jako osobna strona, ustawienie języka sklepu. To godziny, nie dni, i nie wymaga programisty.
Pieniądze lub czas na poprawki w kodzie motywu. Reszta naruszeń, czyli kontrast w plikach CSS, brakujący wskaźnik fokusu, niedostępne megamenu, wymaga edycji szablonu. Tu albo poświęcasz własny czas, jeśli umiesz czytać Liquid i CSS, albo płacisz za godziny pracy freelancera bądź agencji. Stawki rynkowe są zmienne i zależą od wykonawcy, więc nie podajemy tu konkretnej kwoty: to byłoby zmyślenie.
Zacznij od rzeczy, które nic nie kosztują poza Twoim czasem i nie wymagają edycji kodu.
- Teksty alternatywne do zdjęć. W panelu pod "Produkty > Multimedia > Edytuj tekst alternatywny" dopisujesz opis każdego zdjęcia niosącego informację. Obrazy czysto dekoracyjne dostają puste
alt="" w ustawieniach sekcji. Brak tekstu alternatywnego to jedno z najczęściej wykrywanych naruszeń na świecie, a jego naprawa to czysta praca redakcyjna.
- Deklaracja dostępności. Publikujesz osobną stronę pod adresem
/pages/deklaracja-dostepnosci i podpinasz ją w stopce. Nawet jeśli dokumentuje trwające prace, świadczy o dobrej wierze. Gotowy szablon znajdziesz w artykule Deklaracja dostępności sklepu Shopify: wzór.
- Język strony i podstawowa konfiguracja. Upewnij się, że sklep ma ustawiony język główny, dzięki czemu
<html lang="pl"> generuje się poprawnie.
- Mechanizm zgłaszania barier. Wystarczy aktywnie monitorowany adres e-mail, na który odpowiadasz. To nie kosztuje nic poza dyscypliną.
Ten zestaw zwykle pokrywa znaczną część prostych naruszeń i jest w całości w zasięgu osoby prowadzącej sklep.
Pozostałe naruszenia siedzą w plikach motywu i tu kończy się praca w panelu.
- Kontrast tekstu i elementów UI. Zbyt jasny szary tekst na białym tle albo obramowania pól formularzy o kontraście 1,3:1 poprawia się w zmiennych CSS, najczęściej w
base.css. Trzeba zmierzyć faktyczne wartości w narzędziu typu Chrome DevTools, bo różnią się między motywami.
- Wskaźnik fokusu. Typowy grzech motywów to reguła
*:focus { outline: none; }, która usuwa natywny pierścień fokusu. Naprawa to usunięcie reguły albo zastąpienie jej widocznym :focus-visible.
- Obsługa klawiaturą. Megamenu otwierane wyłącznie najechaniem myszą, modale, które "więżą" fokus, filtry w kolekcjach niedostępne z klawiatury: to zwykle najtrudniejsza i najdroższa część, bo dotyka logiki JavaScript.
- Powierzchnie klikalne i poprawne ARIA. Drobne ikony poniżej 24x24 px oraz pseudo-przyciski zbudowane na
<div onclick> zamiast <button>.
Jeśli pracujesz na popularnym motywie, część tych poprawek jest dobrze udokumentowana. Rozpiskę dla konkretnego przypadku znajdziesz w artykule Motyw Dawn a WCAG: dostępność sklepu Shopify.
Nie naprawiaj wszystkiego naraz. Kolejność powinna iść za realnym ryzykiem, a nie za tym, co najłatwiej kliknąć.
- Skan diagnostyczny czterech kluczowych typów stron (główna, kolekcja, produkt, koszyk). Bez listy naruszeń nie zaplanujesz budżetu.
- Trzy najczęstsze błędy w pierwszej kolejności: brakujące teksty alternatywne, brakujące etykiety pól formularzy, zbyt niski kontrast tekstu. To naruszenia masowo wykrywane automatycznie i najszybciej widoczne dla każdego, kto Twój sklep zbada.
- Ścieżka zakupu od fokusu do kasy. Klient musi przejść klawiaturą od listingu, przez kartę produktu i koszyk, aż do złożenia zamówienia. Bariera na tej ścieżce realnie blokuje sprzedaż.
- Deklaracja dostępności i kanał zgłoszeń. Publikujesz, nawet jeśli prace trwają.
- Reszta naruszeń według priorytetu z raportu skanu.
Taka kolejność oznacza, że najtańsze i najbardziej widoczne poprawki robisz najpierw, a kosztowną pracę programistyczną planujesz na bazie twardej listy, nie domysłów.
AccessifyAI skanuje sklep Shopify i wskazuje konkretne naruszenia z miejscem w kodzie, a następnie proponuje poprawki w samym kodzie motywu, które oglądasz przed zastosowaniem. To skraca etap diagnozy i etap przygotowania poprawek, czyli dwie z trzech pozycji kosztowych z początku tego artykułu. Aplikacja ma darmowy start i płatne plany dla większych potrzeb, a aktualne warunki znajdziesz w Shopify App Store.
Trzeba jasno powiedzieć, czego AccessifyAI nie robi: nie gwarantuje zgodności prawnej i nie czyni sklepu "zgodnym z prawem". Pomaga znaleźć i usunąć bariery oraz przygotować poprawki w kodzie, ale decyzja o publikacji i ocena prawna należą do Ciebie.
Kuszące jest zainstalowanie nakładki (overlay) i potraktowanie tego jako "koszt zamknięty". To pułapka budżetowa. Nakładka dokłada warstwę JavaScript na stronie, ale nie zmienia kodu źródłowego motywu, a to właśnie kod źródłowy jest podstawą oceny w razie skargi. Skaner uruchomiony na adresie URL raportuje te same naruszenia co przed instalacją. Fundacja Widzialni od lat odradza nakładki, a w styczniu 2025 r. amerykańska FTC zawarła z firmą accessiBe ugodę na 1 milion USD w związku z twierdzeniami marketingowymi o automatycznej zgodności. AccessifyAI idzie odwrotną drogą: proponuje poprawki w samym kodzie. Pełne omówienie znajdziesz w artykule Nakładki dostępności a polskie prawo.
Najtańszy ruch to diagnoza, bo bez niej każda wycena jest zgadywaniem. Zacznij od bezpłatnego skanu, żeby zobaczyć, ile naruszeń faktycznie masz i które z nich naprawisz sam, a które wymagają programisty.
Uruchom darmowy skan strony głównej i przejdź dalej do listy naruszeń wraz z miejscem w kodzie.
Nie istnieje jedna stała cena i każda konkretna kwota podawana z góry jest niewiarygodna. Koszt zależy od trzech zmiennych: liczby naruszeń wykrytych w Twoim motywie, ile poprawek zrobisz sam w panelu (teksty alt, deklaracja, język), a ile zlecisz w kodzie (kontrast, fokus, klawiatura). Diagnoza skanem jest tania, część poprawek w panelu to tylko Twój czas, a kosztowna bywa praca programistyczna nad logiką motywu. Realny budżet ustalisz dopiero po skanie.
Częściowo tak. Teksty alternatywne, deklarację dostępności, ustawienie języka i kanał zgłoszeń ogarniesz w panelu Shopify bez kodu. Poprawki kontrastu w CSS, wskaźnik fokusu, dostępność megamenu i modali wymagają edycji motywu, więc albo umiesz czytać Liquid i CSS, albo zlecasz te pozycje wykonawcy.
Od skanu czterech typów stron, a potem od trzech najczęstszych naruszeń: brakujące teksty alternatywne, brakujące etykiety pól formularzy, zbyt niski kontrast tekstu. Następnie sprawdź, czy całą ścieżkę zakupu da się przejść klawiaturą, i opublikuj deklarację dostępności. To kolejność od najtańszego i najbardziej widocznego do najbardziej kosztownego.
Nie. Nakładka dokłada warstwę i nie zmienia kodu źródłowego motywu, który jest podstawą oceny. Skaner uruchomiony na adresie URL pokaże te same naruszenia. Fundacja Widzialni odradza nakładki, a FTC zawarła w styczniu 2025 r. ugodę z accessiBe na 1 milion USD za reklamę automatycznej zgodności. To wydatek, który nie usuwa przyczyny.
Nie. Każda zmiana motywu, każda nowa aplikacja i każda przebudowa sekcji może wprowadzić nowe bariery. Rozsądna praktyka to ponowny skan po publikacji nowej wersji motywu, po instalacji nowej aplikacji oraz okresowo, na przykład co kwartał. O cyklu kontroli i jej przebiegu piszemy w artykule Kontrola PFRON: dostępność sklepu internetowego.