Spraw, by Twój sklep WooCommerce był naprawdę dostępny. EAA i WCAG, bez nakładki

Prawda: WooCommerce nie jest domyślnie dostępny

Porządny motyw WooCommerce, taki jak Storefront, startuje lepiej niż wiele sklepów, ale sam z siebie rzadko spełnia WCAG 2.2 AA. Gdy tylko dostosujesz checkout, zainstalujesz rozszerzenia albo wybierzesz motyw z jasnoszarymi przyciskami, pojawiają się bariery, których Twoi klienci, i European Accessibility Act, nie zaakceptują.

Co najczęściej szwankuje na WooCommerce

• Komunikaty o błędach w checkoucie bez aria-liveGdy zamawianie się nie powiedzie, WooCommerce wyświetla komunikat w stylu „podaj prawidłowy adres”. Bez aria-live="assertive" niewidomy użytkownik nie usłyszy tego komunikatu i zostaje ze zgadywaniem, dlaczego zamówienie nie przechodzi.
• Pola formularza bez powiązanej etykietyW wielu motywach i dostosowaniach checkoutu pola trafiają bez poprawnie powiązanej etykiety albo tylko z placeholderem. Użytkownik czytnika ekranu słyszy wtedy puste pole, nie mając pojęcia, co w nim wpisać.
• Zbyt niski kontrast w przyciskach motywuWiele motywów WooCommerce stosuje jasnoszary tekst na kolorowym przycisku albo kolor przycisku zbliżony do tła. To często nie osiąga minimum kontrastu WCAG, przez co słabowidzący klienci nie mogą odczytać „Do koszyka”.
• Dodawanie do koszyka przez AJAX bez komunikatu o stanieGdy klient kliknie „Do koszyka”, dzieje się to przez AJAX, bez przeładowania strony. Bez obszaru live czytnik ekranu nie informuje, że produkt został dodany, więc użytkownik nie wie, czy akcja się powiodła.

Tak wygląda prawdziwa poprawka

Weźmy etykietę formularza w Twoim checkoucie WooCommerce. Za pomocą filtra podpinasz się pod pole i nadajesz mu poprawną, powiązaną nazwę, bez przebudowy checkoutu:

<input type="text" name="billing_company" id="billing_company"
  placeholder="Bedrijfsnaam">

add_filter( 'woocommerce_checkout_fields', function( $fields ) {
  $fields['billing']['billing_company']['label'] = __( 'Bedrijfsnaam', 'theme' );
  return $fields;
} );

Co otrzymujesz

Przy narzędziu raportującym płacisz za licencję oraz swoim deweloperom za naprawę błędów. W Seviranta poprawka jest w cenie, bez podwójnego rachunku.

Chroń swoją konwersję i swój status prawny

Aplikacja, która dokleja ikonę dostępności na Twoją stronę WooCommerce, to ryzyko dla Twojego biznesu. Oto fakty:

WooCommerce twierdzi, że spełnia WCAG 2.2 AA. Dlaczego więc mój sklep nie przechodzi?

To twierdzenie dotyczy front-endu wtyczki podstawowej na domyślnym motywie. Twój motyw, Twoje kolory, treści produktów, modyfikacje checkoutu i każda wtyczka renderują się na tej samej stronie, i to tam są uwagi. WooCommerce samo to przyznaje: motywy i wtyczki mogą zepsuć dostępność checkoutu.

Sprzedaję też do Niemiec lub Francji. Co obowiązuje tam mój sklep WooCommerce?

Niemcy: BFSG obowiązuje od 28 czerwca 2025 sklepy internetowe B2C, z wyjątkiem dla mikroprzedsiębiorstw (mniej niż dziesięć osób i maksymalnie 2 miliony euro obrotu lub sumy bilansowej); nadzór sprawuje Marktüberwachungsstelle der Länder (MLBF). Francja: od 28 czerwca 2025 e-commerce podlega transpozycji EAA w Code de la consommation, z tym samym wyjątkiem dla mikroprzedsiębiorstw, pod nadzorem DGCCRF; miarą jest RGAA (WCAG 2.1 AA). W obu krajach liczy się opublikowana strona, a nie fakt, że korzystasz z WooCommerce.

Czy mam przejść z checkoutu opartego na shortcode na checkout blokowy?

Niekoniecznie. WooCommerce nie publikuje porównania, a raport testuje oba warianty. Jednak checkout blokowy jest od wersji 9.0 miejscem, gdzie ląduje najwięcej ulepszeń (landmark main, komunikaty o stanie, struktura nagłówków). Jeśli zostajesz przy shortcode, sprawdź samodzielnie komunikaty o błędach, etykiety i komunikat o stanie przy 'aktualizuj koszyk'; te punkty naprawiono dopiero w 2025.

Czy widżet dostępności WooCommerce wystarczy dla EAA?

Nie. Widżet kładzie warstwę na Twoją stronę, ale nie naprawia kodu u podstaw i nie liczy się jako zgodność strukturalna.

Czy mój checkout WooCommerce podlega EAA?

Tak. Checkout i nawigacja są wprost częścią obowiązku w ramach WCAG 2.1 AA.

Czy Seviranta skanuje też moje aplikacje WooCommerce?

Tak. Testujemy ostateczny wygenerowany HTML, motyw plus aplikacje, tak, jak robi to organ nadzoru.

Czy to spowolni moją stronę WooCommerce?

Nie. Skanujemy z zewnątrz, z naszych serwerów w UE; żaden skrypt nie trafia na Twoją stronę. 0% wpływu na szybkość ładowania i Core Web Vitals.