Tillgänglighet på webben Per Axbom, 18 maj 2005

Välkomna! intranät extern webb Synlig i sökmotorerna. Kvalitetssäkrad. Tillgänglig för funktionshindrade. Lätt att hitta, använda och förstå. AB_? C Tack. Integrerad I övrig kommunikation. Vi gör din webb… Muntlig info

Upplägg Tillgänglighet reda ut begreppen statistik, människor, verktyg ditt ansvar + tag-skolan 10 steg till bättre tillgänglighet Pratar inte om: behovsanalys sökbarhet / sökmotoroptimering användbarhetstester

Tillgänglighet

reda ut begreppen

statistik, människor, verktyg

ditt ansvar + tag-skolan

10 steg till bättre tillgänglighet

Pratar inte om:

behovsanalys

sökbarhet / sökmotoroptimering

användbarhetstester

Människor

Vanliga missuppfattningar Alla använder Internet Explorer. Länkar behöver inte vara understrukna, alla ser ju om de har en annan färg. En blind person är inte intresserad av webbplatser om bilar. Alla som använder webben använder en mus. Att lägga navigationen i en vänsterkolumn är aldrig fel. Att lägga ut Word-dokument är ett jättebra sätt att sprida information.

Alla använder Internet Explorer.

Länkar behöver inte vara understrukna, alla ser ju om de har en annan färg.

En blind person är inte intresserad av webbplatser om bilar.

Alla som använder webben använder en mus.

Att lägga navigationen i en vänsterkolumn är aldrig fel.

Att lägga ut Word-dokument är ett jättebra sätt att sprida information.

Fel sätt att tackla tillgänglighet ” Vi erbjuder en alternativ webbsida.” ” Det är ändå ingen av våra besökare som har funktionshinder så vi prioriterar inte detta.” ” Lägg av, det finns väl inga synskadade som använder internet?”

” Vi erbjuder en alternativ webbsida.”

” Det är ändå ingen av våra besökare som har funktionshinder så vi prioriterar inte detta.”

” Lägg av, det finns väl inga synskadade som använder internet?”

Människor Helene, 19 år blind sedan 11 års ålder kan inte läsa Braille använder JAWS för att få webbplatser upplästa för sig Fredrik, 27 år lider av protanopi, ser inte skillnad mellan rött och grönt använder ofta webbläsarna Lynx eller Opera Sture, 62 år drabbades av en stroke för 10 år sedan kan inte röra sin högra arm, vänster arm darrar oförklarligt navigerar på webben med hjälp av Tab- och piltangenterna Stina, 52 år invandrade med sin familj från Etiopien för 30 år sedan läser på nätet för att bättra på sina haltande språkkunskaper har svårt att läsa liten text Markus, 31 år Blind sedan födseln Använder Lynx som webbläsare och får texten uppläst i Braille med en ”ALVA” Alla använder Internet dagligen

Helene, 19 år

blind sedan 11 års ålder

kan inte läsa Braille

använder JAWS för att få webbplatser upplästa för sig

Fredrik, 27 år

lider av protanopi, ser inte skillnad mellan rött och grönt

använder ofta webbläsarna Lynx eller Opera

Sture, 62 år

drabbades av en stroke för 10 år sedan

kan inte röra sin högra arm, vänster arm darrar oförklarligt

navigerar på webben med hjälp av Tab- och piltangenterna

Stina, 52 år

invandrade med sin familj från Etiopien för 30 år sedan

läser på nätet för att bättra på sina haltande språkkunskaper

har svårt att läsa liten text

Markus, 31 år

Blind sedan födseln

Använder Lynx som webbläsare och får texten uppläst i Braille med en ”ALVA”

Verktyg

Statistik Cirka 20 procent av befolkningen uppger att de har något funktionshinder eller funktionsnedsättning. 68 procent av de som har ett funktionshinder deltar i arbetskraften, jämfört med 77 procent av befolkningen totalt. 10 procent av befolkningen mellan 16 och 64 år uppger att deras arbetsförmåga är nedsatt på grund av funktionshinder. Enligt siffror från Hjälpmedelsinstitutet så stängs över en miljon personer i Sverige ute från webbplatser som inte är anpassade för tillgänglighet. Det finns 37 miljoner människor med funktionshinder i EU, medan antalet äldre européer hela tiden ökar.

Cirka 20 procent av befolkningen uppger att de har något funktionshinder eller funktionsnedsättning.

