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:

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.