Arbetsprov / DEMO-01
Hur ser en åtgärd ut i praktiken? Här kan ni prova två hinder och jämföra med ändringarna.
Fiktivt arbetsprov. Butiken och varan är påhittade. Inga kunduppgifter, verkliga köp eller betalningar används.
En vara, en varukorg, ett leveransval
Varukorgen är förbestämd och innehåller en lykta. Ni behöver inte fylla i några uppgifter. Sidorna före ändring har två avsiktligt inbyggda hinder.
Produktsidan är likadan i båda versionerna. Betalningsdelen visas bara som en gräns för arbetet.
Leveransvalet kräver mus. Varukorgen är för bred på en smal skärm.
Leveransvalet använder vanliga radioknappar. Varukorgen anpassas till en smal skärm.
Två konkreta ändringar
01 / Leveransval
Före: Valen ser ut som knappar, men reagerar bara på klick. Tangentbordet kan inte markera ett leveranssätt.
Efter: Vanliga radioknappar gör att ni kan välja med mellanslag och piltangenter. Om ni fortsätter utan ett val visas ett felmeddelande och fokus flyttas till gruppen.
Läs stegen för leveransvalet →02 / Varukorg
Före: Varukorgen håller fast vid två kolumner. Vid 320 bildpunkters bredd hamnar knappen till kassan utanför skärmen.
Efter: Innehållet läggs i en kolumn när utrymmet är litet. Långa artikelnummer får brytas och knappen följer efter varorna.
Läs stegen för varukorgen →Underlaget
Rapporten beskriver hindren, kodändringarna och hur kontrollerna görs om. Den skiljer äldre observationer från kontroller av den här webbplatsen.
Läs hela rapporten →Vi använder Codex för skriptade kontroller av utvalda tangentbordsinteraktioner, fokus, tillgänglighetsträd och layout samt axe-kontroller. Det är inte ett test med skärmläsare.
Layout kontrolleras vid 320 CSS-bildpunkters bredd och andra angivna smala bredder. Kontrollerna testar inte webbläsarzoom eller ändrad textstorlek. De avsiktliga hindren före ändring ska hittas; resultaten gäller bara de körda kontrollerna.
Det finns inga uppmätta kundresultat. Testning med en mänsklig skärmläsaranvändare, användartestning och testning i produktion har inte genomförts.
Betalning och identifiering ingår inte. Vi har ingen sådan komponent att testa eller ändra här. Gränsen säger inget om en verklig leverantörs tillgänglighet eller rättsliga ansvar.
Berätta om det och vem som sköter er utveckling.
Mejla om er webbutik