Från frukostseminariet "Nästa steg för tillgänglighet" den 9 juni 2011.

1. Design för ALLA Max walter Martin Ryttler 2011-03-10

2. Design för alla (Universal design)

3. Design för vem?

4. Människor

6. Visuella

7. Motoriska

9. Människor ”normalstörda” - användbarhet 00:00 cc by-nc-sa supersimbo.blogspot.com cc by-nc-sa /*dave*/@flickr

10. Design för alla Tillgänglighet ökar användbarhet, och vice versa! =

11. Mellanhänder Aggregatorer Sökmotorer Prisjägare RSS

12. Mellanhänder Sociala medier .. .. .. … .. . .. . .. … . . . .. …. .. . . .. .. .. … .. . .. . .. … . . . .. …. .. . . Facebook Twitter Linkedin

13. Design för alla Tillgänglighet för människor ger tillgänglighet för maskiner, och vice versa! =

14. Design för alla = Ingen anpassning för målgruppen?

15. Design för alla ≠ Ingen anpassning för målgruppen? Nej, det är skillnad på att en webbplats är tillgänglig för alla och att den skapar nytta för alla

16. Design för alla Tillgänglighet, användbarhet, nytta Tillgänglighet Användbarhet

17. Tillgänglighet by example

18. Riktlinjer för att skapa tillgänglig webbplatser Användar- perspektiv Teknik- perspektiv Vägledningen 24-timmarswebben Vägledning för webbutveckling WCAG 2.0 Webb- applikationer Statiska sidor WAI ARIA WCAG 1.0 1999 2011 http://beta.webbriktlinjer.se/

33. Verktyg Skärmläsare Fangs - http://bit.ly/h2a8GP

39. Verktyg Testa texter http://valideratext.se

41. Design för alla Tillgänglighet, hittbarhet och användbarhet stöder varandra!

42. Design för alla Tips för dig som jobbar med webb Installera flera webbläsare. (Olika webbläsare kan visa olika resultat) Internet Explorer (Version 8 är den vanligaste) Firefox (Version 3+. Här finns många hjälpsamma verktyg som kan installeras som tillägg. Vi listar dom på nästa bild.) Chrome Safari Bokmärk följande webbplatser: https://www.valideratext.se/ (Verktyg för att testa hur lättläst en text är) http://validator.w3.org (Verktyg för att validera kod-standard på webbplatser) http://www.eutveckling.se/riktlinjer/webb/ (Riktlinjer för att skapa tillgängliga webbplatser. Med läsanvisningar och checklistor för olika faser/roller.) http://www.funkanu.se/wcag-translation/ (WCAG 2.0 på svenska)

43. Design för alla Tillägg till webbläsaren Firefox För dig som jobbar lite mer med tillgänglighetsfrågor, eller dig som engagerad redaktör så rekommenderar vi följande tillägg till webbläsaren Firefox. I menyn i Firefox hittar du ’Tillägg’ där du kan söka och installera dessa. (Ett par av verktygen finns även för Internet Explorer.) Web developer Toolbar FangsScreenReader För dig som är lite mer tekniskt intresserad av HTML-kod: Firebug YSlow

44. Design för alla Hur börjar du med Web developertools? Du hittar Web developertools genom att högerklicka på webbsidan. I popupmenyn som visas hittar du Web developer och där under alla verktyg. Granska kodstandard genom att välja Tools -> Validate HTML Se sidan utan visuell formgivning. Stäng av CSS genom att välja Tools -> CSS -> Disablestyles -> All styles Du kan även välja att visa information genom att välja Tools -> Information. (Access keys och Tab index ger bra startpunkt för att se hur man kan navigera utan muspekare.) Under Tools -> Information hittar du även Documentoutline som visar en överblick på sidans uppbyggnad.

45. Design för alla Hur börjar du med Fangs? Du hittar Fangs genom att högerklicka på den webbsida som du vill granska och välja ViewFangs. Resultatet visas i ett nytt fönster. Där hittar du tre flikar med information som simulerar hur en skärmläsare ser och läser upp sidans innehåll.