Webb för alla – möt användarna
Följande film finns i syntolkad version.Bygg en webb för alla. Cirka en av fem personer har en funktionsnedsättning. Ännu fler har det periodvis i livet. Här berättar olika användare vad en #webbföralla är, och hur du kan göra din sajt mer tillgänglig för dem.
Din webbplats behöver fungera för oss
Användare surfar med olika förutsättningar. Här får du några exempel. Vissa av beskrivningarna är fiktiva, men alla baseras på verkliga situationer, personer och deras förutsättningar
Paulina använder skärmläsare
Gör din webbplats mer tillgänglig för Paulina
- Tillhandahåll alternativ i form av text till allt icke-textbaserat innehåll (Webbriktlinje 1, WCAG riktlinje 2.1)
- Skriv tydliga länkar (Webbriktlinje 5)
- Gör det möjligt att hoppa förbi delar på sidorna (Webbriktlinje 75)
- Utveckla webbplatsen enligt en standard, snarare än för en webbläsare (Webbriktlinje 81)
- Skriv rubriker till tabeller (Webbriktlinje 98)
- Skapa rubriker med h-element (Webbriktlinje 105)
Elin behöver sin mobil
Elin är 18 år och går sista året på gymnasiet. Hon ägnar fritiden åt bland annat fotboll, familj och vänner. Mobilen har hon med överallt. Hon använder den som klocka och för att ta reda på busstider, bestämma träff och så vidare. Ytan på mobilen är ganska liten, och ibland går det inte att zooma. Det kan vara svårt att träffa rätt knapp, eller att se skillnad mellan t.ex. bokstaven l med siffran 1. Då kan det bli helt fel.

Möt Elin i en ca 2 minuter lång film!
Gör din webbplats mer tillgänglig för Elin
- Gör länkar, klickbara ytor och menyer användbara för alla (Webbriktlinje 43)
- Skapa en flexibel layout (Webbriktlinje 91)
- Anpassa webbplatsen även för små skärmar (Webbriktlinje 111)
Hans är teckenspråkig
Gör din webbplats mer tillgänglig för Hans
- Tillhandahåll alternativ till tidsberoende media. (webbriktlinje 1, wcag riktlinje 1.2)
- Gör en målgruppsanalys för att ta reda på målgruppens behov, och anpassa webbplatsen och informationen som ska översättas till teckenspråk efter behoven. (webbriktlinje 13)
Ninni är inte datorvan
Ninni är pensionerad lärare. Hon är inte särskilt datorvan, men betalar räkningar på nätet och har även provat på e-handel och e-post. Ninni känner sig ibland rädd att "allting ska försvinna" om hon till exempel trycker på fel knapp.

Möt Ninni i en c:a 2 minuter lång film!
Gör din webbplats mer tillgänglig för Ninni
- Säkerställ att webbsidor presenteras och fungerar på ett förutsägbart sätt. (WCAG riktlinje 3.2, Webbriktlinje 1)
- Hjälp användare att undvika misstag och rätta till misstag. (WCAG riktlinje 3.3, Webbriktlinje 1)
- Ge all information på begriplig svenska (Webbriktlinje 10)
Peter navigerar med tangentbordet
Gör din webbplats mer tillgänglig för Peter
- All funktionalitet ska gå att komma åt med ett tangentbord. (Webbriktlinje 1, WCAG riktlinje 2.1)
- Hjälp användare att undvika misstag och rätta till misstag. (Webbriktlinje 1, WCAG riktlinje 3.3)
- Gör de klickbara ytorna tillräckligt stora. (Webbriktlinje 34)
- Koppla ihop fältetikett och textfält i formulär så att även etiketten blir klickbar. (Webbriktlinje 55)
- Undvik Rensa-knappar i formulär. (Webbriktlinje 60)
Carlos vill ha överblick
Gör din webbplats mer tillgänglig för Carlos
- Gör det lätt att komma i kontakt med er (webbriktlinje 4)
- Kombinera skrift med ljud, bild och film (webbriktlinje 11)
- Beskriv hur webbplatsen fungerar och vad den innehåller (webbriktlinje 19)
- Hjälp användarna att hitta på webbplatsen (webbriktlinje 27)
- Gör det lätt att hitta det viktigaste (webbriktlinje 28)
Robert använder förstoring
Robert jobbar som massör, är 25 år och bor i Stockholm. Han använder datorn i jobbet för att kolla bokningskalendrar, fakturor med mera, och hemma använder han sociala medier. På grund av en sjukdom ser Robert endast stor text, motsvarande översta raden på optikerns syntavla. För att kunna använda datorn behöver Robert förstoringsprogram så att han kan zooma in eller t.ex. invertera färgerna.

Möt Robert i en 3 minuter lång film!
Gör din webbplats mer tillgänglig för Robert
- Använd god kontrast mellan text och bakgrund (Webbriktlinje 1, WCAG riktlinje 1.4.3)
- Text ska kunna förstoras utan hjälpmedel upp till 200 procent. (Webbriktlinje 1, WCAG riktlinje 1.4.4)
- Visa tydligt vad som är klickbart: Gör länkar, klickbara ytor och menyer användbara för alla (Webbriktlinje 34)
- Använd Javascript för att öka tillgängligheten. (Webbriktlinje 93)
Återanvänd detta materialLänk hit
Beskrivningarna av Peter, Paulina och Carlos är baserade på personas från EU-projektet AEGIS som är licensierade under Creative Commons Erkännande-DelaLika 3.0. Det innebär att du får återanvända våra bearbetningar enligt samma licens. På AEGIS sida hittar du även mer utförliga beskrivningar av personerna.
Beskrivningen av Hans kommer från det norska projektet Nettborger. Den är fri att återanvända.
Den tecknade filmen omfattas inte av CC-licens, men går bra att spela upp obegränsat fram till december 2016. Den finns även på Vimeo för att underlätta delning.
Beskrivningarna av Robert, Elin och Ninni baseras på de filmer som länkas till, och publiceras med tillstånd från Användningsforum. Filmerna får spridas enligt licensen CC-BY-ND.