Universell utforming for WordPress og WooCommerce: hva du sjekker og retter

Er WordPress-nettstedet ditt omfattet?

European Accessibility Act, i Tyskland BFSG, bryr seg ikke om hvilket system et nettsted er laget i. Den gjelder tjenester til forbrukere, som nettbutikker, booking og banktjenester, fra bedrifter som ikke er svært små. En WooCommerce-butikk som selger til forbrukere i EU, er et typisk eksempel. Et firmanettsted som bare presenterer bedriften, er det som regel ikke, så lenge forbrukere ikke inngår avtaler der. I Norge gjelder i tillegg kravene om universell utforming av IKT.

Er du usikker, forklarer veiledningen for nettbutikker hvor grensen går.

Dette finner vi på WordPress-nettsteder

I testskann av kjente WordPress- og WooCommerce-nettsteder dukket de samme feilene opp igjen og igjen:

• Knapper i slidere som er for små. Prikkene under et galleri eller en slider er ofte bare noen få piksler brede. WCAG 2.2 krever minst 24 ganger 24 piksler, eller nok luft rundt.
• Bildelenker uten navn. Når et bilde i et innlegg lenker til selve filen, sier skjermleseren bare «lenke».
• Ikonknapper uten navn. En søkeknapp med bare et forstørrelsesglass sier «knapp» og ingenting mer.
• Blek tekst i blokker. Sitater, bildetekster og navn under kundeomtaler har ofte for lite kontrast mot bakgrunnen.

Det meste kommer ikke fra WordPress selv, men fra temaet, sidebyggeren og utvidelsene: slidere, gallerier, informasjonskapselbannere, chatvinduer og skjemaer har hver sin egen kode.

Hvorfor en tilgjengelighetsutvidelse ikke er svaret

Utvidelseskatalogen til WordPress er full av utvidelser som lover universell utforming med en verktøylinje eller et «overlay». De endrer hvordan siden ser ut for den besøkende, men retter ikke koden. En knapp uten navn har fortsatt ikke noe navn, og skjermleseren kan fortsatt ikke lese den. Vi selger ikke en slik widget, og vi fraråder å stole på en.

Hvor feilene rettes

• I temaet. Toppfelt, meny, produktkort og bunntekst står på hver side. En feil som rettes der, er borte overalt. Temaer i WordPress-katalogen med merket «accessibility-ready» er sjekket for det grunnleggende og er et godt utgangspunkt.
• I utvidelser. Gir en slider- eller skjemautvidelse feil du ikke kan rette i innstillingene, bytter du den ut eller ber utvikleren om en oppdatering.
• I innholdet. Alt-tekster hører hjemme i mediebiblioteket, overskrifter i riktig rekkefølge, og lenketekster skal si hvor de fører. Det er redaksjonens jobb, ikke utviklernes.

Luentis grupperer funn etter mal, så du ser om en feil ligger i temaet eller på én enkelt side.

Hva skannet ikke dekker

Vi sjekker sider som er åpne for alle. Kundekontoen, de siste stegene i WooCommerce-kassen og WordPress-adminpanelet ligger bak innlogging og er ikke med i skannet. Om en alt-tekst gir mening, eller om kassen fungerer med tastatur, må et menneske vurdere. Den guidede sjekken vår hjelper deg med det.

Slik går du fram

1. Sjekk forsiden din gratis og se hvilke feil de automatiske reglene finner.
2. Med enkeltskannet sjekker vi opptil 250 sider og viser hvilke feil som ligger i temaet, med koden som retter dem.
3. Rett temaet først, så utvidelsene, så innholdet.
4. Svar på den guidede sjekken og publiser tilgjengelighetserklæringen din.

Lager du WordPress-nettsteder for kunder? Les hvordan byråer jobber med Luentis.