Tilgængelighed, E-handel & Web · 2026
Blindes Arbejde
En webshop, der skal kunne bruges uden at se den
blindesarbejde.dk (åbner i nyt vindue)Kunde
Blindes Arbejde
År
2026
Kategori
Tilgængelighed, E-handel & Web
Ydelser
E-handel, Tilgængelighed, Webdesign
Blindes Arbejde har siden 1929 skabt arbejdspladser for blinde og svagsynede. Vi designede og byggede deres nye webshop på Shopify med børster, koste og håndværk fra egne værksteder. Tilgængelighed var en kernedel af opgaven fra første skitse og ikke noget, der kom til sidst.
Udfordringen
Mange af Blindes Arbejdes kunder bruger skærmlæser, tastatur eller forstørrelse. Butikken skulle virke lige så godt for dem som for alle andre, hele vejen fra forsiden til betalingen. Samtidig skulle den være smuk og vise håndværket ordentligt frem.
Løsningen
Vi byggede butikken med WCAG som rettesnor: logisk struktur, tydeligt fokus, god kontrast og et layout, der holder ved stor zoom. Alt blev løbende testet med tastatur og skærmlæser. Før launch testede et eksternt tilgængelighedsbureau hele købsflowet.
Det usynlige lag
Det meste af tilgængelighedsarbejdet ser man ikke. Slå lagene til og se, hvad en skærmlæser får — struktur, fokusrækkefølge og skjulte tekster.
Sitets sprog
Vis lag
Lagene er visuelle. Det samme indhold findes som tekst i listen under billedet.
Gå siden igennem med Tab
Vis som liste
Overskrifter
- H1 Opvaskebørste – Smiley
- H2 Læs hele produktbeskrivelsen
- H2 Håndværk og produktion
Landmarks
- Header (banner) (header)
- Navigation: Menu (nav)
- Navigation: Brødkrumme (nav)
- Hovedindhold (main) (main)
- Region: Fremviser til Galleri (region)
Skjulte tekster
- “Gå til indhold”
- “Sprog”
- “Indkøbskurv”
- “Gå til produktoplysninger”
- “Forstør billede 1: Helbillede af smiley-opvaskebørste med bagsiden og bindingen i fokus.”
- “Fra”
- “(åbner i nyt vindue)”
- “Øg antallet for Opvaskebørste – Smiley”
- “svarer til 25 euro”
Fokusrækkefølge
Navn og rolle, som browseren giver videre til skærmlæseren. Den præcise oplæsning varierer mellem skærmlæsere.
- Spring-link (vises først, når det får fokus) – “Gå til indhold, link”
- Logo – “Blindes Arbejde – Lavet af hænder der ser, link”
- Menu: Søg – “Søg, link”
- Menu: Produkter – “Produkter, knap, skjult”
- Menu: Bestsellere – “Bestsellere, link”
- Menu: Inspiration – “Inspiration, link”
- Menu: Blindes Arbejde – “Blindes Arbejde, knap, skjult”
- Menu: Butikker – “Butikker, link”
- Menu: Erhverv – “Erhverv, link”
- Sprogvælger – “Sprog Dansk, knap, skjult”
- Log ind – “Log ind, link”
- Favoritter – “Favoritter, link”
- Kurv – “Indkøbskurv, knap”
- Brødkrumme: Forside – “Forside, link”
- Brødkrumme: Bestsellere – “Bestsellere, link”
- Spring forbi billedgalleriet – “Gå til produktoplysninger, link”
- Produktbillede 1 – “Forstør billede 1: Helbillede af smiley-opvaskebørste med bagsiden og bindingen i fokus., knap”
- Produktbillede 2 – “Forstør billede 2: Helbillede af smiley-opvaskebørste med børstehårene og smileymotivet synligt., knap”
- Produktbillede 3 – “Forstør billede 3: Helbillede af smiley-opvaskebørste fra siden med børstehår og logo på skaftet., knap”
- Produktbillede 4 – “Forstør billede 4: Helbillede af smiley-opvaskebørste med bagsiden og bindingen synlig., knap”
- Produktbillede 5 (ikke vist i udsnittet) – “Forstør billede 5: Opvaskebørste med smiley i fokus ovenpå andre opvaskebørster., knap”
- Produktbillede 6 (ikke vist i udsnittet) – “Forstør billede 6: Opvaskebørste – Smiley, knap”
- Produktbillede 7 (ikke vist i udsnittet) – “Forstør billede 7: Opvaskebørste – Smiley, knap”
- Producent – “Fra Blindes Arbejde, link”
- Harmonika: produktbeskrivelse – “Læs hele produktbeskrivelsen, knap, skjult, overskrift niveau 2”
- Harmonika: håndværk – “Håndværk og produktion, knap, skjult, overskrift niveau 2”
- Trustpilot-link – “Trustpilot 4,9 – Fremragende (åbner i nyt vindue), link”
- Antal: minus – “Reducer antallet for Opvaskebørste – Smiley, knap”
- Antal – “Antal, 1, talfelt”
- Antal: plus – “Øg antallet for Opvaskebørste – Smiley, knap”
- Læg i kurv – “Tilføj til kurv, knap”
- Tilføj til favoritter – “Tilføj til favoritter, knap”
Næste projekt
Karakter Copenhagen
Editorial & print — 2022