Tillgänglighet i Wix: vad tillgänglighetsguiden täcker och vad du måste kontrollera själv
Vad Wix Accessibility Wizard skannar och vad den inte gör, var felen i Wix-butiker brukar sitta och hur du kontrollerar kassan och apparna som guiden inte täcker.
Det här är teknisk vägledning och inte juridisk rådgivning. För tolkningsfrågor om tillgänglighetslagen, vänd dig till Post- och telestyrelsen (PTS).
Wix har ett inbyggt verktyg för tillgänglighet, Accessibility Wizard, och många Wix-butiker drar slutsatsen att "vi har kört guiden, då är det klart". Wix egen hjälpsida är mer försiktig än så. Här går vi igenom vad guiden gör, vad den uttryckligen lämnar utanför och hur du kontrollerar resten.
Vad Accessibility Wizard gör
Guiden skannar sajten från editorn och visar resultatet i två flikar: upptäckta problem och manuella uppgifter. Du kan gå igenom sidorna en i taget och till exempel åtgärda alternativtexter och kontrast. Den skannar de flesta sidor, inklusive sidor från Wix appar som Stores och Blog.
Wix skriver själva att de inte kan garantera att sajten uppfyller lagstiftningen i ditt land efter att du använt guiden. För de delar guiden inte kan skanna rekommenderar Wix att du går igenom sidor och appar med deras checklista och att du anlitar en tillgänglighetsexpert om du behöver säkerställa att kraven är uppfyllda.
Vad guiden inte täcker
Enligt Wix hjälpsida kan guiden inte skanna bland annat:
- kassasidor (Wix Stores, Wix Bookings med flera)
- sidokorgen (side cart)
- CMS-sidor
- externa appar från tredje part
- kod som du lagt till själv med Velo
- lösenordsskyddade sidor
- vissa Wix-appar, till exempel presentkort, recensioner och lojalitetsprogram
För en webbutik är det en viktig lista. Kassan är den sida där ett fel kostar mest, och den ligger utanför guidens skanning. Samma sak gäller varukorgen när den visas som en sidokorg. Det betyder inte att kassan är otillgänglig, bara att guiden inte kan säga något om den. Den kontrollen får du göra själv.
Var felen brukar sitta i en Wix-butik
Egna texter, bilder och färger
Det du själv lägger in i editorn styr du över, och det är därför guiden hittar en del av det:
- Alternativtexter på produktbilder: beskriv bilden, inte bara produkten (WCAG 1.1.1). Dekorativa bilder markeras som dekorativa.
- Kontrast mellan text och bakgrund, särskilt text över bilder och ljusa knappar (1.4.3).
- Rubriker: använd rubrikformaten i rätt ordning och inte bara stor fet text (1.3.1).
- Länktexter: "klicka här" och "läs mer" som upprepas säger ingenting för den som hör en lista med länkar (2.4.4).
Produktsidor och varianter
Kontrollera att val av storlek och färg går att göra med tangentbord, att vald variant framgår med mer än färg (1.4.1) och att knapparna har tydliga namn.
Kassa och sidokorg
Gå igenom kassan manuellt. Titta på formulärfält och deras etiketter (1.3.1, 3.3.2), felmeddelanden som visas vid fel i fälten (3.3.1), fokusordning mellan stegen (2.4.3) och att alla knappar går att nå och använda med tangentbord (2.1.1). Se vår genomgång av de vanligaste felen i kassan. Öppna också sidokorgen med tangentbord och kontrollera att fokus flyttar in i den när den öppnas och tillbaka när den stängs.
Appar och egen kod
Appar från tredje part och egen kod med Velo ligger utanför guiden. Fönster, popup och chattar är de vanligaste problemen: fokus som fastnar (2.1.2), knappar utan namn (4.1.2) och text som inte går att läsa upp. Testa varje app som syns för kunden.
Tillgänglighetsverktygsfält
Wix har också ett tillgänglighetsverktygsfält som kan läggas på sajten. Ett sådant fält ger besökaren vissa inställningar, till exempel textstorlek, men det rättar inte felen i själva sajten. En skärmläsaranvändare möter fortfarande samma sida.
Så kontrollerar du
- Kör Accessibility Wizard och gå igenom både de upptäckta problemen och de manuella uppgifterna. Gör det efter varje större ändring av sajten.
- Gå igenom kassa, varukorg och apparna manuellt enligt vår arbetsgång för att testa mot WCAG själv: tangentbordet först, sedan en skärmläsare (NVDA på Windows, VoiceOver på Mac och iPhone).
- Förstora sidan till 200 procent och se att inget text hamnar utanför eller över annat (1.4.4, 1.4.10).
- Skriv ned varje fel med sida, element och WCAG-kriterium.
Så rättar du
- Det du äger i editorn: rätta direkt: alternativtexter, rubriker, länktexter och färger.
- Appar och inbyggda funktioner du inte kan ändra: kontakta leverantören eller Wix support med sidan, elementet och kriteriet. Kan felet inte rättas, överväg en annan app.
- Egen kod med Velo: den ansvarar du eller din utvecklare för. Gå igenom den som vilken annan kod som helst.
- Det du inte kan rätta: skriv in det i din tillgänglighetsinformation med hur kunden når dig om något inte fungerar. Se tillgänglighetslagen för e-handel.
Börja med det som hindrar ett köp, alltså kassan och knappar utan namn, och ta därefter kontrast och alternativtexter.
AccessAudit
AccessAudits gratis test på butik.nightwave.se/tillganglighet läser källkoden på upp till fem sidor i din butik och rapporterar fel som syns där, till exempel fält utan etikett, knappar utan namn och saknade alternativtexter. Testet kontrollerar inte kontrast, synlig fokus eller tangentbordsnavigering och kan inte logga in eller gå igenom en kassa med varor i korgen, så det kompletterar manuell kontroll av kassan. Vill du ha löpande kontroll finns ett abonnemang för 1 990 kr per månad exklusive moms för upp till 30 sidor. Det är teknisk granskning mot WCAG, inte juridisk rådgivning.