Innehållsförteckning
Tillgänglighet är ett lagarbete där olika roller har olika ansvar. Här hittar du specifik information för dig som är designer så att du kan skapa tillgängliga designlösningar.
Ditt ansvar
Som designer har du ansvar för att skapa gränssnitt som är tillgängliga för alla användare, oavsett funktionsförmåga.
- Säkerställa tillräcklig kontrast mellan text och bakgrund
- Designa för olika inmatningsmetoder (mus, tangentbord, röst)
- Skapa tydliga fokustillstånd för tangentbordsnavigering
- Använda tydliga och konsekventa designmönster
Viktiga verktyg
- Kontrastcheckers (WebAIM, Stark)
- Färgblindhetssimulering (Color Oracle)
- Tillgängliga designsystem och komponenter
Vanliga frågor för designers
Vilken kontrast behöver jag mellan text och bakgrund?
WCAG 2.1 AA kräver en kontrastkvot på minst 4,5:1 för normal text och 3:1 för stor text (18pt eller 14pt bold).
Hur designar jag för tangentbordsnavigering?
Säkerställ tydliga fokustillstånd för alla interaktiva element. Fokusordningen ska följa en logisk ordning, vanligtvis från vänster till höger, uppifrån och ned.
Vilka färger bör jag undvika?
Undvik att enbart använda färg för att förmedla information. Kombinera alltid färg med text, form eller mönster för att säkerställa att information är tillgänglig för färgblinda.
Hur stor bör klickbara element vara?
Minst 44×44 pixlar för att vara tillgängliga för personer med motoriska svårigheter, enligt WCAG 2.1 AAA.
Hur hanterar jag formulärdesign för tillgänglighet?
Använd tydliga etiketter, gruppera relaterade fält, ge tydlig felhantering och tillräckligt med utrymme mellan fält.