68 procent av de som har ett funktionshinder deltar i arbetskraften, jämfört med 77 procent av befolkningen totalt.

10 procent av befolkningen mellan 16 och 64 år uppger att deras arbetsförmåga är nedsatt på grund av funktionshinder.

Enligt siffror från Hjälpmedelsinstitutet så stängs över en miljon personer i Sverige ute från webbplatser som inte är anpassade för tillgänglighet.

Det finns 37 miljoner människor med funktionshinder i EU, medan antalet äldre européer hela tiden ökar.

Tillgänglighet Styrkan med webben är dess globalitet. En viktig del av den globaliteten är att alla, oavsett mentala, fysiska eller tekniska handikapp har tillgång till informationen. Tillgänglighet är en STOR GREJ .

Styrkan med webben är dess globalitet. En viktig del av den globaliteten är att alla, oavsett mentala, fysiska eller tekniska handikapp har tillgång till informationen.

Tillgänglighet är en STOR GREJ .

Otillgänglig? En otillgänglig webbplats presenterar innehåll på ett sätt som gör det svårt att nå för vissa människor.

Tillgänglig En tillgänglig webbplats presenterar sitt innehåll på ett sätt som gör att så många människor som möjligt kan nå och förstå.

Skillnaden? Du kan inte se skillnad på en otillgänglig och tillgänglig webbplats med blotta ögat.

Ditt ansvar Som skapare av webbplatser har du ett ansvar för att göra webbplatser tillgängliga för så många människor som möjligt; detta inkluderar människor med funktionshinder och även personer som inte har den senaste webbläsaren. Som beställare av webbplatser måste du känna till och förstå vilka krav du ska ställa på webbplatsen för att så många människor som möjligt ska kunna använda den.

Som skapare av webbplatser har du ett ansvar för att göra webbplatser tillgängliga för så många människor som möjligt; detta inkluderar människor med funktionshinder och även personer som inte har den senaste webbläsaren.

Som beställare av webbplatser måste du känna till och förstå vilka krav du ska ställa på webbplatsen för att så många människor som möjligt ska kunna använda den.

Goda nyheter! Historiskt sett har det varit svårt att bygga webbsajter för massor av olika webbläsare och operativsystem. Det är i dag lättare än för ett år sedan att anpassa en webbsajt för fler människor. Man bygger inte längre för olika webbläsare och operativsystem – man bygger för tillgänglighet och användbarhet (med hjälp av standarder).

Historiskt sett har det varit svårt att bygga webbsajter för massor av olika webbläsare och operativsystem.

Det är i dag lättare än för ett år sedan att anpassa en webbsajt för fler människor.

Man bygger inte längre för olika webbläsare och operativsystem – man bygger för tillgänglighet och användbarhet (med hjälp av standarder).

Tag -skolan <doctype> <abbr> <acronym> <title> <longdesc> <h1,h2,h3...> <th> <br />, <img /> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;sv&quot; xml:lang=&quot;sv&quot;>

<doctype>

<abbr>

<acronym>

<title>

<longdesc>

<h1,h2,h3...>

<th>

<br />, <img />

Efter pausen: 10 steg mot en mer tillgänglig webbplats

10 steg mot en mer tillgänglig webbplats... Meningsfulla sidtitlar JAWS har snabbknappar för att läsa titeln Första raden i Lynx är alltid sidans titel Påminner om var man är Google listar sidtiteln i sökresultatet och rankar ord i titeln högre Huvudinnehållet först Lynx visar innehållet i den ordning som det står i källkoden JAWS läser innehållet i den ordning som det står i källkoden Google värderar innehåll högt upp högre

Meningsfulla sidtitlar

JAWS har snabbknappar för att läsa titeln

Första raden i Lynx är alltid sidans titel

Påminner om var man är

Google listar sidtiteln i sökresultatet och rankar ord i titeln högre

Huvudinnehållet först

Lynx visar innehållet i den ordning som det står i källkoden

JAWS läser innehållet i den ordning som det står i källkoden

Google värderar innehåll högt upp högre

Färger Exempel: Den här länken är understruken, normalt beteende Den här länken är fet och färgad i stället Den här länken är endast färgad. Som Frederik ser dem: Den här länken är understruken, normalt beteende Den här länken är fet och färgad i stället Den här länken är endast färgad. 10 steg mot en mer tillgänglig webbplats...

Färger

Exempel:

Den här länken är understruken, normalt beteende

Den här länken är fet och färgad i stället

