Tillgänglighet för designers

Alla gynnas av tydlig, intuitiv och tillgänglig design. Om vi designar för de personer som har svårast för något - exempelvis svag syn, teknikovana eller skakiga händer - får vi gränssnitt som funkar bättre för alla.

Råd för tillgänglig design

  • Kontraster är godkända Kontrastvärdet ska vara minst 4,5:1. Verktygstips för att mäta kontraster (Axess lab).

  • Fokusmarkeringen är tydlig Det ska finnas en framträdande design för att visa vilket objekt som har fokus vid tangentbordsnavigering.

  • Layouten är linjär, luftig och prioriterad En simpel layout gynnar alla användare. Ta bort element och infor­mation som inte är relevant, för ett luftigare intryck. Lägg prioriterat innehåll tidigt på sidan.

  • Användningstester görs regel­bundet Involvera personer med funktionsnedsättningar i testgruppen.

  • Ikoner är kompletterade med text Texter vid ikoner ökar begripligheten. Kontrollera särskilt mobilläget. Enstaka undantag är okej.

  • Automatisk rörelse undviks Skippa exempelvis bildkaruseller och filmer som spelas upp automatiskt.

  • Klickytor är tillräckligt stora Särskilt i listor och menyer. Minst 44x44 px enligt WCAGs rekommendation.

  • Designen funkar i gråskala Använd inte enbart färg för att förmedla infor­mation. Länkar ska exempelvis framträda även när färgerna tas bort.

Gör användningstester

Din roll är redan användarcentrerad

Tillgänglighet handlar om människor. Så använd klassiska UX-tekniker för att göra user research, användningstester och liknande. Du behöver inte en ny verktygslåda, bara baka in mångfald i den du redan har. I våran tillgänglighetsmatris finns det exempel på olika behov användare har som är viktiga att ha koll på för dig.

Användarens olika behov - Tillgänglighetsmatrisen

Fördjupningsmaterial

Posters: Do’s and don’ts on designing for accessiblity (gov.uk)Accessibility for visual designers (digital.gov)Accessibility for UX designers (digital.gov)W3C, WAI, Design och utveckling (tips och guider)