Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning användaren har World Wide Web Consortium En organisation med ca 500 medlemmar Utvecklar tekniska standarder för webben HTML CSS SMIL etc. http://www.w3.org Web Accessibility Initiative, WAI Arbetsgrupp inom W3C vars mål är att utveckla och sprida kunskap om tillgängliga webbsidor Utvecklar riktlinjer för bland annat Innehållsproduktion Webbredigerare Webbläsare http://www.w3.org/wai WCAG 1.0 Web Content Accessibility Guidelines 1.0 W3C rekommendation 5 maj 1999 De officiella riktlinjerna http://www.w3.org/tr/wcag10/ WCAG 2.0 Web Content Accessibility Guidelines 2.0 Utvecklas för att vara enklare att använda samt lättare att verifiera och testa Starkare koppling till tillgänglighetskriterier Ej knuten till en viss teknik http://www.w3.org/tr/wcag20/ 1
WCAG 2.0 Principer Övergripande principer, fyra stycken För varje princip finns flera Riktlinjer Detaljerade regler, specificerar hur principen ska stödjas För varje riktlinje finns flera Success criterions Verifierbara kriterier, specificerar i detalj vad som måste göras för att uppnå tillgänglighet Finns på flera nivåer Success criterions Nivå 1 Uppnå en lägsta nivån av tillgänglighet Går att tillämpa på allt innehåll Nivå 2 Uppnå en utökad nivå av tillgänglighet Går att tillämpa på allt innehåll Nivå 3 Uppnå ytterligare utökningar av tillgängligheten Går inte nödvändigtvis att tillämpa på allt webbinnehåll Baseline De tekniker som är tillgänglighetsanpassade En webbplats kan använda sig av fler tekniker än dessa för att presentera innehållet Allt innehåll ska dock gå att ta del av med hjälp av teknikerna i webbplatsens baseline Tillgänglighetsnivåer för webbplatser Nivå A Alla nivå 1-kriterier för de tekniker som är specificerade i webbplatsens baseline Nivå AA Alla nivå 1- och 2-kriterier för de tekniker som är specificerade i webbplatsens baseline Nivå AAA Alla nivå 1- och nivå 2-kriterier, samt minst hälften av nivå 3-kriterierna för de tekniker som är specificerade i webbplatsens baseline Att arbeta med riktlinjer Kraftfullt verktyg för att identifiera och lösa tillgänglighetsproblem Är inte klara och tydliga kokbokslösningar Är inte så verifierbara som många förespråkare vill göra gällande Kräver fortfarande sunt förnuft och välgrundade ställningstagande Det är till slut ni som tar besluten, och som måste ta ställning till vilka för- och nackdelar era beslut har Tillgänglighet enligt WCAG 2.0 Content must be perceivable Interface components in the content must be operable Content and controls must be understandable Content should be robust enough to work with current and future user agents (including assistive technologies) 2
Principle 1: Perceivable Textalternativ till allt innehåll som inte är ren text (Guideline 1.1) Bilder Grafer Tabeller Ljud Vad är en alternativtext? En beskrivning av grafiskt innehåll Beskriver vad? Beskriver samma information eller Beskriver vad som ses Vilken funktion har texten? Visuellt utseende Information Alternativ till tidsbaserad media (Guideline 1.2) Textning Ljudbeskrivning Teckenspråkstolkning Separera innehåll från struktur Skilj på innehåll och presentation (Guideline 1.3) Märk upp struktur oberoende av hur det ska presenteras Information som kommuniceras via utseendet ska framgå ur innehållet Färg, typsnitt, placering Använd inte bara färg Uppmärkning, gruppering, status (röd/grön) Enklare, renare HTML-kod Större möjligheter för användarna att styra utseendet på webbsidorna Webbplatsen får ett enhetligt utseende, blir lättnavigerad och mer tillgänglig Det blir lättare att underhålla och göra grafiska förändringar http://www.csszengarden.com 3
Principle 2: Operable Se till att alla funktioner går att nå via tangentbordet (Guideline 2.1) exempel Låt användaren själv välja hastighet på interaktionen (Guideline 2.2) Automatisk uppdatering (Refresh) Användaren ska kunna styra automatiska ändringar Filmer, nyhetsrullar Underlätta navigering (Guideline 2.4) Låt användaren hoppa över långa navigationslistor Synlig länk eller inte? exempel Underlätta navigering Flera sätt att komma åt informationen Navigationslänkar Innehållsförteckning Site map Sökfunktion Underlätta navigering Använd titlar för att beskriva innehåll Sidor Ramar Annat innehåll 4
Underlätta navigering Beskrivande länktexter, tydligt var man hamnar Väl valda titlar, rubriker och etiketter Vid linjär interaktion ska ordningen vara begriplig Underlätta navigering Använd bilder, video och animationer för att stödja ditt budskap Vilka bilder ska man använda? exempel Principle 3: Understandable Gör text läsbar och begriplig (Guideline 3.1) Ange huvudspråk Ange förändringar i språk Förenkla språket så mycket som möjligt Se till att funktionalitet är förutsägbar och användarstyrd (Guideline 3.2) Ändra inte innehållet automatiskt Låt användaren själv bestämma när ett val görs Se till att funktionalitet är förutsägbar och användarstyrd Undvik att ändra fokus utan att användaren själv bestämmer detta Navigation utformad konsekvent och likadan överallt Samma funktion ska se likadan ut och fungera på samma sätt överallt 5
Principle 4: Robust Se till att innehållet fungerar med dagens och morgondagens teknik (Guideline 4.1) Följ standarder och gör det rätt Se till att gränssnittselement är tillgängliga Se till att innehållet fungerar och är begripligt på äldre versioner Att testa sina webbsidor Automatiska kontroller http://www.w3.org/wai/er/tools/ Cynthia Says http://www.cynthiasays.com/ Wave http://wave.webaim.org/ W3C:s egen metod Ett ramverk för hur man kan genomföra en ingående utvärdering av tillgängligheten för en webbplats Ingår en hel uppsättning med olika metoder http://www.w3.org/wai/eval/ Preliminary Review of Web Sites for Accessibility Välj ut en uppsättning representativa sidor från webbplatsen Undersök sidorna med olika typer av grafiska webbläsare Stäng av bilder Stäng av ljudet Ändra teckenstorleken Testa olika bildskärmsupplösningar Kontrollera sidorna i svart/vitt Navigera på sidan med tangentbordet Preliminary Review of Web Sites for Accessibility Undersök sidorna med olika typer av specialiserade webbläsaren Röstbrowser (till exempel IBM:s Home Page Reader) Textbaserad browser (Lynx http://www.delorie.com/web/lynxview.html) Använd åtminstone två olika automatiserade utvärderingsverktyg Sammanfatta resultaten http://www.w3.org/wai/eval/preliminary.html 6
Länkar Surfa utan hinder http://www.hi.se/surfautanhinder Handikappombudsmannens riktlinjer för en tillgänglig statsförvaltning, numera hos Handisam http://www.handisam.se Vägledningen 24-timmarswebben 2.0 hos Verva http://www.verva.se Frågor att fundera på Tillgänglighet ställs ofta mot snygg design, behöver det verkligen vara så? Innebär en tillgänglig webbplats att den också är ful? Vilket tillgänglighetsproblem är värst? Vad skapar mest problem? Vad skapar mest problem på din egen webbplats? Är det ok att strunta i tillgängligheten för vissa grupper? 7