Maak je website toegankelijk voor alle doelgroepen.

Presentatie over: "Maak je website toegankelijk voor alle doelgroepen."— Transcript van de presentatie:

1 maak je website toegankelijk voor alle doelgroepen

2 Vandaag Even voorstellen Waarom toegankelijkheid Doelgroepen Toegankelijke websites Voorbeelden Aandachtspunten Tools en checks Aan de slag!

3 Even voorstellen Marijn Tijhuis –27 / Nijmegen / Nijmegen / Utrecht –Academie Digitale Communicatie –Webdesigner / webdeveloper Mediamaal –Communicatie en implementatie –Verandercommunicatie, Diversiteit en Toegankelijkheid –Drempels Weg

4 Waarom toegankelijkheid? toe·gan·ke·lijk bn 1 te betreden; bereikbaar 2 bereid toegang te geven (www.vandale.nl)

5 Voor alle doelgroepen Iedereen! Beperking –Visueel –Motorisch –Auditief Maar ook –Snel moe –Slecht zien –Moeite met lezen –Oude PC –iPhone

6 Nog meer voordelen Zoekmachines Onderhoudbaar Snelheid Schaalbaarheid Klaar voor de toekomst –Inter operabiliteit –Wetgeving

7 Wat is een toegankelijke website Alternatief voor visuele informatie Scheiding inhoud en presentatie Bruikbaar zonder extra techniek Bruikbaar met hulpmiddelen Toegankelijkheid raakt gebruiksvriendelijkheid Waarmerk DrempelVrij –Prioriteit 1 (16 richtlijnen) –Prioriteit 2 (30 richtlijnen) Webrichtlijnen (125 richtlijnen)

8 Toegankelijke websites Albert.nl Drempels Weg (mediamaal archief) Klik hier (over zinvolle linkteksten en skip navigatie)Klik hier Alt teksten BBC Click (o.a. over alt teksten)Alt teksten BBC Click

9 Technisch verhaal? Niet alleen Redactioneel Kleuren Leesniveau Gebruiksvriendelijkheid

10 Aandachtspunten Alt teksten Relatieve tekstgrootte Scheiding inhoud en presentatie Koppen Links Kleuren Javascript / Flash Video

11 Aandachtspunten alt teksten

12 Aandachtspunten Alt teksten –Wat is er te zien –Zinvol –Breder dan alleen afbeeldingen Tabellen Grafieken Video –Wat doet een knop tools: Web developer toolbar

13 Aandachtspunten Relatieve tekstgrootte relatieve tekstgrootte

14 Aandachtspunten Relatieve tekstgrootte –Maak het mogelijk tekst te vergroten –Achtergrond en voorgrond kleuren –Knoppen en formulieren –A A A

15 Aandachtspunten Scheiding inhoud en presentatie scheiding inhoud en presentatie

16 Aandachtspunten Scheiding inhoud en presentatie –Basis toegankelijkheid –Controle over je inhoud tools: Web developer toolbar Opera browser

17 Aandachtspunten Koppen koppen

18 Aandachtspunten Koppen –Hiërarchie –Scanbaar –Zoekmachines –Maar ook Lijsten Tabellen Afkortingen Citaten tools: Web developer toolbar

19 Aandachtspunten Links links

20 Aandachtspunten Links –Zelfde venster –Zinvolle naam Klik hier URL

21 Aandachtspunten Kleuren kleuren

22 Aandachtspunten Kleuren –Betekenis –Contrast –Kleurenblindheid tools: We are color blind Color contrast check

23 Aandachtspunten Javascript / Flash javascript / flash

24 Aandachtspunten Javascript / Flash –Geen uitgangspunt “unobtrusive” –Ondersteunend tools: Web developer toolbar Lynx viewer

25 Aandachtspunten Video video

26 Aandachtspunten Video –Geluid –Transcriptie –Ondertiteling –Gebarentolk tools: Toegankelijke video Overheids Media Player

27 aan de slag

28 Handig Firefox Web Developer toolbar https://addons.mozilla.org/en-US/firefox/addon/60 https://addons.mozilla.org/en-US/firefox/addon/60 Color contrast analyser http://juicystudio.com/services/luminositycontrastratio.php http://juicystudio.com/services/luminositycontrastratio.php Accessibility Lynx Viewer https://www.accessibility.nl/internet/tools/lynxviewer https://www.accessibility.nl/internet/tools/lynxviewer W3C Validator http://validator.w3.org/ http://validator.w3.org/ Toegankelijke video http://www.toegankelijkevideo.nl/ http://www.toegankelijkevideo.nl/ Opera http://www.opera.com http://www.opera.com Webrichtlijnen Quickscan http://www.webrichtlijnen.nl/toetsen/ http://www.webrichtlijnen.nl/toetsen/ Overheids Media Player http://www.minvws.nl/video/default.asp http://www.minvws.nl/video/default.asp Accessibility leesniveau https://www.accessibility.nl/internet/tools/leesniveau_tool https://www.accessibility.nl/internet/tools/leesniveau_tool

29 Vragen? Marijn Tijhuis Mediamaal marijn@mediamaal.nl 030 275 95 75 web mediamaal.nl linkedin linkedin.com/in/marijntijhuis twitter @marijntijhuis