Gör din WooCommerce-butik verkligt tillgänglig. EAA och WCAG, utan overlay

Sanningen: WooCommerce är inte tillgängligt automatiskt

Ett snyggt WooCommerce-blocktema som Storefront börjar bättre än många butiker, men uppfyller sällan WCAG 2.2 AA av sig självt. Så fort du anpassar din kassa, installerar tillägg eller väljer ett tema med ljusgrå knappar uppstår hinder som dina kunder, och European Accessibility Act, inte accepterar.

Vad som ofta går fel på WooCommerce

• Kassans felmeddelanden utan aria-liveOm kassan misslyckas visar WooCommerce ett meddelande som 'ange en giltig adress'. Utan aria-live="assertive" hör en blind användare aldrig det meddelandet och får fortsätta gissa varför beställningen inte går igenom.
• Formulärfält utan kopplad etikettI många teman och kassaanpassningar levereras fält utan en korrekt kopplad etikett eller bara med en platshållare. En skärmläsaranvändare hör då ett tomt inmatningsfält utan att veta vad som ska in i det.
• För låg kontrast i temaknapparMånga WooCommerce-teman använder ljusgrå text på en färgad knapp, eller en knappfärg nära bakgrunden. Det når ofta inte WCAG:s kontrastminimum, vilket gör att synsvaga kunder inte kan läsa 'Lägg i varukorg'.
• Add-to-cart via AJAX utan statusmeddelandeNär en kund klickar på 'Lägg i varukorg' sker det via AJAX utan att sidan laddas om. Utan en live-region meddelar en skärmläsare aldrig att produkten lades till, så att användaren inte vet om åtgärden lyckades.

Så här ser en riktig fix ut

Ta en formuläretikett i din WooCommerce-kassa. Via ett filter hakar du in på fältet och ger det ett korrekt, kopplat namn, ingen ombyggnad av kassan:

<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;
} );

Vad du får

Med ett rapporteringsverktyg betalar du licensen och dina utvecklare för att lösa felen. Hos Seviranta ingår fixen, ingen dubbel räkning.

Skydda din konvertering och din juridiska ställning

En app som klistrar en tillgänglighetsikon över din WooCommerce-sajt är en risk för din verksamhet. Fakta i korthet:

Räcker en WooCommerce accessibility-widget för EAA?

Nej. En widget lägger ett lager över din sajt, men reparerar inte den underliggande koden och räknas inte som strukturell compliance.

Omfattas min WooCommerce-kassa av EAA?

Ja. Kassan och navigeringen är uttryckligen en del av kravet under WCAG 2.1 AA.

Skannar Seviranta även mina WooCommerce-appar?

Ja. Vi testar den slutgiltiga genererade HTML:en, tema plus appar, så som en tillsynsmyndighet gör.

Gör det här min WooCommerce-sajt långsammare?

Nej. Vi skannar externt från våra EU-servrar; inget skript hamnar på din sajt. 0 % påverkan på din laddningstid och dina Core Web Vitals.