SevirantaTak wygląda prawdziwa dokumentacja zgodności
To nie jest przykład marketingowy ani streszczenie. Poniżej widzisz pełny, nieskrócony raport wygenerowany przez dokładnie ten sam silnik skanujący, który wkrótce będzie również stale sprawdzał Twoją platformę.
Co pokazuje ten przykład
Prawdziwy skan, bez inscenizacji
Wykonany w naszym własnym środowisku demonstracyjnym z celowo wbudowanymi błędami. Nie zestawiony ani dostosowany na potrzeby prezentacji.
Ten sam silnik co w produkcji
To dokładnie ten sam skan i ta sama dokładność, która wkrótce oceni Twoje strony.
Nieskrócony, wiersz po wierszu
Każde ustalenie wraz z dokładną lokalizacją i konkretną poprawką. Nic nie pominięto, nic nie upiększono.
Skalowalny od jednego sklepu internetowego po enterprise
Ta sama norma, ta sama dokładność i ten sam materiał dowodowy, niezależnie od rozmiaru Twojej platformy.
Jak powstał ten przykład
To prawdziwy skan naszego sklepu demo „Nordlys Living”, fikcyjnego sklepu internetowego, w którym celowo umieściliśmy błędy najczęściej spotykane przez nas w praktyce: obrazy bez tekstu alternatywnego, zbyt niski kontrast kolorów, pole bez etykiety, przycisk i link bez nazwy. Możesz samodzielnie obejrzeć stronę demo. Nic w tym raporcie nie jest zmyślone ani podkoloryzowane, to, co znalazł silnik, widzisz poniżej.
Wynik dla https://seviranta.com/demo-winkel.html
5 naruszeń · 12 miejsc na tej stronie nie przechodzi testu WCAG 2.1 i 2.2 AA.
Masz prawny obowiązek zgodności z European Accessibility Act. Zapisz się na ciągły audyt, aby uniknąć kar.
Przetestowano względem EN 301 549 (WCAG 2.1 AA) + WCAG 2.2 AA przy użyciu axe-core 4.11.4. Zautomatyzowane testowanie wykrywa wiarygodnie około 57% problemów; punkty do weryfikacji wymagają ludzkiego osądu. To nie jest deklaracja pełnej zgodności.
Według kryterium WCAG
Te same naruszenia, pogrupowane według kryterium sukcesu, którego dotyczą.
- 1.4.3 Kontrast (minimalny)7 miejsc
- 4.1.2 Nazwa, rola, wartość3 miejsc
- 1.1.1 Treść nietekstowa2 miejsc
- 2.4.4 Cel linku (w kontekście)1 miejsce
Naruszenia, pewne maszynowo
- Krytyczne1× na tej stronie
Co to znaczy · Przycisk bez nazwy jest odczytywany jako 'przycisk', bezużyteczny dla osób niewidzących. Często dotyczy przycisku koszyka i wyszukiwania.
Jak to naprawić · Nadaj przyciskowi tekst lub aria-label opisujący działanie ('Dodaj do koszyka', 'Szukaj').
Na Twojej stronie
Źle ·<button class="icon-btn"><span aria-hidden="true">🔍</span></button>Dobrze ·<button aria-label="Dodaj do koszyka"><svg>…</svg></button>WCAG wcag2a, wcag412 · Nazwa techniczna: Buttons must have discernible text · źródło techniczne dla Twojego developera
- Poważne7× na tej stronie
Co to znaczy · Tekst o zbyt niskim kontraście jest nieczytelny dla osób słabowidzących oraz w jasnym świetle słonecznym na telefonie. To zdecydowanie najczęstsze ustalenie EAA w sklepach internetowych.
Jak to naprawić · Przyciemnij lub rozjaśnij kolor tekstu albo tła, aż współczynnik kontrastu wyniesie co najmniej 4,5:1 (3:1 dla dużego tekstu). W Shopify: ustawienia motywu → kolory; zmień kolory przycisków i tekstu jeden raz, a zmiana obejmie cały motyw.
Na Twojej stronie
Przykładowy tekstzmierzono 1,87:1, wymagane 4,5:1#b8b2a7 na #f4f1ecPrzykładowy tekstzmierzono 1,52:1, wymagane 4,5:1#ffffff na #a8dadcPrzykładowy tekstzmierzono 1,73:1, wymagane 4,5:1#c9c4bb na #ffffffWCAG wcag2aa, wcag143 · Nazwa techniczna: Elements must meet minimum color contrast ratio thresholds · źródło techniczne dla Twojego developera
- Krytyczne2× na tej stronie
Co to znaczy · Obrazy bez tekstu alternatywnego są niewidoczne dla czytników ekranu. W przypadku zdjęć produktów oznacza to, że niewidomy klient nie wie, czym jest produkt.
Jak to naprawić · Nadaj każdemu obrazowi informacyjnemu krótki tekst alternatywny opisujący, co przedstawia. W Shopify: produkt → multimedia → 'edytuj tekst alternatywny'. Obrazy czysto dekoracyjne otrzymują pusty alt (alt="").
Na Twojej stronie
Źle ·<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Crect fill='%23dfe7e2' width='220' height='140'/%3E%3Ccircle cx='110' cy='70' r='38' fill='%238aa39b'/%3E%3C/svg%3E" width="220" height="140">Dobrze ·<img src="pies.jpg" alt="Brązowy szczeniak labradora z obrożą">…i 1 podobny element na tej stronie.
WCAG wcag2a, wcag111 · Nazwa techniczna: Images must have alternative text · źródło techniczne dla Twojego developera
- Krytyczne1× na tej stronie
Co to znaczy · Pola formularza bez etykiety nie dają się obsłużyć czytnikiem ekranu i utrudniają korzystanie każdemu z niepełnosprawnością. Dotyczy pól wyszukiwania, logowania i finalizacji zakupu.
Jak to naprawić · Powiąż widoczną etykietę <label> z każdym polem formularza (for/id) lub użyj aria-label, gdy brakuje miejsca na widoczny tekst.
Na Twojej stronie
Źle ·<input type="email" name="email">Dobrze ·<label for="email">Adres e-mail</label><input id="email" type="email">WCAG wcag2a, wcag412 · Nazwa techniczna: Form elements must have labels · źródło techniczne dla Twojego developera
- Poważne1× na tej stronie
Co to znaczy · Link bez czytelnego tekstu (np. sama ikona) jest odczytywany przez czytnik ekranu jako 'link' bez miejsca docelowego, odwiedzający nie wie, dokąd prowadzi.
Jak to naprawić · Nadaj linkowi widoczny tekst albo aria-label / ukryty tekst opisujący miejsce docelowe (np. 'Zobacz koszyk' zamiast samej ikony koszyka).
Na Twojej stronie
Źle ·<a href="#cart"><span aria-hidden="true">🛒</span></a>Dobrze ·<a href="/koszyk" aria-label="Zobacz koszyk"><svg>…</svg></a>WCAG wcag2a, wcag244, wcag412 · Nazwa techniczna: Links must have discernible text · źródło techniczne dla Twojego developera
Wymaga ręcznej weryfikacji
- Poważne1× na tej stronie
Co to znaczy · Tekst o zbyt niskim kontraście jest nieczytelny dla osób słabowidzących oraz w jasnym świetle słonecznym na telefonie. To zdecydowanie najczęstsze ustalenie EAA w sklepach internetowych.
Jak to naprawić · Przyciemnij lub rozjaśnij kolor tekstu albo tła, aż współczynnik kontrastu wyniesie co najmniej 4,5:1 (3:1 dla dużego tekstu). W Shopify: ustawienia motywu → kolory; zmień kolory przycisków i tekstu jeden raz, a zmiana obejmie cały motyw.
Na Twojej stronie
Źle ·<h2>Get 10% off your first order</h2>WCAG wcag2aa, wcag143 · Nazwa techniczna: Elements must meet minimum color contrast ratio thresholds · źródło techniczne dla Twojego developera
Dlaczego to się liczy
European Accessibility Act obowiązuje od 28 czerwca 2025 r., to nie przyszły obowiązek, lecz obowiązujące prawo. Państwa członkowskie muszą nakładać sankcje „skuteczne, proporcjonalne i odstraszające”. Poza tym z każdym odwiedzającym, który nie może korzystać z Twojej strony, tracisz klienta, który nie finalizuje zakupu. Dobra wiadomość: powyższe naruszenia pewne maszynowo da się naprawić.
Ile może kosztować brak zgodności
- Niderlandy, do dziesiątek tysięcy euro za naruszenie plus kary przymuszające; ACM aktywnie egzekwuje przepisy i w 2026 r. publicznie wezwał najgorzej wypadające sklepy internetowe.
- Niemcy, do €100 000 (BFSG).
- Francja, do €50 000 za usługę online (Arcom).
- Hiszpania, €90 000 faktycznie nałożone na Vueling (utrzymane przez Audiencia Nacional).
- W 2024 r. pozwano 1 023 sklepy internetowe z widżetem nakładkowym, nakładka ich nie ochroniła.
W ramach EAA pierwsze egzekwowanie i procesy ruszyły w latach 2025-2026; szerokie nakładanie kar jest jeszcze na wczesnym etapie. To ustawowe maksima.
Pułapka nakładki
Widżety obiecujące, że jedną linijką kodu uczynią Twoją stronę „w 100% dostępną”, nie naprawiają kodu pod spodem, kładą na niego warstwę, mogą wprowadzać nowe problemy i nie chronią przed roszczeniami. Amerykański regulator FTC ukarał w 2025 r. znanego dostawcę nakładek grzywną $1 mln za wprowadzające w błąd deklaracje zgodności. My robimy odwrotnie: pokazujemy, co naprawdę się dzieje i jak to naprawdę naprawić.
Ile kosztuje pilnowanie tego samodzielnie?
Przybliżony szacunek na podstawie Twojego skanu, dostosuj liczby do własnej sytuacji.
Te 12 miejsc na tej stronie to szacunkowo 3 godz. ≈ 270 € pracy naprawczej.
I to tylko jednorazowa naprawa. Twoja strona ciągle się zmienia, bez monitoringu wciąż wkradają się nowe błędy i wszystko zaczyna się od nowa. Seviranta znajduje i monitoruje to na bieżąco, dzięki czemu praca jest wykonana celnie i raz a dobrze.
Szacunek, nie oferta. Rzeczywista praca zależy od tego, jak zbudowana jest Twoja strona, komponenty wielokrotnego użytku i szablony robią dużą różnicę.
Twoja deklaracja dostępności, generowana automatycznie
Na podstawie pełnego audytu przygotowujemy Twoją wymaganą prawem deklarację dostępności, dla UE, USA lub całego świata, gotową do opublikowania na Twojej stronie. Załóż konto, aby ją wygenerować i pobrać.
Załóż kontoCiekawi Cię, co ten sam silnik znajdzie na Twojej stronie?
Darmowy skan sprawdza jedną podstronę Twojej strony na pełnej głębokości. Bez konta, bez karty kredytowej, niczego nie zapisujemy.