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:

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.