Webb för alla – möt användarna

Paulina är synskadad från födseln och använder nätet för att söka jobb, läsa e-post och leta noter och musik. Hon har skärmläsare, punktskriftsdisplay och OCR-program som komplement till webbläsaren. Hon använder ofta sin mobiltelefon både för att ringa och sms:a men håller också koll på kalendern och lyssnar på ljudböcker. Mobilens GPS-funktion hjälper henne dessutom att ta långa promenader ensam.

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 ä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 bor i Oslo och tycker om att umgås med familj och vänner. Han är döv, och tycker det är smidigt att kommunicera med personer som inte kan teckenspråk via sms och Skype. Webben ställer oftast inte till med några problem för honom men han önskar att alla filmer var som Disneys. Där får han en visuell indikation varje gång något ljud hörs som har betydelse för filmen.

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 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 använder webben till exempel för att följa sitt favoritlag i fotboll, och för att informera sig om sin sjukdom. Han har multipel skleros (MS) sedan många år. Sjukdomen har gjort att hans muskelstyrka sviktar, och ganska ofta råkar han ut för ofrivilliga handrörelser. Därför använder Peter helst tangentbordet istället för pekdon som t.ex. mus. Men det fungerar inte på alla sajter.

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 har högskoleexamen i tillämpad informatik. Efter en bilolycka lider han av en enklare form av afasi. Han kan uttrycka sig i tal och skrift, men det tar längre tid och ibland har han svårt att formulera sig som han vill. Carlos tycker att många webbplatser är svårnavigerade och plottriga och att varje sida innehåller för mycket information för att han snabbt ska få överblick och förstå allt.

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 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)