28 maart Testen op toegankelijkheid

Transcriptie

1 28 maart 2019 Testen op toegankelijkheid

2 Voorstellen Twan van Houtum Technisch consultant Stichting Accessibility Stichting Accessibility 17 jaar internationaal expertisecentrum voor toegankelijke ICT Not-for-profit instelling Lid van W3C, oa NLse vertaling WCAG 2.0 Audits, ondersteuning, trainingen, projecten

3 Programma Het nut van testen, wat is toegankelijkheid testen en waarom moet je op toegankelijkheid testen? (Wat en waarom?) Wanneer kun je het beste testen, waar dien je op te letten en borgen in de organisatie? (Wanneer?) Welke tools kun je inzetten, wat is het verschil tussen automatisch en handmatig testen? (Hoe?)

4 Wat en waarom? Het nut van testen, wat is toegankelijkheid testen en waarom moet je op toegankelijkheid testen?

5 Wat is digitale toegankelijkheid? Diensten en informatie aanbieden op een manier dat deze voor iedereen bruikbaar is, ongeacht een eventuele beperking

6 Digitale toegankelijkheid raakt grote groep Blind Doof RSI-klachten Dyslexie / laaggeletterd Slechtziendheid Slechthorend Reuma Autisme Kokervisie Tinnitus (oorsuizen) Spierziekten Concentratiestoornis Staar Gebroken pols Verstandelijke beperking Kleurenblind

7 Wat? Testen op toegankelijkheid worden uitgevoerd om ervoor te zorgen dat de website bruikbaar is voor mensen met beperkingen

8 Waarom op toegankelijkheid testen? Verschillende gebruikers dus verschillende behoeftes Onder andere visuele, auditieve, cognitief, motorische beperking Groter bereik van de doelgroep Vergroot gebruiksvriendelijkheid voor iedereen Meten is weten: door te testen hoe toegankelijk je website is, weet je waar je staat en wat je nog moet doen

9 Wanneer? Wanneer kun je het beste testen, waar dien je op te letten en borgen in de organisatie?

10 Test regelmatig Niet alleen aan het einde van het proces Maak testen van toegankelijkheid onderdeel van het proces Maak testregels en zorg dat toegankelijkheid geborgd wordt in de Definition of Done

11 Verdeel verantwoording Toegankelijkheid niet alleen onderdeel van testen maar van het hele proces / project Verantwoording ligt bij het hele team Verdeel taken Maak afspraken Kennisopbouw

12 Hoe? Welke tools kun je inzetten, wat is het verschil tussen automatisch en handmatig testen?

13 Testen met de 4 principes Test of de website voor iedereen waarneembaar, bedienbaar, begrijpelijk en robuust is. Dit zijn de 4 principes van WCAG (Web Content Accessibility Guidelines)

14 Soorten testen Functioneel Toetsenbord bediening Hulpsoftware (JAWS, NVDA, VoiceOver, ) Common Sense Labels en instructieteksten Foutmeldingen Leesniveau Meten Contrast Valide code

15 Toegankelijkheid vooral handmatig testen Toegankelijkheid kun je niet volledig automatisch toetsen Gebruik daarom automatische en handmatige tools Voorbeeld: Automatische testtools kunnen beoordelen of een webpagina een titel heeft Automatische testtools kunnen niet beoordelen of de titel de pagina volledig beschrijft. Dat moet handmatig onderzocht worden

16 Automatisch testen Prima middel als ondersteuning, als je de beperkingen kent Goed om problemen te vinden Opsporen is geen toetsen of testen Denk na over false negatives (kost onnodige tijd) Ongeveer 5 tot 15% toegankelijkheidsproblemen automatisch te meten * * Onderzoek Auto-WCAG Group

17 Handmatige testen Controleer de automatische testen (haal fouten daaruit) Test onderdelen die niet automatisch getoetst kunnen worden Test met hulpapparatuur (voorleessoftware)

18 Betrek de doelgroep Maak gebruik van testgebruikers en testgroepen Schrijf testcases met de eindgebruiker in het achterhoofd Schrijf testscenario's met een beperking

19 Toegankelijkheid en gebruikerservaring De afbeeldingen zijn in dit nieuwsoverzicht decoratief Dus een alt beschrijving is niet nodig Het mag wel volgens WCAG Maar kan hinderlijk overkomen Denk dus na over de keuze

20 Onderdelen Toetsenbordtoegankelijkheid Afbeeldingen Structuur Contrast en kleurgebruik Formulieren Herschalen Multimedia Pagina titel Taal Structuur Navigatie en links Valide code

21 Toolkit Toetsenbord AXE (Chrome en Firefox plugin) Web Developer Toolbar (Firefox plugin) Colour Contrast Analyser Code inspector (broncode) Voorleessoftware zoals NVDA

22 Testen met WAVE

23 Testen met Axe

24 Testen met de Web Developer toolbar

25 Testen met een screenreader (NVDA)

26 Aan de slag! Morgen gaan jullie je website testen

27 Toetsenbordtoegankelijkheid testen 1. Ga naar je eigen website 2. Gebruik alleen het toetsenbord om te navigeren en probeer een belangrijk proces uit Een muis gebruiken is valsspelen 3. Is alles met het toetsenbord bedienbaar? Een website bedienen met het toetsenbord kan met TAB, ENTER, SPATIEBALK en PIJLTJES.

28 Herschalen testen 1. Ga naar je eigen website 2. Maak het browser venster kleiner en groter 3. Zoom in en uit met CTRL + en CTRL 4. Is alles nog steeds beschikbaar?

29 Contrast testen 1. Ga naar je eigen website 2. Gebruik de Colour Contrast Analyser 3. Test het contrast van verschillende onderdelen (teksten, iconen en knoppen) 4. Is het contrast voldoende? Download:

30 Samenvatting Iedereen moet digitale informatie tot zich kunnen nemen Voor testen Stel testregels op met betrekking op toegankelijkheid Test regelmatig, niet alleen aan het einde van het project Test als het kan ook met de doelgroep

31 Stichting Accessibility Christiaan Krammlaan AX Utrecht Telefoon: info@accessibility.nl