Udělej svůj obchod na WooCommerce opravdu přístupný. EAA a WCAG, bez overlaye

Pravda: WooCommerce není automaticky přístupný

Slušné blokové téma WooCommerce jako Storefront startuje lépe než mnoho obchodů, ale samo o sobě WCAG 2.2 AA splňuje jen zřídka. Jakmile upravíš svůj checkout, nainstaluješ rozšíření nebo zvolíš téma se světle šedými tlačítky, vznikají bariéry, které tvoji zákazníci, a European Accessibility Act, nepřijmou.

Co se na WooCommerce často kazí

• Chybové hlášky v checkoutu bez aria-liveKdyž pokladna selže, WooCommerce zobrazí hlášku jako „zadejte platnou adresu“. Bez aria-live="assertive" nevidomý uživatel tu hlášku neslyší a jen hádá, proč objednávka neprojde.
• Pole formuláře bez propojeného popiskuV mnoha tématech a úpravách checkoutu mají pole žádný správně propojený popisek nebo jen placeholder. Uživatel čtečky obrazovky pak slyší prázdné vstupní pole, aniž ví, co do něj patří.
• Příliš nízký kontrast v tlačítkách tématuMnoho témat WooCommerce používá světle šedý text na barevném tlačítku nebo barvu tlačítka blízkou pozadí. To často nesplní minimální kontrast WCAG, takže slabozrací zákazníci nepřečtou „Do košíku“.
• Add-to-cart přes AJAX bez hlášení stavuKdyž zákazník klikne na „Do košíku“, probíhá to přes AJAX bez znovunačtení stránky. Bez live region čtečka obrazovky neohlásí, že byl produkt přidán, takže uživatel neví, jestli se akce povedla.

Jak vypadá skutečná oprava

Vezmi si popisek formuláře ve svém checkoutu WooCommerce. Přes filtr se napojíš na pole a dáš mu správný, propojený název, žádná přestavba 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 dostaneš

U reportovacího nástroje platíš licenci i své vývojáře, aby chyby opravili. U Seviranta je oprava součástí, žádný dvojí účet.

Ochraň svou konverzi i svůj právní status

Aplikace, která na tvůj web na WooCommerce nalepí ikonu přístupnosti, je riziko pro tvůj byznys. Fakta v kostce:

WooCommerce uvádí, že splňuje WCAG 2.2 AA. Proč tedy můj obchod neprochází?

Toto tvrzení se týká front-endu základního pluginu na výchozím motivu. Váš motiv, vaše barvy, váš produktový obsah, vaše úpravy checkoutu a každý plugin se vykreslují na téže stránce, a právě tam jsou nálezy. WooCommerce to samo říká: motivy a pluginy mohou přístupnost checkoutu narušit.

Prodávám také do Německa nebo Francie. Co tam platí pro můj obchod na WooCommerce?

Německo: BFSG platí od 28. června 2025 pro B2C e-shopy, s výjimkou pro mikropodniky (méně než deset osob a nejvýše 2 miliony eur obratu nebo bilanční sumy); dozor vykonává Marktüberwachungsstelle der Länder (MLBF). Francie: od 28. června 2025 spadá e-commerce pod transpozici EAA v Code de la consommation, se stejnou výjimkou pro mikropodniky, pod dozorem DGCCRF; měřítkem je RGAA (WCAG 2.1 AA). V obou zemích se počítá zveřejněná stránka, ne skutečnost, že používáte WooCommerce.

Mám přejít z checkoutu přes shortcode na blokový checkout?

Ne nutně. WooCommerce nezveřejňuje žádné srovnání a zpráva testuje obojí. Blokový checkout je však od verze 9.0 místem, kam dopadá většina vylepšení (landmark main, stavové zprávy, struktura nadpisů). Pokud zůstáváte u shortcode, zkontrolujte si sami chybové zprávy, popisky a stavovou zprávu při 'aktualizaci košíku'; tyto body byly opraveny až v roce 2025.

Stačí widget přístupnosti pro WooCommerce na EAA?

Ne. Widget položí na tvůj web vrstvičku, ale neopraví podkladový kód a neplatí jako strukturální soulad.

Spadá můj checkout na WooCommerce pod EAA?

Ano. Checkout a navigace jsou výslovně součástí povinnosti podle WCAG 2.1 AA.

Skenuje Seviranta i mé aplikace na WooCommerce?

Ano. Testujeme konečné vygenerované HTML, téma plus aplikace, tak, jak to dělá regulátor.

Zpomalí mi to web na WooCommerce?

Ne. Skenujeme externě z našich serverů v EU; na tvůj web nepřijde žádný skript. 0% dopad na rychlost načítání a Core Web Vitals.