Den här länken är endast färgad.

Som Frederik ser dem:

Den här länken är understruken, normalt beteende

Den här länken är fet och färgad i stället

Den här länken är endast färgad.

Länkar Länkar gjorda i JavaScript syns inte i textläsare och syns inte för Google Undvik ” Klicka här ” Genvägar (tangentbord) JAWS läser upp genvägar Navigerar man inte med mus blir man mer effektiv! Inte öppna nya fönster Desorienterande för JAWS, och även Internet Explorer Webbläsare med ”tabbed browsing” förlorar sin nytta 10 steg mot en mer tillgänglig webbplats...

Länkar

Länkar gjorda i JavaScript syns inte i textläsare och syns inte för Google

Undvik ” Klicka här ”

Genvägar (tangentbord)

JAWS läser upp genvägar

Navigerar man inte med mus blir man mer effektiv!

Inte öppna nya fönster

Desorienterande för JAWS, och även Internet Explorer

Webbläsare med ”tabbed browsing” förlorar sin nytta

Ramar Många webbläsare (och sökmotorer) har problem med ramar Om du måste använda ramar, använd <NOFRAMES> Typsnitt Undvik absolut storlek Bilder Blinda ser dem inte Alt-tag, beskriv i text 10 steg mot en mer tillgänglig webbplats...

Ramar

Många webbläsare (och sökmotorer) har problem med ramar

Om du måste använda ramar, använd <NOFRAMES>

Typsnitt

Undvik absolut storlek

Bilder

Blinda ser dem inte

Alt-tag, beskriv i text

10 steg mot en mer tillgänglig webbplats... Text-komplement Text är tillgängligt för i stort sett varenda tänkbar användare och är en lösning på de flesta tillgänglighetsproblem.

Text-komplement

Text är tillgängligt för i stort sett varenda tänkbar användare och är en lösning på de flesta tillgänglighetsproblem.

WAI? Web Accessibility Initiative, knutet till World Wide Web Consortium (W3C), koordinerar ett globalt arbete för att öka tillgängligheten på webben inom fem primära arbetsområden: teknologi, riktlinjer, verktyg, utbildning och &quot;outreach&quot;, samt forskning och utveckling. WAI handlar primärt om tillgänglighet, inte om användbarhet. http://www.w3.org/WAI/

Web Accessibility Initiative, knutet till World Wide Web Consortium (W3C), koordinerar ett globalt arbete för att öka tillgängligheten på webben inom fem primära arbetsområden: teknologi, riktlinjer, verktyg, utbildning och &quot;outreach&quot;, samt forskning och utveckling.

WAI handlar primärt om tillgänglighet, inte om användbarhet.

http://www.w3.org/WAI/

Läs mer Handikappombudsmannen / Statistik http://www.ho.se/start.asp?lang=sv&sida=2770 Tillgänglighetscentret / HO:s riktlinjer http://www.tillganglighetscentret.se/start.asp?sida=489 Synskadades Riksförbund - påverkansarbete http://www.srfriks.org/VVILLSRF/verksamhets02/paverkans.htm Handikappförbundens samarbetsorgan - yttrande http ://www.hso.se/start.asp?sida=799 Vägledningen 24-timmarswebben http://www.e-namnden.se/enamnden/templates/Page____511.aspx

Handikappombudsmannen / Statistik

http://www.ho.se/start.asp?lang=sv&sida=2770

Tillgänglighetscentret / HO:s riktlinjer

http://www.tillganglighetscentret.se/start.asp?sida=489

Synskadades Riksförbund - påverkansarbete

http://www.srfriks.org/VVILLSRF/verksamhets02/paverkans.htm

Handikappförbundens samarbetsorgan - yttrande

http ://www.hso.se/start.asp?sida=799

Vägledningen 24-timmarswebben

http://www.e-namnden.se/enamnden/templates/Page____511.aspx

Sammanfattning Så många användare som möjligt, oberoende av egenskaper och förmågor, ska kunna söka och läsa information samt enkelt och effektivt kunna interagera via webbplatsen. Ditt ansvar är att göra det möjligt genom de val du gör och de krav du ställer. Börja idag.

Så många användare som möjligt, oberoende av egenskaper och förmågor, ska kunna söka och läsa information samt enkelt och effektivt kunna interagera via webbplatsen.

Ditt ansvar är att göra det möjligt genom de val du gör och de krav du ställer.

Börja idag.

Frågor, kommentarer Vad sa han?