EDDA DL Richtlijnen voor de Toegankelijkheid en de Gebruiksvriendelijkheid van Digitaal Educatief Lesmateriaal

EDDA DL 1.4 - Richtlijnen voor de Toegankelijkheid en de Gebruiksvriendelijkheid van Digitaal Educatief Lesmateriaal

Document details Organisaties Auteurs Datum Project Onderdeel

Stichting Accessibility (www.accessibility.nl) Stichting Waarmerk drempelvrij.nl (www.drempelvrij.nl) Eric Velleman (E: [email protected], T: 0302398270) Marijke van Grafhorst (E: [email protected], T: 0610713730) 20131212 Versie 1.0 Status definitief EDDA 1.4 Definitieve Set Educatieve Richtlijnen - DEduLes-richtlijnen

Pagina 1 van 39

Inhoudsopgave Samenvatting ..................................................................................................................................................... 2 1 Inleiding ....................................................................................................................................................... 4 1.1 Opzet van het document en werkwijze ............................................................................................. 4 1.2 Betrokken partijen ............................................................................................................................. 5 1.3 Goede inkoopvoorwaarden is het halve werk................................................................................... 5 1.4 Mobiele applicaties ........................................................................................................................... 5 1.5 PDF en andere documenten .............................................................................................................. 6 2 Opbouw van webrichtlijnen versie 2 .......................................................................................................... 6 3 Onderzoek naar impact, frequentie en kosten ........................................................................................... 8 4 Richtlijnen Digitaal Educatief Lesmateriaal - DEduLes-richtlijnen ............................................................ 10 4.1 Prioritering op grond van impact en kosten.................................................................................... 10 4.2 Toegankelijkheid en gebruikersvriendelijkheid ............................................................................... 16 4.3 Voorbeeld: Tien tips Gebruikersprofiel: blind/slechtziend ............................................................. 18 Bijlage 1 WCAG 2.0/ Webrichtlijnen 2 ............................................................................................................. 22 Bijlage 2 Bij paragraaf 1.2 Betrokken partijen ................................................................................................. 28 Bijlage 3 Toegankelijkheid van Native Apps .................................................................................................... 31 Bijlage 4 Nuttige links ...................................................................................................................................... 32 Bijlage 5 Concept Inkoopvoorwaarden ........................................................................................................... 33 Bijlage 6 Ontwerp principes en usability richtlijnen ........................................................................................ 34 Bijlage 7 Urenbesteding digitalisering lesmateriaal conform DEduLes-richtlijnen ......................................... 38

Samenvatting Het doel om digitaal lesmateriaal volgens de richtlijnen toegankelijk en gebruiksvriendelijk op te leveren, is dat leerlingen met een functiebeperking deze net zo effectief kunnen gebruiken als leerlingen zonder functiebeperking. Daarmee is voldaan aan het uitgangspunt dat de leerling centraal staat. In overleg met leerlingen, experts en uitgevers is op grond van de eerder vastgestelde lijst slimme richtlijnen voor toegankelijkheid en gebruiksvriendelijkheid van digitaal educatief lesmateriaal onderzocht wat in de onderlinge samenhang van toegankelijkheid, gebruiksvriendelijkheid en vindbaarheid, goed en optimaal per doelgroep realiseerbaar is voor bestaand educatief materiaal en voor nieuw te ontwikkelen digitale educatieve lesmaterialen. Op basis van de uitkomsten van een enquête onder leerlingen met een beperking, experts en uitgevers hebben we een prioritering opgesteld. We hebben voor de verschillende doelgroepen de impact en de frequentie van de afzonderlijke richtlijnen in beeld gebracht en ‘laaghangend fruit’ geïdentificeerd. Dit onderzoek is uitgevoerd in het kader van het project EDDA. Zie voor meer informatie www.project-edda.nl. Naast de enquête zijn leermiddelen conform de richtlijnen voor de toegankelijkheid en gebruiksvriendelijkheid van digitaal educatief lesmateriaal aangepast c.q. uitgewerkt en uitgeprobeerd in de klassensituatie. Deze beide onderdelen hebben geleid tot deze definitieve set richtlijnen voor de toegankelijkheid en gebruiksvriendelijkheid van Digitaal Educatief Lesmateriaal, hierna te noemen DEduLesrichtlijnen.

Pagina 2 van 39

De definitieve set DEduLes-richtlijnen bevat aanbevelingen ter ondersteuning van onderwijsprofessionals en -gebruikers, gericht op het verbeteren van toegankelijkheid, gebruiksvriendelijkheid en kwaliteit van digitaal lesmateriaal, berustend op (inter)nationaal door alle stakeholders vastgestelde kwaliteitseisen, aangevuld met expertise en ervaringen van digitale en didactische professionals en -gebruikers. De DEduLes-richtlijnen worden deel van de professionele standaard, bevatten normatieve uitspraken en hebben mede daardoor een juridische betekenis. Door de gevolgde procedure is geconstateerd dat de DEduLes-richtlijnen alle direct toepasbaar zijn en digitale lesmaterialen opleveren die door leerlingen zowel met als zonder functiebeperking direct zelfstandig kunnen worden gebruikt. Om optimaal gebruik te maken van de DEduLes-richtlijnen van ontwikkelfase tot gebruik in de klas, zijn onderdelen toegevoegd die het toepassen overzichtelijker maken. Bij de productie van goed digitaal lesmateriaal zijn diverse partijen betrokken. Daarom zijn de diverse expertises beschreven waarbij uitdrukkelijk is aangegeven dat de uitgeverij, als opdrachtgever, hoofdverantwoordelijke is voor het eindproduct. Alle andere betrokken partijen dragen medeverantwoordelijkheid voor onderdelen. Ook is er een kosten-batenanalyse opgenomen waardoor het voor alle betrokken partijen inzichtelijk is wat de kosten van een juiste toepassing zijn. Daaruit blijkt dat bij de ontwikkeling van nieuw digitaal lesmateriaal de kosten voor het voldoen aan veel richtlijnen verwaarloosbaar zijn en de impact van het toepassen hoog is. Tijdens de try-out bleek dat er nog nauwelijks digitaal educatief lesmateriaal voor leerlingen met een functiebeperking beschikbaar is. Deze constatering is enerzijds teleurstellend maar biedt anderzijds uitstekende mogelijkheden om de achterstand in rap tempo in te halen. Bestaand materiaal toegankelijk en gebruiksvriendelijk maken (retrofitting) kost namelijk een veelvoud ten opzichte van nieuw te maken digitaal lesmateriaal. Omdat er nog weinig digitaal educatief lesmateriaal ontwikkeld is, is het aan te bevelen dat de DEduLes-richtlijnen nu zo snel mogelijk door alle betrokkenen worden geïmplementeerd. Ook is geconstateerd dat in de overgangsfase van gedrukt naar digitaal lesmateriaal het goedkoper is om met behulp van de DEduLes-richtlijnen didactische en technische oplossingen toe te passen voor een beoogd leerdoel dan gedrukt materiaal een-op-een te digitaliseren. Het belang van het (gaan) gebruiken van de DEduLes-richtlijnen voor alle digitale lesmaterialen is onomstotelijk vastgesteld. De fasering waarin dit kan plaatsvinden, hangt nauw samen met de uitfasering van het gedrukte lesmateriaal, de ruimte en wil voor aanpassing in de ingezette ontwikkelingstrajecten, de beschikbare kennis en vaardigheden voor de nieuw te ontwikkelen digitale lesmaterialen. Alle betrokken partijen in de lesmateriaalketen dienen de implementatie van de DEduLes-richtlijnen krachtig in te zetten en te ondersteunen. Daartoe moeten het nut en de noodzaak van de standaard ook beter onder de aandacht worden gebracht van de besluitnemers en gebruikers.

Pagina 3 van 39

1

Inleiding

Om goed onderwijs te kunnen geven, is het van belang dat het digitale onderwijsmateriaal en leeromgevingen voor alle leerlingen met en zonder functiebeperking toegankelijk, gebruiksvriendelijk, duurzaam en gemakkelijk vindbaar zijn. Digitale leeromgevingen, leer- en informatiesystemen, websites en applicaties zijn toegankelijk als leerlingen met een functiebeperking deze net zo effectief kunnen gebruiken als leerlingen zonder functiebeperking. Met digitale toegankelijkheid van de educatieve leermiddelen en leeromgevingen zijn leerlingen met een functiebeperking beter in staat om zelfstandig de onderwijsroute te volgen en te voldoen aan de gestelde eisen van de eindtoetsen. Dit draagt tevens bij aan de ontwikkeling van zelfredzaamheid en participatie in de maatschappij. Toegankelijke materialen vergroten doorgaans ook direct de toegankelijkheid voor andere gebruikers zonder beperkingen. Voor de digitale toegankelijkheid, gebruiksvriendelijkheid en vindbaarheid van webcontent en mobiele web applicaties zijn (inter)nationale richtlijnen opgesteld. De richtlijnen voor de digitale toegankelijkheid van het Web en van Web applicaties zijn internationaal vastgelegd door het World Wide Web Consortium in de Web Content Accessibility Guidelines1, de Authoring Tool Accessibility Guidelines2 en in ons land in de Webrichtlijnen3. Voor usability richtlijnen wordt veelal verwezen naar de richtlijnen voor digitale gebruiksvriendelijkheid in ISO DIS 9241-11, Guidance on usability4. De WCAG richtlijnen worden als voorwaarde voor toegankelijkheid van het web genoemd in het VNverdrag inzake de rechten van personen met een handicap. Ze zijn ook onderdeel van de door Europa aangekondigde Accessibility Act. Met deze richtlijnen spelen we dus op safe en werken we met richtlijnen die overal in Europa geldig zullen zijn. We gaan in dit document uit van een beperkte subset (het zogenaamde niveau AA) zoals dat door zowel de EU, de VN als de Nederlandse regering wordt aangeraden. In dit stuk passen we de richtlijnen toe op educatief digitaal lesmateriaal. We verwerken daarin de uitkomsten van de digitale review die we in het kader van het EDDA project hebben gehouden onder leerlingen, technische experts, begeleiders, docenten, uitgevers en redacteuren. Naast de digitale review hebben we ook een aantal leermiddelen conform de richtlijnen voor de toegankelijkheid en gebruiksvriendelijkheid van digitaal educatief lesmateriaal omgezet en uitgeprobeerd in de klassensituatie. Deze beide onderdelen hebben geleid tot deze definitieve set richtlijnen voor de toegankelijkheid en gebruiksvriendelijkheid van Digitaal Educatief Lesmateriaal, hierna te noemen DEduLes-richtlijnen.

1.1

Opzet van het document en werkwijze

In dit document wordt dus uitgegaan van de bestaande internationaal erkende richtlijnen, waarbij we vooral kijken naar de toegankelijkheidsrichtlijnen omdat die de basale toegankelijkheid voor mensen met een beperking garanderen. In overleg met leerlingen, experts en uitgevers is op grond van de eerder vastgestelde lijst slimme richtlijnen voor toegankelijkheid van digitaal educatief lesmateriaal onderzocht wat in de onderlinge samenhang van toegankelijkheid, gebruiksvriendelijkheid en vindbaarheid, goed en optimaal per doelgroep realiseerbaar is voor de bestaand lesmateriaal en voor nieuw te ontwikkelen digitale lesmaterialen. In dit document gebruiken we daarvoor de uitkomsten van de digitale review van de richtlijnen zoals die is gehouden onder de stakeholders (leerlingen, experts en uitgevers). In de digitale review hebben we voor 1

http://www.w3.org/TR/WCAG/ http://www.w3.org/TR/ATAG20/ - Binnenkort ook beschikbaar als ISO/IEC standard 40500 3 http://versie2.webrichtlijnen.nl/norm/20110701/ 4 http://www.usabilitynet.org/tools/r_international.htm Pagina 4 van 39 2

de verschillende doelgroepen de impact en de frequentie van de afzonderlijke richtlijnen in beeld gebracht en is ‘laaghangend fruit’ geïdentificeerd: eenvoudig op te lossen problemen. In de digitale review hebben we de volgende vragen gesteld: 1. Wat is de impact van een richtlijn op mensen met een visuele beperking? 2. Wat is de aanwezigheidsfrequentie per richtlijn? 3. Wat is mogelijk laaghangend fruit en wat kost meer tijd en geld? De resultaten van die digitale review zijn verwerkt in dit document, zie hoofdstuk 4 en 5. Dat leidt tot een helder overzicht van de richtlijnen, de impact van die richtlijnen, de frequentie en de kosten om die richtlijn toe te passen. Op grond van de lijst in paragraaf 5.1 kunnen uitgevers:  Beter vaststellen wat voor hen laaghangend fruit is dat wellicht op kortere termijn zou kunnen worden aangepast in bestaande digitale leermiddelen  Bij toekomstige opdrachten voor digitale leermiddelen zien waaraan die materialen moeten voldoen om voor iedereen toegankelijk te zijn en dit opnemen in de opdrachtverstrekking  Besluiten wat prioriteit heeft bij het werken aan toegankelijkheid  Zien welke richtlijnen nog kostbaar zijn om toe te passen in digitale leermiddelen In de DEduLes-richtlijnen is een belangrijk uitgangspunt dat er gelaagd gebouwd wordt (progressive enhancement). Daardoor is het niet nodig om voor verschillende doelgroepen, platformen en apparaten verschillende producten te maken. Dat scheelt tijd en geld.

1.2

Betrokken partijen

Voor de ontwikkeling van toegankelijk digitaal educatief lesmateriaal zijn verschillende expertises nodig. Er is bij de ontwikkeling altijd een aantal personen betrokken, onderscheiden naar opdrachtgever, web ontwerper, web ontwikkelaar, web redacteur, educatief en didactisch ontwikkelaar van een vak- en vormingsgebied, gebruikers. De didactische component is binnen het project EDDA door andere partners uitgewerkt. In bijlage 2 is een overzicht opgenomen waarin per betrokken partij wordt aangegeven met welke voorwaarden men rekening moet houden bij zowel de ontwikkeling als de aanschaf. De voorwaarden zijn een bewerking van de voorwaarden die nauw zijn gekoppeld aan het Toepassingskader voor Webrichtlijnen versie 2.

1.3

Goede inkoopvoorwaarden is het halve werk

Uit ervaring blijkt dat de eenvoudigste manier om de technische toegankelijkheid voor een breder publiek te implementeren voorafgaat aan de werkelijke productie van het digitale materiaal. Het gaat om het geven van de juiste opdracht aan de bouwer. De Amerikaanse overheid heeft geconstateerd dat het stellen van goede eisen voorafgaand aan de productie meer effect heeft dan wetgeving. Ook de Rijksoverheid heeft de ervaring dat het maken van goede contractafspraken voorafgaand aan de productie bijdraagt aan succesvolle toepassing. Daarom is aan deze set richtlijnen bijlage 5 toegevoegd met daarin concept inkoopvoorwaarden voor toegankelijke Web applicaties en Websites. Die voorwaarden zijn een bewerking van de voorwaarden die door de Vereniging Nederlandse Gemeenten zijn geleverd aan gemeenten.

1.4

Mobiele applicaties

Er zijn verschillende soorten mobiele applicaties. Behalve web gebaseerde applicaties die vaak ook op de computer werken zijn er ook zogenaamde ‘native’ applicaties voor het mobiele platform (iOS, Android, WindowsMobile, Symbian etc.). De richtlijnen in dit document gaan over (mobiele) web applicaties en websites die via PC, Mac, Tablet of Mobiel toestel te benaderen zijn. Daaronder vallen ook documenten die via die websites of applicaties worden aangeboden. Zie ook de paragraaf “PDF en andere documenten”. Pagina 5 van 39

Native applicaties worden hier niet besproken omdat die sterk afhankelijk zijn van het platform en versies van de software die daarop gebruikt wordt. Voor native en hybride applicaties zijn veelal richtlijnen voor toegankelijkheid beschikbaar bij de verschillende fabrikanten. Een aantal relevante links is te vinden in bijlage 3, Toegankelijkheid van Native Apps. Voor (mobiele) web applicaties en websites zijn de in dit document aangeboden DEDules-richtlijnen (op basis van WCAG2.0) bruikbaar. Die richtlijnen omvatten ook (mobiele) websites en (mobiele) web applicaties en alle technologieën die daarbij worden gebruikt.

1.5

PDF en andere documenten

PDF en andere documenten zoals Word en Open Office documenten die via websites of (mobiele) applicaties worden aangeboden, vallen ook onder de WCAG richtlijnen. Dat wil zeggen dat ze toegankelijk zullen moeten zijn volgens de WCAG richtlijnen, en dus ook volgens de richtlijnen in dit document. Voor PDF wil dat zeggen dat de tekst beschikbaar moet zijn, maar ook dat er een alternatief of extra uitleg wordt aangeboden voor elementen zoals afbeeldingen, tabellen etc. In veel gevallen is het niet lastig om toegankelijke PDF documenten te maken als er van te voren al rekening mee wordt gehouden. Het achteraf ‘taggen’ van PDF kost meer tijd. Daarbij is voor de toegankelijkheid echter ook de didactische doelstelling van belang. Wat wil de auteursinstructie met de afbeelding bereiken en wat is dan een toegankelijk alternatief? Vervolgens is het interessant om te zien dat het toegankelijke alternatief voor iedereen bruikbaar is. PDF kent meerdere varianten die niet allemaal toegankelijkheid ondersteunen. Over het algemeen wordt aangeraden om als basis gebruik te maken van reeds op toegankelijkheid voorbereide basis documenten (templates). Het is met een goed opgemaakt Worddocument niet ingewikkeld om een toegankelijke PDF te genereren. Er zijn ook varianten van PDF die zijn gescand als afbeelding. Bijvoorbeeld als een document via een kopieermachine wordt gescand en verstuurd. De tekst in die documenten is meestal niet selecteerbaar. Schermleesprogramma’s voor bijvoorbeeld blinden zien alleen een plaatje en geen tekst. Die documenten zijn dan niet toegankelijk en meestal ook niet gemakkelijk toegankelijk te maken.

2

Opbouw van webrichtlijnen versie 2

We kijken in dit document naar versie 2 van de internationale webrichtlijnen, beter bekend als de Web Content Accessibility Guidelines (WCAG2.0). Die bestaan uit richtlijnen voor toegankelijkheid van web content ingedeeld in drie niveaus van toegankelijkheid (A, AA en AAA), zie bijlage 1. Ze bevatten een groot aantal aanbevelingen om web content en applicaties toegankelijker te maken. Onder de definitie van web content vallen ook web applicaties en mobiele toepassingen. Het definieert hoe je web content toegankelijker maakt voor mensen met een functiebeperking en dus voor iedereen.

Niveau AAA (hoogste niveau) kwaliteitsrichtlijnen WCAG

Niveau AA (aangeraden door VN en EU)

Internationale Richtlijnen voor toegankelijkheid: WCAG versie 2

Niveau A (minimale richtlijnen voor apparatuur toegankelijkheid Pagina 6 van 39

Het volgen en toepassen van deze richtlijnen zal content toegankelijk maken voor een breed publiek inclusief een scala van functiebeperkingen, waaronder visuele, auditieve, fysieke, spraak-, cognitieve, taal-, leer- en neurologische functiebeperkingen. Hoewel deze richtlijnen een breed scala van aandachtspunten bestrijken, zijn ze niet in staat om in de behoeften van mensen met alle soorten, gradaties en combinaties van functiebeperkingen te voorzien. Webtoegankelijkheid hangt niet alleen af van de toegankelijkheid van content maar ook van de toegankelijkheid van webbrowsers en andere user agents. Authoring tools hebben ook een belangrijke rol in webtoegankelijkheid. Voor zowel authoring tools als voor user agents (zoals browsers, video spelers, multimedia spelers, etc.) bestaan daarom aparte richtlijnen die betrokken moeten worden als er sprake is van invoer van gegevens in bijvoorbeeld een Elektronische Leer Omgeving (ELO). Die richtlijnen zijn beschikbaar op de website van het World Wide Web Consortium (W3C)5. Om aan de verschillende behoeften van de betrokken partijen te voldoen, worden verschillende lagen van advies geleverd, waaronder globale principes, algemene richtlijnen, toetsbare succescriteria en een uitgebreide verzameling afdoende technieken, aanbevolen technieken en gedocumenteerde gangbare fouten met voorbeelden, links naar hulpmiddelen en broncode. 







Principes – De richtlijnen omvatten vier principes die het fundament voor webtoegankelijkheid en duurzaamheid leveren: waarneembaar, bedienbaar, begrijpelijk en robuust. De Nederlandse overheid heeft daaraan nog een vijfde toegevoegd voor kwaliteit: betekenisvolle duurzame content Richtlijnen - Onder de principes vallen richtlijnen. Deze 22 richtlijnen vormen de hoofddoelen die auteurs moeten nastreven om content toegankelijker te maken voor gebruikers met verschillende functiebeperkingen. De richtlijnen leveren het kader en de algemene doelen om hen te helpen de succescriteria te begrijpen en de technieken beter te implementeren. Succescriteria - Elke richtlijn is voorzien van toetsbare succescriteria, zodat webrichtlijnen gebruikt kan worden waar vereisten en toetsen op conformiteit noodzakelijk zijn, zoals bij het specificeren van het ontwerp, inkoop, regulering en contractuele overeenkomsten. Om aan de behoeften van verschillende groepen en verschillende situaties te voldoen, zijn drie niveaus van conformiteit gedefinieerd: A (laagst), AA, en AAA (hoogst). Afdoende en aanbevolen technieken - Voor elk van de richtlijnen en succescriteria in het webrichtlijnen document is een breed scala van technieken gedocumenteerd. De technieken zijn informatief en vallen onder twee categorieën: zij die afdoende zijn om aan de succescriteria te voldoen en zij die aanbevolen zijn. De aanbevolen technieken gaan verder dan wat vanuit de individuele succescriteria wordt geëist en maken het auteurs mogelijk zich beter aan de richtlijnen te houden. Sommige aanbevolen technieken richten zich op toegankelijkheidsbarrières die niet afgedekt worden door de testbare succescriteria. Waar gangbare fouten bekend zijn, worden die ook gedocumenteerd.

De gelaagde adviezen (principes, richtlijnen, succescriteria en afdoende en aanbevolen technieken) leveren samen een compleet advies over het toegankelijk maken van content. Auteurs worden aangemoedigd om alle lagen te bekijken en toe te passen indien mogelijk, met inbegrip van de aanbevolen technieken, om zich optimaal te richten op de behoeften van een zo groot mogelijke groep gebruikers of een zeer gespecificeerde gebruikersdoelgroep. Belemmeringen bij ontoegankelijkheid6 5 6

www.w3.org/WAI/ Bron Digitale Toegankelijkheid in het hoger onderwijs Pagina 7 van 39

Tegen welke belemmeringen lopen leerlingen met een (tijdelijke) functiebeperking aan op ontoegankelijk gebouwde websites, leeromgevingen en studie-informatiesystemen? • Blind: Blinde leerlingen gebruiken hun eigen brailleleesregel of voorleessoftware om de inhoud te ‘lezen’. Alles wat niet in tekst wordt weergegeven of waarvoor geen (voor anderen verborgen) tekstalternatief beschikbaar is, missen zij (afbeeldingen, tabellen, plaatjes, videobeelden, knoppen, flash-animaties). De website moet ook alleen met het toetsenbord te gebruiken zijn. Een blinde kan geen cursor zien en dus geen muis gebruiken. • Slechtziend: Slechtziende leerlingen vergroten de teksten of laten de inhoud voorlezen door een schermlezer. Voor hen is een goed contrast van belang. Voor leerlingen met kleurenblindheid is het belangrijk dat informatie in tabellen, legenda en grafieken niet afhankelijk is van kleuren. • Doof of slechthorend: Voor dove en slechthorende leerlingen moet alles wat via geluid wordt gecommuniceerd, ook op een andere manier weergegeven worden. Bij video’s bijvoorbeeld via ondertiteling of in de Nederlandse gebarentaal. Voor doofgeborenen is Nederlands niet de moedertaal, dus begrijpelijke tekst is voor hen heel belangrijk. • Autisme, ADHD, cognitieve beperkingen: Bewegende beelden en drukke pagina’s leiden af en verstoren de concentratie. Deze leerlingen zijn gebaat bij rustige webpagina’s, duidelijke teksten en een heldere structuur. • Dyslexie: Grote stukken tekst zorgen voor problemen bij leerlingen met dyslexie. Zij gebruiken soms voorleessoftware. Ook zijn zij geholpen met koppenmarkering, een juist letterfont en gebruik van beeld, tabellen en video. • Motorische beperking: Leerlingen met een motorische beperking gebruiken het toetsenbord en/of hulpmiddelen om websites te gebruiken. Voor hen is het belangrijk dat navigatie, links en knoppen zonder muis te bedienen zijn.

3

Onderzoek naar impact, frequentie en kosten

We hebben op basis van de eerder binnen EDDA vastgestelde slimme set richtlijnen een digitale review uitgevoerd bij de doelgroepen (leerlingen, experts en uitgevers). Daarin is onderzocht:  De impact van een richtlijn op de toegankelijkheid van digitale leermiddelen voor leerlingen met een visuele beperking (volgens leerlingen en expert)  De frequentie dat een richtlijn voor komt (volgens leerlinge, experts en uitgevers)  De kosten om leermiddelen aan deze richtlijn te laten voldoen (volgens experts en uitgevers) Het maken van de enquête was lastig omdat de richtlijnen meestal erg technisch zijn en niet iedereen begrippen als html, code validatie enz. begrijpt. De richtlijnen zijn voor de digitale review daarom vereenvoudigd om beter aan te sluiten bij niet technisch onderlegde mensen. Er zijn drie vragenlijsten opgesteld voor:  Leerlingen  Experts op het gebied van toegankelijkheid  Uitgevers en redacteuren (inclusief mogelijke webdevelopers van uitgevers) Pagina 8 van 39

De vragenlijsten bestonden uit een serie algemene vragen en specifieke vragen over de richtlijnen die via SurveyMonkey in enquêtevorm zijn aangeboden. Voor de drie doelgroepen zijn bij elke richtlijn verschillende vragen gesteld. Hieronder staat als voorbeeld een richtlijn met daaronder de aangepaste beschrijving voor de enquête. Originele richtlijn tekst: “2.3.1 Drie flitsen of beneden drempelwaarde: Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flitsen rodeflitsdrempelwaarden. (Niveau A)”7 Aangepaste tekst (richtlijn): “Mensen met epilepsie kunnen een aanval krijgen van snel flitsende beelden. Daarom mogen beelden en andere elementen op een pagina niet meer dan drie flitsen per seconde bevatten.” Vervolgens werd per richtlijn een aantal vragen gesteld. Voor de antwoorden kon worden gekozen uit: helemaal mee oneens

mee oneens

neutraal

mee eens

helemaal mee eens

Hieronder de vragen die per richtlijn aan de genoemde doelgroep zijn gesteld: Leerlingen  Dit kom ik vaak tegen  Als er niet aan deze richtlijn wordt voldaan is dat voor mij geen probleem (vraag vervallen)  Voor mensen met een (visuele) beperking is de impact van het niet voldoen aan deze richtlijn groot Toegankelijkheidsexperts  Deze richtlijn zal vaak van toepassing zijn op bestaand of te ontwikkelen lesmateriaal  Het is technisch erg moeilijk deze richtlijn toe te passen  Voor mensen met een (visuele) beperking is de impact van het niet voldoen aan deze richtlijn groot  Het toepassen van deze richtlijn kost erg veel extra tijd (en geld) bij de ontwikkeling Uitgevers en redacteuren  Deze richtlijn zal vaak van toepassing zijn op bestaand of te ontwikkelen lesmateriaal  Het toepassen van deze richtlijn kost erg veel extra tijd (en geld) bij de ontwikkeling  Het toepassen van deze richtlijn kost mij als uitgever extra tijd (en dus geld) bij het maken van de methode De enquête is in totaal vijf maanden online geweest en er zijn vanuit het EDDA project verschillende oproepen gedaan om mensen te stimuleren de vragen door te lopen. Dat was niet altijd even gemakkelijk. Veel van de richtlijnen zijn technisch en ingewikkeld en vooral bij de leerlingen was extra uitleg nodig en zijn we langsgegaan in de school om de vragen met ze door te nemen. Ook bleek dat een van de vragen voor de leerlingen ingewikkeld was gesteld waardoor de antwoorden onbetrouwbaar waren (“Als er niet aan deze richtlijn wordt voldaan is dat voor mij geen probleem”). Die vraag hebben we daarom laten vervallen. Uit de gesprekken met de leerlingen blijkt vooral dat er nog maar weinig digitaal lesmateriaal wordt gebruikt. Terwijl de leerlingen bijna allemaal zeer actief zijn op het web is het toegankelijke lesmateriaal dat ze gebruiken nog steeds beperkt tot speciaal aangepaste digitale (maar statische) Word- en PDF documenten. Ook uit gesprekken met de uitgevers blijkt dat er nog maar weinig digitaal lesmateriaal

7

http://www.w3.org/Translations/WCAG20-nl/#seizure Pagina 9 van 39

beschikbaar is. Dit wordt naar zeggen voornamelijk veroorzaakt door de geringe penetratie van computers/tablets in het onderwijs. Totaal ontvingen we 39 reacties op de enquête van experts (17), uitgevers en redacteuren (14) en van leerlingen (8). Van de leerlingen gaf 37,5% aan blind te zijn en gebruik te maken van braille en/of spraak. Van de groep uitgevers en redacteuren/uitgevers was 50% alleen uitgever, 21,4% was content ontwikkelaar (redactie) en 28,6% beide. Omdat van de leerlingen maar een gering aantal alle vragen van de enquête heeft beantwoord, hebben we met hen nog apart gesproken en de vragen met ze doorgenomen. De scores bestaan uit gemiddelden waarbij er als volgt is geteld: Score Helemaal mee oneens Mee oneens Neutraal Mee eens Helemaal mee eens

Punten -2 -1 0 +1 +2

In het volgende hoofdstuk zetten we de richtlijnen en de scores op een rij.

4

Richtlijnen Digitaal Educatief Lesmateriaal - DEduLes-richtlijnen

Op basis van het onderzoek (digitale review) is uit de richtlijnen voor webapplicaties en webcontent, zoals die internationaal zijn vastgesteld door W3C (WCAG 2.0 richtlijnen) en Nederlandse overheid (webrichtlijnen 2.0), een set opgesteld waarmee de toegankelijkheid, gebruiksvriendelijkheid en vindbaarheid is geborgd en ook kan worden getoetst. In dit hoofdstuk zetten we de richtlijnen voor digitaal educatief lesmateriaal op een rij op grond van impact en kosten. Op grond van de uitkomsten van de digitale review die is uitgevoerd voor het EDDA project geven we per richtlijn aan:  De impact van een richtlijn op de toegankelijkheid van digitale leermiddelen voor leerlingen met een visuele beperking (volgens leerlingen en expert)  De frequentie dat een richtlijn voor komt (volgens leerlingen, experts en uitgevers)  De kosten om leermiddelen aan deze richtlijn te laten voldoen (volgens experts en uitgevers)

4.1

Prioritering op grond van impact en kosten

Op grond van de eerste set slimme educatieve richtlijnen, de daarop uitgevoerde digitale review en de test met volgens de richtlijnen omgezette hoofdstukken van een aantal methoden is een prioritering voorgesteld die uitgaat van de verhouding kosten/baten, zie bijlage 7. We kijken dan naar de richtlijnen met de grootste impact op de toegankelijkheid en met verhoudingsgewijs lage kosten om aan te passen.

Richtlijn Toegankelijkheid

1

Richtlijn Gebruiksvriendelijkheid

Labels of instructies 3.3.2 Labels of instructies: 5 Voorkom door het ontwerp Als de content gebruikersfouten gebruikersinvoer vereist, dan 9 Zorg voor heldere Pagina 10 van 39

Impact (gemidd. score experts en lln)

Kosten (gemidd. Verschil score impact en experts en kosten uitgevers)

Frequentie (gemidd. score lln, experts en uitgevers)

1,59

-0,18

0,97

1,77

worden labels of instructies geleverd. (Niveau A)

instructieve foutberichten waardoor de gebruiker zelf het probleem kan oplossen 10 Zorg voor makkelijk vindbare en begrijpelijke helpdocumentatie

2

Bij invoer in een formulier

1,46

-0,22

1,67

0,00

3

3.2.2 Bij input: Verandering 4 Gebruik alle functies en van de instelling van een definities consistent component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van dit component. (Niveau A) Naam, rol of waarde

1,33

-0,18

1,51

1,08

1 Maak zichtbaar wat gebeurt 4 Gebruik alle functies en definities consistent 7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden

4

4.1.2 Naam, rol, waarde: Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role), door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden kunnen door software bepaald worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën. (Niveau A) Timing aanpasbaar

1,43

-0,04

1,47

0,26

7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden

5

2.2.1 Timing aanpasbaar: Voor elke tijdslimiet die door de content wordt ingesteld geldt ten minste een van de volgende zaken: (Niveau A) Fout indicatie

1,21

-0,19

1,40

0,73

3.3.1 Fout identificatie: Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en de fout wordt tekstueel aan de gebruiker meegedeeld. (Niveau A)

5 Voorkom door het ontwerp gebruikersfouten 9 Zorg voor heldere instructieve foutberichten waardoor de gebruiker zelf het probleem kan oplossen 10 Zorg voor makkelijk vindbare en begrijpelijke helpdocumentatie Pagina 11 van 39

7

Toetsenbord bereikbaarheid functies 2.1.1 Toetsenbord: Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten. (Niveau A) Geen toetsenbordval

3 Zorg voor een directie herstelfunctie 4 Gebruik alle functies en definities consistent 7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden 10 Zorg voor makkelijk vindbare en begrijpelijke helpdocumentatie

8

2.1.2 Geen toetsenbordval: Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen, en, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te Focus volgorde

1 Maak zichtbaar wat gebeurt 5 Voorkom door het ontwerp gebruikersfouten 7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden 9 Zorg voor heldere instructieve foutberichten waardoor de gebruiker zelf het probleem kan oplossen

9

2.4.3 Focus volgorde: Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft. (Niveau A) Focus

4 Gebruik alle functies en definities consistent

10

3.2.1 Bij focus: Als een component de focus krijgt, dan veroorzaakt dat geen contextwijziging. (Niveau A) Pagina titel 2.4.2 Paginatitel: Webpagina's hebben titels die het onderwerp of doel beschrijven. (Niveau A)

1 Maak zichtbaar wat gebeurt 5 Voorkom door het ontwerp gebruikersfouten 7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden 9 Zorg voor heldere instructieve foutberichten waardoor de gebruiker zelf

6

1,65

0,26

1,39

0,92

1,33

0,06

1,27

0,73

1,30

0,06

1,24

0,83

1,15

-0,10

1,24

0,07

1,02

-0,22

1,23

1,16

3 Zorg voor een directie herstelfunctie 4 Gebruik alle functies en definities consistent 7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden 10 Zorg voor makkelijk vindbare en begrijpelijke helpdocumentatie

Pagina 12 van 39

het probleem kan oplossen 11

Linkdoel in context 1 Maak zichtbaar wat gebeurt 5 Voorkom door het ontwerp gebruikersfouten 7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden 9 Zorg voor heldere instructieve foutberichten waardoor de gebruiker zelf het probleem kan oplossen

12

2.4.4 Linkdoel (in context): Het doel van elke link kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen. (Niveau A) Betekenisvolle volgorde

6 Maak een eenduidige instructiestructuur die overal beschikbaar is

13

1.3.2 Betekenisvolle volgorde: Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een betekenisvolle leesvolgorde door software bepaald worden. (Niveau A) Parsen

1 Maak zichtbaar wat gebeurt 4 Gebruik alle functies en definities consistent 7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden

14

4.1.1 Parsen: In content die geïmplementeerd is met opmaaktalen hebben elementen volledige beginen eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat. (Niveau A) Info en relaties


15

1.3.1 Info en relaties: Informatie, structuur, en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst. (Niveau A) Gebruik van kleur

2 Stem volgorde en taal af op de gebruiker 3 Zorg voor een directie herstelfunctie 8 Bied enkel relevante informatie

16

1.4.1 Gebruik van kleur: Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden. (Niveau A) Blokken omzeilen

2.4.1 Blokken omzeilen: Er is 1 Maak zichtbaar wat Pagina 13 van 39

1,06

-0,09

1,15

1,20

1,33

0,22

1,11

0,93

1,06

0,05

1,02

0,66

1,23

0,29

0,94

1,24

0,90

-0,03

0,93

0,85

1,05

0,28

0,77

1,18

een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen. (Niveau A)

17

18

19

Pauzeren, stoppen, verbergen 2.2.2 Pauzeren, stoppen, verbergen: Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken: (Niveau A) Louter geluid en louter videobeeld 1.2.1 Louter-geluid en loutervideobeeld (vooraf opgenomen): Lever een alternatief voor media met vooraf opgenomen loutergeluid en vooraf opgenomen louter-videobeeld, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld. (Niveau A) Taal van pagina 3.1.1 Taal van de pagina: De standaard menselijke taal van elke webpagina kan door software bepaald worden. (Niveau A)

20

21

gebeurt 5 Voorkom door het ontwerp gebruikersfouten 7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden 9 Zorg voor heldere instructieve foutberichten waardoor de gebruiker zelf het probleem kan oplossen -0,12

0,68

0,13

1,26

0,70

0,56

0,49

0,25

-0,16

0,41

-0,16

0,90

0,50

0,40

1,00

0,73

0,41

0,33

0,43

7 Zorg voor flexibele en efficiënte gebruiksmogelijkheden

2 Stem volgorde en taal af op de gebruiker

2 Stem volgorde en taal af op de gebruiker 4 Gebruik alle functies en definities consistent 9 Zorg voor heldere instructieve foutberichten waardoor de gebruiker zelf het probleem kan oplossen

Zintuiglijke eigenschappen 1.3.3 Zintuiglijke eigenschappen: Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, omvang, visuele locatie, oriëntatie of geluid. (Niveau A) Ondertiteling voor doven en sh 1.2.2 Ondertiteling voor doven en slechthorenden

0,56


2 Stem volgorde en taal af op de gebruiker Pagina 14 van 39

22

(vooraf opgenomen): Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een mediaalternatief is voor tekst en duidelijk als zodanig is gelabeld. (Niveau A) Geluidsbediening 2 Stem volgorde en taal af op de gebruiker 3 Zorg voor een directie herstelfunctie 8 Bied enkel relevante informatie

23

1.4.2 Geluidsbediening: Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen. (Niveau A) Tekstuele content

1 Maak zichtbaar wat gebeurt

24

1.1.1 Niet-tekstuele content: Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient. (Niveau A) Audio descriptie voor video 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen): Er wordt een alternatief voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een mediaalternatief is voor tekst en duidelijk als zodanig is gelabeld. (Niveau A) Niet meer dan 3 flitsen per seconde 2.3.1 Drie flitsen of beneden drempelwaarde: Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits-

2 Stem volgorde en taal af op de gebruiker

25

Pagina 15 van 39

0,44

0,12

0,33

-0,05

0,93

0,71

0,22

0,80

0,81

0,68

0,14

0,14

-0,61

-0,37

-0,24

-0,34

en rodeflitsdrempelwaarden. (Niveau A)

Voor de impact zijn we uitgegaan van het gemiddelde van de waarden die zijn aangeven door leerlingen en experts. Voor de kosten hebben we het gemiddelde genomen van de waarden zoals die zijn aangegeven door de experts en de uitgevers/redacteuren. Het verschil tussen die twee waarden is berekend en als uitgangspunt genomen voor een prioriteitenlijst. Ernaast staat de gemiddelde frequentie van het probleem zoals dat wordt aangegeven door leerlingen, experts en uitgevers/redacteuren (gemiddelde waarde over de drie stakeholdergroepen). Over het algemeen geven de uitgevers aan dat werkzaamheden voor toegankelijkheid extra tijd en inspanning kosten en verwachten ze in alle gevallen meer kosten dan de experts.

4.2

Toegankelijkheid en gebruikersvriendelijkheid

In de DEduLes-richtlijnen zijn de richtlijnen voor toegankelijkheid en gebruiksvriendelijkheid samengevoegd. In deze paragraaf, die relevant is voor ontwikkelaars, wordt ingegaan op wat onder gebruiksvriendelijkheid wordt verstaan. Vervolgens wordt kort iets uitgelegd over het gebruik en de bruikbaarheid, de gebruiksvaardigheid en het gebruikersprofiel. Het gebruikersprofiel blind/slechtziend is nader uitgewerkt. 4.2.1

Gebruiksvriendelijk en bruikbaar

Voor usability zijn aparte richtlijnen die voor toegankelijkheid niet verplicht zijn, zie bijlage 6. Nigel Bevan schrijft over standaarden en de relatie met usability dat ze gecategoriseerd kunnen worden als “primarily concerned with8”: 1. The use of the product (effectiveness, efficiency and satisfaction in a particular context of use). 2. The user interface and interaction. 3. The process used to develop the product. 4. The capability of an organisation to apply user centred design. Usability kan in het Nederlands het beste vertaald worden met gebruiksvriendelijkheid en bruikbaarheid. De International Standards Organization (ISO) definieert usability als de mate waarin een product door bepaalde gebruikers in een bepaalde gebruikersomgeving kan worden gebruikt om bepaalde doelen effectief, efficiënt en naar tevredenheid te bereiken. In het algemeen kun je zeggen dat het erom gaat dat een site doet wat zij moet doen. Dat de site efficiënt, adequaat, effectief en intuïtief antwoord geeft op de vraag van de gebruiker. En dat de gebruiker daarna tevreden is. In de term usability zijn een aantal andere woorden te herkennen, namelijk:  use, het gebruik of de bruikbaarheid  ability, het kunnen tonen van of het uitvoeren van een vaardigheid 4.2.2

Het gebruik en de bruikbaarheid

Vanuit het gebruik is een website, een verzameling van webpagina’s, een logisch samenhangend geheel. Dit wordt duidelijk op het niveau van de website en op het niveau van een webpagina. Op het niveau van de website gaat het om een duidelijke architectuur, navigatiestructuur, zoekfunctie en interactiemogelijkheden. Houd voor de architectuur rekening met:  Homepage design, is dit afwijkend t.o.v. de andere pagina’s 8

http://nigelbevan.com/papers/International_standards_HCI.pdf Pagina 16 van 39

 Korte logische paden  Alle onderdelen zijn bereikbaar vanaf de homepage  Duidelijke mappenstructuur voor de navigatie  Link home is aanwezig op alle andere pagina’s  Primaire navigatie op alle pagina’s  Juiste verwijzing van hyperlinks  Duidelijke indicaties waar de gebruiker zich bevindt  Duidelijke ordening  Eenduidige vormgeving voor het zoeken  Op iedere pagina is de zoekfunctie aanwezig  Tekstvak is voldoende ruim  De eenduidigheid van een opschrift van iedere functie voor de interactie  De aanwezigheid van een Hyperlink voor contact  Belangrijke interactie-elementen als login, zoeken, feedback en reactiewijzen, deze staan op de homepage Op het niveau van de webpagina gaat het om duidelijke opmaak, snelheid, afbeeldingen, multimedia. Houd voor de opmaak rekening met  Herkenbare vormgeving  Schreefloze letter  Logische groepering van tekst en beeld  Witruimte rond tekst en beeld  Schaalbaarheid van tekst en beeld voor de snelheid  Omvang van een pagina < 50 kB  Optimalisatie van opmaakcode, afbeeldingen en tabellen voor de afbeeldingen  De paginaoppervlakte > 5 %  Het voorzien van tekstlabels, alttekst en dimensies (height, width)  Gecomprimeerd en volledig (= geen gebroken afbeelding) voor de multimedia  Functie  Heldere uitleg over het gebruik  Met audio/videoformaat 4.2.3

Gebruiksvaardigheid & gebruikersprofiel

De gebruiksvaardigheid is afhankelijk van een goed ontworpen website/webpagina en van de fysiek mogelijke vaardigheden van een gebruiker. Op grond van de ability en disability dient een website van compenserende onderdelen te zijn voorzien zodat in redelijkheid iedereen de website kan benutten. Waar de website wordt gebruikt, is usability van belang, maar ook de ergonomie. De Nederlandse Vereniging voor Ergonomie hanteert als definitie: Ergonomie tracht op basis van kennis omtrent de anatomische, fysiologische en psychologische kenmerken van de mens, om producten, technische systemen, taken en functies zodanig te ontwerpen dat de veiligheid, gezondheid en het welzijn van de mens gewaarborgd is en doelmatig functioneren wordt bevorderd. Voor het vaststellen van de vaardigheden en ergonomische inzichten wordt binnen de context van DEduLes-richtlijnen de geldende clusterindeling van het onderwijs gevolgd. Zoals voor het onderwijs in het algemeen en het clusteronderwijs in het bijzonder geldt, zijn er leerlijnen en uitstroomprofielen opgesteld Pagina 17 van 39

waaraan een leerling moet voldoen. Op grond hiervan kunnen de gebruikersprofielen voor de onderscheiden doelgroepen worden opgesteld. In generieke zin zijn de onderstaande vier profielen te onderscheiden: 1. blind/slechtziend 2. doof/slechthorend/ernstige spraak- en/of taalmoeilijkheden 3. lichamelijke en/of geestelijke beperkingen 4. gedrags- en/of psychiatrische stoornissen Het voorstel is om bij ieder profiel een checklist te maken die aansluit bij de vaardigheden en copingstrategie van de gebruiker. 4.2.4

DEduLes-richtlijnen en het ontwerpen van lesmateriaal

Om de DEduLes-richtlijnen richtlijnen toe te spitsen naar het ontwerpen van lesmateriaal voor de digitale leeromgeving worden de inzichten van gangbare theorieën toegepast. Het gaat om de Generatieve Theory en de Cognitive theory van Multimedia learning (zie bijlage 6). Vanuit de generatieve theorie zijn drie principes belangrijk opdat lerenden de leeropbrengsten in een bepaalde leertijd kunnen realiseren: 1. Laat overbodige informatie weg 2. Voorkom zoeken op een scherm 3. Benut gesproken tekst bij animaties In de cognitive theory of multimedia learning wordt voor het krijgen en verwerken van informatie onderscheid gemaakt tussen het visuele en auditieve kanaal. Het uitgangspunt is om beide kanalen gelijkwaardig te belasten. Voor de lerende is het van belang dat: 1. enkel relevante informatie in woord en beeld wordt aangeboden 2. beide kanalen benut worden en wel zodanig dat ze gelijk belast worden 3. de informatie via beide kanalen in samenhang wordt aangeboden 4. de informatie aansluit bij de leerbehoefte Het onderstaande schema toont welke DEduLes-richtlijnen aansluiten bij de drie principes van de generatieve theorie en de vier punten van de cognitive theory of multimedia learning.

Laat overbodige informatie weg Voorkom zoeken op een scherm Benut gesproken tekst bij animaties Biedt enkel relevante informatie in woord en beeld Benut beide kanalen zo dat ze gelijkwaardig belast worden Biedt de informatie via beide kanalen in samenhang Zorg dat de informatie aansluit bij de leerbehoefte

4.3

DEduLes-Richtlijnen 1, 4, 9 3, ,5, 6, 7, 10, 14 22, 23, 24 11, 15, 20, 21 13, 20 18 8, 11, 12, 16, 17, 19, 21

Voorbeeld: Tien tips Gebruikersprofiel: blind/slechtziend9

In deze paragraaf worden tien tips10 gegeven waarin de richtlijnen van toegankelijkheid en gebruiksvriendelijkheid gecombineerd worden. Dit gaat uit van het gebruikersprofiel blind/slechtziend, 9

http://www.softwareinzicht.nl/software-in-zicht/index.php Pagina 18 van 39

gebaseerd op een generieke doelgroepomschrijving. Deze paragraaf dient als voorbeeld voor de verdere uitwerking van paragraaf 5.2.3. Doelgroepomschrijving Leerlingen die blind/slechtziend zijn, gebruiken een screenreader: software die de tekst op het beeldscherm voorleest. Gelukkig hoeven ze niet te wachten tot de hele pagina is voorgelezen. Ze scannen webpagina’s, maar op gehoor in plaats van op zicht. Met het toetsenbord kunnen ze navigeren over de pagina: springend van kopregel naar kopregel of (met de ‘tab’-toets) van link naar link. Of ze laten de screenreader bijvoorbeeld alle links sorteren op alfabet, en lopen daar doorheen. Veel gebruikers stellen een hoge voorleessnelheid (tot wel 300 woorden per minuut!) in om een pagina sneller te kunnen scannen. Veel blinden gebruiken (ook) een brailleleesregel. Deze worden vaak aanvullend gebruikt op een screenreader, om nauwkeuriger te lezen. Bijvoorbeeld om de spelling te controleren van wat ze hebben getypt. Brailleleesregelgebruikers overzien maar een halve tekstregel tegelijk en missen hierdoor het overzicht van het grotere geheel. Een deel van de slechtzienden gebruikt een hoog contrast weergave (bijvoorbeeld zwart op geel) om teksten beter te kunnen lezen. Een deel van de slechtzienden gebruikt vergrotingssoftware, die een klein deel van het scherm heel sterk uitvergroot. Omdat mensen die hun pagina met 600% vergroten steeds maar een stukje (1/36e deel) van het scherm zien, is het voor deze gebruikers heel moeilijk om de samenhang van elementen op een pagina te zien. Een toegankelijke website heeft (bovenin) een code; de zogeheten skiplinks. Met deze hyperlinks – onzichtbaar voor de gemiddelde gebruiker – kunnen gebruikers van een screenreader delen van de pagina overslaan (vandaar ‘skip’) en direct navigeren naar waar bijvoorbeeld het hoofdmenu, de zoekfunctie of juist de content begint. Informatie in afbeeldingen gaat aan blinden helemaal en aan slechtzienden grotendeels voorbij. Daarom is het goed gebruik die informatie toe te voegen aan het ‘alt’ (alternatief) attribuut van een afbeelding. Wordt de alt-tekst leeg gelaten, dan gaat de screenreader eraan voorbij. Voor decoratieve afbeeldingen is dit juist handig, want anders creëer je alleen maar ruis. Daarentegen worden educatieve ondersteunende afbeeldingen zonder alt-tekst niet gezien! Tabellen zijn lastig te lezen. Screenreadergebruikers moeten van cel naar cel navigeren om de informatie tot zich te nemen. Door attributen mee te geven aan de rij- en kolomkoppen krijgt de gebruiker gelukkig wel bij iedere beweging binnen de tabel te horen naar welke rij of kolom hij navigeert. Toetsformulieren invullen kost heel veel tijd. Zowel het lezen, het invullen, het controleren van de invoer als het signaleren van en reageren op foutmeldingen vergen uiterste concentratie en heel veel geduld. Dus tijd! 1. Voorkom ruis op de pagina In veel digitaal lesmateriaal wordt geprobeerd de leerling zoveel mogelijk interessante informatie of functionaliteit(en) aan te bieden. Blinde en slechtziende leerlingen moeten over het algemeen veel meer tijd investeren om te bepalen welke informatie of functionaliteit(en) een pagina bevat. Het kan daarom heel verwarrend zijn als de pagina inhoud bevat die slechts zijdelings gerelateerd is aan het doel van die pagina. Het bemoeilijkt het scannen van de pagina en kan hen zelfs op het verkeerde been zetten. Presenteer zo snel mogelijk de kerninhoud of -functionaliteit. Presenteer de ‘ook interessant’ onderdelen pas daarna of laat deze achterwege. 2. Kopregels (h2, h3): alleen voor paragrafen en secties 10

Naar een artikel van Ferry den Dopper en teksten van Roel van Houten Pagina 19 van 39

Veel screenreadergebruikers scannen een webpagina door snel alle (h2) kopregels af te lopen. Daarmee hopen ze alle hoofdparagrafen en belangrijke paginasecties tegen te komen. Gebruik geen kopregels voor titels in een lijst van nieuwsitems. Maak daar gewoon hyperlinks van. Het kost de screenreadergebruiker veel tijd om de pagina te scannen. Vermijd het gebruik van kopregelniveaus 4 en 5 (h4 en h5). Leerlingen met een visuele beperking die sneltoetsen gebruiken om kopregels te scannen, verwachten paragrafen (h2) en hooguit subparagrafen (h3). Zelden is een pagina zo uitgebreid van stof dat daar nog weer kopjes onder nodig heeft. Screenreadergebruikers scannen dan ook zelden of een pagina h4kopregels bevat. Gebruik h4 en h5 nooit voor andere doeleinden! (bijvoorbeeld lay-out) 3. Links: belangrijkste woord vooraan Zet in links het belangrijkste woord vooraan. Dit is een algemene usability-aanbeveling, maar voor de specifieke doelgroep is het om een andere reden handig: In sommige screenreaders kun je alle links op een pagina in een alfabetisch gesorteerde lijst laten zetten om zo sneller een bepaalde link te vinden. 4. Veelgebruikte links en afbeeldingen: compact Skiplinks staan op iedere pagina en worden bij een gemiddeld websitebezoek dus vaak gelezen. Screenreadergebruikers weten precies de functie van deze skiplinks en willen ze zo snel mogelijk kunnen gebruiken. Hou ze kort en zet het belangrijkste woord vooraan. 5. Decoratieve afbeeldingen: geen alt-tekst Decoratieve afbeeldingen horen in de stylesheet. Maar omdat dit niet altijd mogelijk is, zien we ook regelmatig decoratieve afbeeldingen in de HTML-code staan. Als je dit doet, laat dan de alt-tekst leeg (alt=””). 6. Zoekresultaat: filters achteraan Veel zoekfuncties hebben tegenwoordig zoekfilters, waarmee je een zoekresultaat kunt verfijnen. Deze filters staan visueel vaak links, rechts of boven de resultatenlijst. Maar zet de filters in de HTML-code achter zoekresultaten. Screenreadergebruikers moeten anders eerst langs alle filters voor ze de zoekresultaten bereiken. 7. Layout: voorspelbaar Consistentie is voor deze leerlingen nog veel belangrijker dan voor andere gebruikers. Het kost hen veel moeite om een willekeurige plek op de pagina te bereiken. Zij moeten er gericht naar op zoek gaan. Of met het toetsenbord, of met vergrotingssoftware. Met een vaste plaatsing van onderdelen en het volgen van conventies help je hen uitermate goed. Bijvoorbeeld door de zoekfunctie en lettervergrotingsopties (rechts)bovenin te plaatsen. 8. Gebrek aan context Sommige slechtziende leerlingen moeten zo sterk inzoomen op het beeldscherm, dat ze steeds maar een fragmentje van een pagina zien. Daardoor missen ze veel context. Hiermee rekening houden is een lastige opgave. Maak menulinks voldoende herkenbaar. 9. Tabellen Gebruik tabellen alleen waarvoor ze bedoeld zijn: om relationele informatie te presenteren en niet voor lay-out doeleinden. Presenteer informatie die zich leent voor tabelopmaak in een tabel. Daar kunnen ze sneller doorheen navigeren dan door iets dat eruit ziet als een tabel maar het niet is. Maak de tabel zichtbaar, dus herkenbaar als tabel en voorzie hem van rij- en/of kolomkoppen. Zet de belangrijkste informatie in de eerste kolom. Als een tabel op iedere regel een call-to-action heeft, plaats deze knoppen dan in de meest rechtse kolom. Pagina 20 van 39

10. Formulieren en toetsbladen Plaats labels en bijbehorende invoervelden zo dicht mogelijk bij elkaar. Vooral zeer handig voor mensen die inzoomen op het scherm. Formuleer labels zo kort mogelijk. De screenreadergebruiker krijgt via spraak veel informatie; hoe korter het commando, hoe beter het is. Verplichte velden worden vaak aangeduid met een *. Gebruik hiervoor het liefst een afbeelding van een asterisk, met de alt-tekst ‘verplicht veld’. Niet alleen geeft deze alt-tekst meer informatie dan een asterisk, maar screenreaders worden door gebruikers vaak ingesteld op “geen leestekens en overige tekens voorlezen” vanwege snelheidswinst bij het lezen. Geef naast visuele feedback als het formulier een invoerfout bevat, bijvoorbeeld door het betreffende invoerveld een rood dikker kader te geven, een tekstmelding welke fout is opgetreden. Als na het verzenden van een formulier een foutmelding wordt weergegeven, vermeld die foutmelding dan ook in de paginatitel. Zo weet een screenreadergebruiker meteen wat er aan de hand is. Vermijd vooringevulde velden. Screenreader-gebruikers hebben vaak niet in de gaten dat er al een standaardwaarde of een invoerhint staat. En als je het toch toepast: zorg dan dat de tekst automatisch wordt geselecteerd zodra het invoerveld de focus krijgt. Dan hoeft hij de vooringevulde tekst niet eerst weg te halen, maar wordt die vanzelf verwijderd bij het typen. Als klas en groeps- of leerlingnummer in 2 achter elkaar geplaatste velden ingevoerd moeten worden, voorzie dan elk veld van een eigen label. Dit geeft het beste overzicht met zowel screenreader als vergrotingssoftware. Zorg dat je met de pijltjestoetsen door een uitklaplijst (dropdown box) kunt bladeren Vermijd captcha’s. Zeer ervaren screenreadergebruikers hebben een tool om captcha’s te kunnen oplossen.

Pagina 21 van 39

Bijlage 1 WCAG 2.0/ Webrichtlijnen 2 Nr.

Principes en Richtlijnen

1 1.1

Waarneembaar Lever tekstalternatieven voor alle niet-tekstuele content, zodat die veranderd kan worden in andere vormen die mensen nodig hebben, zoals grote letters, braille, spraak, symbolen of eenvoudiger taal. Niet-tekstuele content: Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties. (Niveau A) Lever alternatieven voor op tijd gebaseerde media. Louter-geluid en louter-videobeeld (vooraf opgenomen): Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld. (Niveau A) Ondertiteling voor doven en slechthorenden (vooraf opgenomen): Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief is voor tekst en duidelijk als zodanig is gelabeld. (Niveau A) Audiodescriptie of media-alternatief (vooraf opgenomen): Er wordt een alternatief voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief is voor tekst en duidelijk als zodanig is gelabeld. (Niveau A) Ondertitels voor doven en slechthorenden (live): Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media. (Niveau AA) Audiodescriptie (vooraf opgenomen): Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media. (Niveau AA) Gebarentaal (vooraf opgenomen): Er wordt een gebarentaalvertolking geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media. (Niveau AAA) Verlengde audiodescriptie (vooraf opgenomen): Waar pauzes in voorgrondgeluid onvoldoende zijn om audiodescripties toe te passen om de boodschap van de video over te brengen, wordt een verlengde audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media. (Niveau AAA) Mediumalternatief (vooraf opgenomen): Er wordt een alternatief voor op tijd gebaseerde media geleverd voor alle

1.1.1

1.2 1.2.1

1.2.2

1.2.3

1.2.4

1.2.5

1.2.6

1.2.7

1.2.8

11 12

Effect op doelgroep11

Prioriteit12

A

A

A

A

AA

AA

AAA

AAA

AAA

Per richtlijn wordt aangegeven of deze verplicht, aanbevolen, optioneel of afgeraden worden voor welke doelgroep Keuze uit minimaal (A), goed (AA) en optimaal (AA+). Pagina 22 van 39

1.2.9

1.3

1.3.1

1.3.2

1.3.3

1.4

1.4.1

1.4.2

1.4.3

1.4.4.

1.4.5

1.4.6

13

vooraf opgenomen gesynchroniseerde media en voor alle vooraf opgenomen louter-videobeeld media. (Niveau AAA) Louter-geluid (live): Er wordt een alternatief voor op tijd gebaseerde media geleverd dat equivalente informatie presenteert voor live louter-geluid content . (Niveau AAA) Creëer content die op verschillende manieren gepresenteerd kan worden (bijvoorbeeld eenvoudiger lay-out) zonder verlies van informatie of structuur. Info en relaties: Informatie, structuur, en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst. (Niveau A) Betekenisvolle volgorde: Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een betekenisvolle leesvolgorde door software bepaald worden. (Niveau A) Zintuiglijke eigenschappen: Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, omvang, visuele locatie, oriëntatie of geluid. (Niveau A) Maak het voor gebruikers gemakkelijker om content te horen en te zien, waaronder scheiding van voorgrond en achtergrond. Gebruik van kleur: Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden. (Niveau A) Geluidsbediening: Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen. (Niveau A) Contrast (minimum): De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen: zie voetnoot (Niveau AA)13 Herschalen van tekst: Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200 procent schalen zonder verlies van content of functionaliteit. (Niveau AA) Afbeeldingen van tekst: Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, m.u.v. voetnoot (Niveau AA) Contrast (versterkt): De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van

AAA

A

A

A

A

A

AA

AA

AA

AAA

Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1; Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis. Logotypes: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis. Pagina 23 van 39

1.4.7

1.4.8

1.4.9

2 2.1 2.1.1

2.1.2

2.1.3

2.2 2.2.1

2.2.2

2.2.3

2.2.4

2.2.5

ten minste 7:1, muv voetnoot (Niveau AAA) Weinig of geen achtergrondgeluid: Voor vooraf opgenomen louter-geluidcontent die (1) voornamelijk spraak op de voorgrond bevat, (2) geen geluids-CAPTCHA of audiologo is, en (3) geen vocalisatie is die primair bedoeld is als muzikale expressie zoals zingen of rappen, is ten minste een van de volgende zaken waar: (Niveau AAA) Visuele weergave: Voor de visuele weergave van tekstblokken is een mechanisme beschikbaar om het volgende te realiseren: (Niveau AAA) Afbeeldingen van tekst (geen uitzondering): Afbeeldingen van tekst worden alleen puur decoratief gebruikt, of daar waar een specifieke weergave van tekst essentieel is voor de informatie die wordt overgebracht. (Niveau AAA) Bedienbaar Maak alle functionaliteit beschikbaar vanaf een toetsenbord. Toetsenbord: Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten. (Niveau A) Geen toetsenbordval: Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen, en, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst. (Niveau A) Toetsenbord (geen uitzondering): Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder specifieke timing te vereisen voor de individuele toetsaanslagen. (Niveau AAA) Geef gebruikers voldoende tijd om content te lezen en gebruiken. Timing aanpasbaar: Voor elke tijdslimiet die door de content wordt ingesteld geldt ten minste een van de volgende zaken: (Niveau A) Pauzeren, stoppen, verbergen: Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken: (Niveau A) Geen timing: Timing is geen essentieel onderdeel van de gebeurtenis of activiteit die door de content wordt weergegeven, behalve voor niet-interactieve gesynchroniseerde media en real-time gebeurtenissen. (Niveau AAA) Onderbrekingen: Onderbrekingen kunnen uitgesteld of uitgezet worden door de gebruiker, behalve onderbrekingen die met een noodsituatie samenhangen. (Niveau AAA) Herauthentisering: Als een geauthentiseerde sessie verloopt, kan de gebruiker na herauthentisering de activiteit zonder Pagina 24 van 39

AAA

AAA

AAA

A

A

AAA

A

A

AAA

AAA

AAA

2.3 2.3.1

2.3.2 2.4 2.4.1

2.4.2 2.4.3

2.4.4

2.4.5

2.4.6 2.4.7

2.4.8 2.4.9

2.4.10 3 3.1 3.1.1 3.1.2

gegevensverlies voortzetten. (Niveau AAA) Ontwerp geen content op een manier waarvan bekend is dat die toevallen veroorzaakt. Drie flitsen of beneden drempelwaarde: Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flitsen rodeflitsdrempelwaarden. (Niveau A) Drie flitsen: Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde. (Niveau AAA) Lever manieren om gebruikers te helpen navigeren, content te vinden en te bepalen waar ze zijn. Blokken omzeilen: Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen. (Niveau A) Paginatitel: Webpagina's hebben titels die het onderwerp of doel beschrijven. (Niveau A) Focus volgorde: Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft. (Niveau A) Linkdoel (in context): Het doel van elke link kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen. (Niveau A) Meerdere manieren: Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces. (Niveau AA) Koppen en labels: Koppen en labels beschrijven het onderwerp of doel. (Niveau AA) Focus zichtbaar: Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is. (Niveau AA) Locatie: Informatie over de locatie van de gebruiker binnen een verzameling webpagina's is beschikbaar. (Niveau AAA) Linkdoel (alleen link): Er is een mechanisme beschikbaar waarmee het doel van elke link bepaald kan worden op basis van alleen de linktekst, behalve waar het doel van de link dubbelzinnig voor gebruikers in het algemeen zou zijn. (Niveau AAA) Paragraafkoppen: Paragraafkoppen worden gebruikt om de content te structureren. (Niveau AAA) Begrijpelijk Maak tekst content leesbaar en begrijpelijk. Taal van de pagina: De standaard menselijke taal van elke webpagina kan door software bepaald worden. (Niveau A) Taal van onderdelen: De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, Pagina 25 van 39

A

AAA

A

A A

A

AA

AA AA

AAA AAA

AAA

A AA

3.1.3

3.1.4

3.1.5

3.1.6

3.2 3.2.1 3.2.2

3.2.3

3.2.4

3.2.5

3.3 3.3.1

3.3.2 3.3.3

woorden van onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst. (Niveau AA) Ongebruikelijke woorden: Er is een mechanisme beschikbaar voor de identificatie van specifieke definities van woorden of zinsdelen die op een ongebruikelijke of beperkte manier gebruikt worden, inclusief idiomatische uitdrukkingen en jargon. (Niveau AAA) Afkortingen: Er is een mechanisme beschikbaar voor de identificatie van de voluit geschreven vorm of betekenis van afkortingen. (Niveau AAA) Leesniveau: Als tekst, nadat eigennamen en titels verwijderd zijn, een leesvaardigheid vereist die hoger is dan het niveau van drie jaar middelbaar onderwijs, dan is aanvullende content beschikbaar, of er is een versie beschikbaar die geen leesvaardigheid vereist die hoger is dan van drie jaar middelbaar onderwijs. (Niveau AAA) Uitspraak: Een mechanisme is beschikbaar voor het vaststellen van de specifieke uitspraak van woorden indien de betekenis van de woorden in de context dubbelzinnig is zonder kennis van de uitspraak. (Niveau AAA) Maak het uiterlijk en de bediening van webpagina's voorspelbaar. Bij focus: Als een component de focus krijgt, dan veroorzaakt dat geen contextwijziging. (Niveau A) Bij input: Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van dit component. (Niveau A) Consistente navigatie: Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker. (Niveau AA) Consistente identificatie: Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd. (Niveau AA) Verandering op verzoek: Contextwijzigingen worden alleen geïnitieerd op verzoek van de gebruiker of er is een mechanisme beschikbaar om zulke veranderingen uit te zetten. (Niveau AAA) Help gebruikers om fouten te vermijden en ze te verbeteren. Fout identificatie: Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en de fout wordt tekstueel aan de gebruiker meegedeeld. (Niveau A) Labels of instructies: Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd. (Niveau A) Foutsuggestie: Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen. (Niveau AA) Pagina 26 van 39

AAA

AAA

AAA

AAA

A A

AA

AA

AAA

A

A AA

3.3.4

3.3.5 3.3.6

4 4.1 4.1.1

4.1.2

Foutpreventie (wettelijk, financieel, gegevens): Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt ten minste één van de volgende zaken: (Niveau AA) Annuleerbaar, Gecontroleerd of Bevestigd Hulp: contextgevoelige hulp is beschikbaar. (Niveau AAA) Foutpreventie (alle): Voor webpagina's die vereisen dat de gebruiker informatie invoert en verzendt, geldt ten minste een van de volgende zaken: (Niveau AAA) Omkeerbaar, Gecontroleerd of Bevestigd Robuust Maximaliseer compatibiliteit met huidige en toekomstige user agents, met inbegrip van hulptechnologieën. Parsen: In content die geïmplementeerd is met opmaaktalen hebben elementen volledige beginen eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat. (Niveau A) Naam, rol, waarde: Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role), door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden kunnen door software bepaald worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën. (Niveau A)

Pagina 27 van 39

AA

AAA AAA

A

A

Bijlage 2 Bij paragraaf 1.2 Betrokken partijen Bij de ontwikkeling van digitaal educatief lesmateriaal is altijd een aantal partijen/personen betrokken. In de praktijk blijkt dat er een team van diverse disciplines samenwerkt aan de totstandkoming en implementatie van digitaal lesmateriaal. En vaak is onduidelijk wie verantwoordelijk is voor het toepassen van de DEduLes-richtlijnen. Om die verantwoordelijkheid goed te kunnen beleggen, wordt per partij/persoon kort aangeven wat ieders specifieke verantwoordelijkheid is. In dit hoofdstuk beperken we ons tot zes partijen, namelijk de opdrachtgever, de webontwikkelaar, de webredacteur, de educatief en didactisch ontwikkelaar, afgekort tot eddi-ontwikkelaar en de gebruikers; leerkrachten en leerlingen.

Context van de Educatieve contentketen, ECK14

Van alle betrokken partijen wordt verwacht dat zij in generieke zin op de hoogte zijn van de DEduLesrichtlijnen. Deze richtlijnen bevatten de basiseisen van toegankelijkheid waaraan per 1 januari 2013 alle Rijksoverheden, medeoverheden, ZBO en leveranciers aan deze (semi)overheden moeten voldoen. Daarmee zijn de DEduLes-richtlijnen minder vrijblijvend dan wellicht vaak wordt gedacht. Van de webontwikkelaar, webredacteur en eddi-ontwikkelaar wordt verwacht dat zij bevoegd en bekwaam zijn om heel specifiek de DEduLes-richtlijnen tijdens de ontwikkeling op de juiste manier toe te passen, te combineren en te beheren. De opdracht en het eindresultaat zoals dat uiteindelijk aan de gebruiker wordt aangeleverd, is de verantwoordelijkheid van de opdrachtgever. In dit document is dat de uitgeverij. De uitgeverij is namelijk formeel aansprakelijk.

14

Referentie Architectuur versie 0.6 ,7 mei 2012 Pagina 28 van 39

De opdrachtgever, de uitgeverij Het is van belang dat de directie van de uitgeverij een standpunt inneemt over de stappen die genomen moeten worden om de DEduLes-richtlijnen in de eigen organisatie en in de opdrachtverstrekking aan externe partijen bij iedere productie op te nemen en materiaal op te leveren dat aantoonbaar aan deze richtlijnen voldoet. Een handvat hiertoe is opgenomen in bijlage 5. De webontwerper De webontwerper is ervoor verantwoordelijk om in het ontwerp rekening te houden met alle DEduLesrichtlijnen. De ontwerper is als eerste verantwoordelijk voor de toepassing van die richtlijnen die gaan over:  Volgorde van informatie  Navigatie en interactie  Ontwerp van adequate signaleringen  Kleurkeus en -toepassing De webontwikkelaar De webontwikkelaar is ervoor verantwoordelijk om voor essentiële eigenschappen rekening te houden met alle DEduLes-richtlijnen. De webontwikkelaar is als eerste verantwoordelijk voor de toepassing de riichtlijnen die betrekking hebben op:  Correct scheiding van inhoud, opmaak en interactie  Juist gebruik van de beschikbare elementen  Een logisch samenhangende lees/kijk structuur  Een content management systeem dat voorkomt dat een redacteur onjuist content plaatst De eddi-ontwikkelaar De eddi-ontwkkelaar is ervoor verantwoordelijk om bij de ontwikkeling van leerobjecten rekening te houden met alle DEduLes-richtlijnen. De eddi-ontwikkelaar is als eerste verantwoordelijk om voor het vakvormingsgebied aan te geven voor welk niveau het leerobject wordt ontwikkeld. Over leerobjecten en adaptief onderwijs is veel gepubliceerd. Voor de eddi-ontwikkelaar sluiten we voor de beschrijving en het niveau aan bij aan bij de indeling van de handleiding kwaliteit digitaal leermateriaal.15 Niveau 1 Fragment 2 Informatieobject of toets 3

Leereenheid

4

Moduele/cursus die leidt tot certificaat

Een fragment: geen didactische inhoudelijk context Meer dan een fragment; geen didactische context, wel een inhoudelijke context Verschillende onderdelen van niveau 2 met een didactische context Bestaat uit verschillende gerangschikte leerobjecten van een lager niveau

De webredacteur De webredacteur is ervoor verantwoordelijk om voor alle content rekening te houden met alle DEduLesrichtlijnen. De webredacteur is als eerste verantwoordelijk voor de toepassing van die richtlijnen die gaan over:  Het correct plaatsen van de content, volgorde en structuur en begripsgebruik  Samenhang tussen woorden beeldgebruik en beschrijvingen  Het voorkomen van automatisch beelden geluidgebruik  Taalniveau en -gebruik De gebruikers

15

Publicatie van Stichting Kennisnet Pagina 29 van 39

Docenten en leerlingen met en zonder functiebeperking zijn tijdens de test en try-outfase van het lesmateriaal van groot belang. Zij kunnen op grond van hun kennis, vaardigheden en ervaring aangeven wat nuttig en functioneel is en of er gemakkelijk mee te werken is. Bijvoorbeeld: kunnen de opdrachten zelfstandig worden gemaakt, opgeslagen, nagekeken? Het is van belang dat deze inbreng in het ontwikkeltraject wordt ingepland zodat aanpassingen eenvoudig zijn door te voeren. Docenten dienen bij de keus van het digitale lesmateriaal rekening te houden met de uitgangpunten van de EDuLes-richtlijnen:  is het materiaal voor alle leerlingen op een gelijkwaardige manier te gebruiken  is het aantrekkelijk qua inhoud en vorm  heeft het lesmateriaal een keurmerk Let wel: Voor het aanschaffen van het digitale lesmateriaal is vaak een schooldirectie betrokken.

Pagina 30 van 39

Bijlage 3 Toegankelijkheid van Native Apps Toegankelijkheid van native apps is in veel gevallen geregeld door de fabrikanten en leveranciers. Voorbeelden van toegankelijkheid voor native platformen zijn. Er zijn grote verschillen in de toegankelijkheid en ondersteuning daarvan. Die zijn meestal afhankelijk van de versie van de besturingssoftware. Een aantal voorbeelden zijn: 





Native toegankelijkheid in iOS: - Programmeren van toegankelijkheid: - Testen van toegankelijkheid: Native toegankelijkheid in Android: - Programmeren van toegankelijkheid: Developer checklist: Native toegankelijkheid in Windows Phone: Niet toegankelijk op dit moment

Er is veel achtergrond lectuur op het web aanwezig die meer uitleg geeft.

Pagina 31 van 39

Bijlage 4 Nuttige links Nuttige links: U.S. Dept. of Health and Human Services. The Research-Based Web Design & Usability Guidelines, Enlarged/Expanded edition. Washington: U.S. Government Printing Office, 2006. Throughout your Web design or redesign project, you should take advantage of what is already known about best practices for each step of the process. The Research-Based Web Design and Usability Guidelines, compiled through an extensive process of research and review, bring you those best practices. Bron: http://www.usability.gov/guidelines/guidelines_book.pdf

Pagina 32 van 39

Bijlage 5 Concept Inkoopvoorwaarden DE PARTIJEN: 1. De uitgever als opsteller van het offerteverzoek waar deze inkoopvoorwaarden onderdeel van uitmaken, vertegenwoordigd door de persoon zoals vastgelegd in het offerteverzoek, verder te noemen: de “Uitgever”, en 2. De partij die middels een offerte reageert op het offerteverzoek van de uitgever, vertegenwoordigd door de persoon zoals vastgelegd in de offerte, verder te noemen: de “Leverancier”, OVERWEGENDE: A. Dat digitale educatieve materialen moeten voldoen aan de set richtlijnen voor de toegankelijkheid en gebruiksvriendelijkheid van Digitaal Educatief Lesmateriaal, hierna te noemen DEduLes-richtlijnen. VERKLAREN IN TE STEMMEN MET: Artikel 1 Begrippen 1.1 DEduLes-richtlijnen: bevatten de volledige set van WCAG richtlijnen versie 2.0 zoals vastgelegd op http://www.w3.org/Translations/WCAG20-nl/; 1.2 Product: de door de Leverancier aangeboden oplossing, Artikel 2 Voorwerp van de overeenkomst 2.1 Het product van de Leverancier voldoet aan de DEduLes-richtlijnen 2.2 Het totale resultaat van het product, waaronder ook tekst, formulieren, afbeeldingen, interactie, functionaliteit, kaartmateriaal, video, social media integratie, voldoet aan de DEduLes-richtlijnen. 2.3 In geval van contentcreatie of contentmutatie middels het product, faciliteert het product het voldoen aan de DEduLes-richtlijnen en vormt het hiertoe geen belemmering. Artikel 3 Schriftelijke verklaring 3.1 Leverancier geeft binnen de gestelde offertetermijn schriftelijk aan of zijn Product voldoet aan de DEduLes-richtlijnen. Beantwoording van de Leverancier kan enkel “Ja” of “Nee” zijn. Voorbehouden of antwoorden als "Ja, mits...", dan wel "Nee, tenzij...", gelden in dit verband als "Nee". 3.2 Indien Leverancier binnen de gestelde offertetermijn geen schriftelijke reactie verstrekt zoals bedoeld onder artikel 3.1, maar wel offreert naar aanleiding van het offerteverzoek van de Uitgever, dan verklaart Leverancier hiermee dat zijn Product voldoet aan DEduLes-richtlijnen zoals genoemd in artikel 2. 3.3 Door leverancier opgestelde aanvullende of algemene voorwaarden bieden geen uitzonderingskader voor de schriftelijke verklaring dan wel het moeten voldoen aan de Richtlijnen voor toegankelijkheid. Artikel 4 Toetsing 4.1 In geval van gunning: A. Leverancier laat zelfstandig toetsing op DEduLes-richtlijnen uitvoeren door een onafhankelijke keuringsinstantie wanneer het Product technisch gereed is voor gebruik door de Uitgever. B. Herstelwerkzaamheden die volgen uit de toetsing dienen voor de opleverdatum te zijn afgerond inclusief eventuele herkeuring. C. Toetsing, hertoetsing en herstelwerkzaamheden en verwante kosten vallen binnen de opdracht. D. Het rapport van de toetsing en eventuele hertoetsing is eigendom van de Uitgever. E. Indien ten tijde van oplevering wordt geconstateerd dat het Product niet voldoet aan de eisen zoals benoemd in artikel 2, is de Leverancier in verzuim en behoudt de Uitgever zicht het recht voor het vervolmaken van de opdracht in handen te geven van een partij die in staat is de opdracht conform de overeenkomst op te leveren. In dat geval wordt de bestaande overeenkomst met Leverancier ontbonden en worden de door Uitgever alsdan te maken kosten op Leverancier verhaald.

Pagina 33 van 39

Bijlage 6 Ontwerp principes en usability richtlijnen Ontwerpprincipes van R.E. Mayer Afhankelijk van het boek/artikel, stelt Mayer 5 of meer principes voor 16. De eerste vier principes die vermeld worden, komen standaard voor in zijn werk. De andere 5 principes (5 - 9), zijn ook van de hand van Mayer, maar worden niet telkens vermeld. 1. Multimedia principle 'Werk met woorden én corresponderende figuren, eerder dan met woorden alleen'. Mayer raadt hier aan om met twee voorstellingswijzen te werken in plaats van met één. Lerenden zullen namelijk beter presteren (transfer) wanneer ze zowel de woorden als de overeenkomstige figuren krijgen aangeboden dan wanneer ze enkel de woorden zouden krijgen. Ze krijgen zo namelijk de mogelijkheid om twee verschillende mentale voorstellingen te maken, waar ze connecties tussen kunnen leggen. 2. Contiguity principle 'Stel corresponderende woorden en figuren op elkaar volgend voor, in plaats van gescheiden van elkaar.' De corresponderende woorden en afbeeldingen moeten gelijktijdig in het werkgeheugen aanwezig zijn om de link tussen beiden te faciliteren. De transfer van de lerende zal zo bevorderd worden. Dit principe omvat het 'spatial contiguity principle' en het 'temporal contiguity principle'. Het spatial contiguity principle geeft aan dat het beter is om woorden en hierbij horende afbeeldingen dichtbij elkaar te plaatsen, in plaats van verder uit elkaar gelegen. Het temporal contiguity principle duidt op een temporeel samen voorkomen van woorden en hierbij horende afbeeldingen. Men kan deze beter gelijktijdig aanbieden dan op verschillende tijdstippen. 3. Individual differences principle Mayer geeft met dit principe aan dat de twee bovenstaande principes, alsook het split-attention principle, belangrijker zijn voor 'low-knowledge learners' dan voor 'high-knowledge learners', en voor 'high-spatial learners' dan voor 'lowspatial learners'. Lerenden met een lage spatial capaciteit hebben het moeilijker om meerdere informatiegegevens met elkaar te linken wanneer deze niet in elkaars nabijheid worden aangeboden. Men houdt bij deze lerenden dus zeker best rekening met het spatial contiguity principle. 'High-knowledge learners' beschikken over een grote voorkennis. Door deze voorkennis kunnen ze makkelijker hun eigen mentale voorstellingen maken als ze luisteren naar een voorstelling óf als ze een tekst lezen. Een gelijktijdige aanbieding van auditieve en visuele informatie is voor hen dus niet echt nodig. Lerenden met een beperkte voorkennis hebben het hier echter moeilijker mee. Het is voor hen dus eens zo belangrijk dat voldaan wordt aan het temporal contiguity principle. 4. Coherence principle Dit principe raadt ontwerpers aan om niet teveel (irrelevante) woorden of afbeeldingen te gebruiken bij een presentatie. Lerenden leren namelijk beter van een samenhangende samenvatting waar relevante woorden en afbeeldingen centraal gesteld worden, dan van een lange samenvatting. De extra informatie kan het werkgeheugen overbelasten waardoor de connecties tussen het visuele en het auditieve moeilijker gelegd zouden kunnen worden. De focus van de lerenden kan zo ook verschoven worden naar de eerder irrelevante aspecten van de informatie. Door een korte (relevante) samenvatting wordt de lerende daarentegen gestimuleerd om de relevante informatie te selecteren en te organiseren.

16

Bron is beschikbaar: http://www.unm.edu/~moreno/PDFS/chi.pdf Pagina 34 van 39

5. Split attention principle 'Woorden kunnen best auditief voorgesteld worden, in plaats van visueel.' Lerenden die een animatie bekijken terwijl ze ook luisteren naar enige uitleg hierbij, gaan beter presteren dan lerenden die dezelfde animatie zien terwijl ze de overeenkomstige tekst visueel op een scherm kunnen lezen. De combinatie van de animatie en de visuele tekst kan het werkgeheugen namelijk overbelasten. Het is daarom beter om een auditieve toelichting te geven bij de animatie, waardoor de binnenkomende informatie door twee verwerkingssystemen behandeld kan worden. Het werkgeheugen delegeert zo het werk over de twee verwerkingssystemen waardoor er van overbelasting niet snel sprake zal zijn. Er is hier ook sprake van 'het visual split attention principle' en 'het auditory split attention principle'. Het visual split attention principle wijst erop dat men tekst best auditief aanbiedt door een woordelijke toelichting dan visueel op een scherm. Het auditory split attention principle geeft aan dat overeenkomstige extra non-verbale auditieve informatie (zoals bv. achtergrondmuziek) best geminimaliseerd kan worden. 6. Chunking principle Dit principe vestigt de aandacht op chunks of segmenten. Het is namelijk beter om visuele en auditieve informatie voor te stellen via korte segmenten dan via langere. Zo wordt het werkgeheugen niet overbelast. De lerende krijgt door de kleinere chunks eerder de mogelijkheid om overeenkomstige visuele en auditieve voorstellingen op hetzelfde moment te maken in zijn werkgeheugen. 7. Modality principle Het modaliteitsprincipe stelt dat diepgaand leren meer gestimuleerd wordt door het aanbieden van spraak en animatie, in plaats van door on-screen text en animatie. Het visuele kanaal zou anders namelijk overbelast kunnen raken als zowel de tekst als afbeeldingen/animatie visueel voorgesteld worden. De lerende zou anders niet meer over voldoende cognitieve capaciteit beschikken om verbindingen te leggen tussen de tekst en de afbeeldingen/animatie. 8. Redundancy principle Dit principe stelt, zoals de voorgaande principes, ook een advies voorop opdat het diepe leren bevorderd zou worden. Het redundancy ('overvloedigheid/overtolligheid') principe stelt dat het beter is om animatie en spraak aan te bieden dan dat men animatie, spraak en on-screen tekst aanbiedt. Net zoals bij het modality principle stelt Mayer dit voorop om het visuele kanaal niet over te belasten. Wanneer men namelijk zowel animatie als on-screen tekst aanbiedt, krijgt het visuele kanaal veel informatie te verwerken. Op deze manier krijgt de lerende minder kans om correspondenties te leggen tussen tekst en afbeeldingen/animatie. 9. Personalization principle Het personalization principe stelt het 'persoonlijke' voorop. Dit wil zeggen dat Mayer er hierbij vanuit gaat dat lerende beter zullen leren van animatie en spraak wanneer dit laatste in een conversatie stijl wordt aangeboden. Een eerder formele stijl is dus te vermijden. Dit wil dus zeggen dat men de lerenden best aanspreekt met 'ik en jij', in plaats van met termen zoals 'u, men,...' De lerenden zullen meer moeite willen doen om de leerstof te begrijpen wanneer ze zich persoonlijk betrokken voelen in het 'gesprek'.

Usability Richtlijnen voor Toegankelijkheid Internationaal zijn er veel discussies over de toepasbaarheid van richtlijnen voor gebruikersvriendelijkheid. Veel deskundigen kunnen het wel eens worden over een lijst van heuristieken voor gebruikersvriendelijkheid, in een paper beschrijft Alistair Sutcliffe dat het meten van die heuristieken als richtlijn lastiger is 17. Nielsen’s tien usability heuristics18 zijn uit 1994. Ze worden overal in de literatuur genoemd. Ze zijn direct toepasbaar op websites en applicaties voor het onderwijs: 1

17 18

Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. http://lsi.ugr.es/fguti/doctorado/05/Alistair%20Sutcliffe.pdf http://www.useit.com/papers/heuristic/heuristic_list.html Pagina 35 van 39

2

Match between system and the real world The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.

3

User control and freedom Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

4

Consistency and standards Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

5

Error prevention Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

6

Recognition rather than recall Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

7

Flexibility and efficiency of use Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

8

Aesthetic and minimalist design Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

9

Help users recognize, diagnose, and recover from errors Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

10 Help and documentation Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

De eerste 40 usability.gov richtlijnen In de VS zijn door de Federale overheid meer dan 200 evidence based richtlijnen voor usability opgesteld. Ze zijn bekend als de usability.gov richtlijnen19. Internationaal worden ze gezien als toepasbare richtlijnen voor gebruikersvriendelijkheid. De belangrijkste richtlijnen op basis van effectiviteit voor toegankelijkheid en usability op volgorde van belangrijkheid (vanuit het onderzoek) zijn: NB: Ze zijn in deze versie nog niet gefilterd naar toegankelijkheid. 1 2 3 4 5 6 7 19

Provide Useful Content Establish User Requirements Understand and Meet User’s Expectations Involve Users in Establishing User Requirements Do Not Display Unsolicited Windows or Graphics Comply with Section 508 Design Forms for Users Using Assistive Technology

http://www.usability.gov/guidelines/guidelines_book.pdf Pagina 36 van 39

8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

Do Not Use Color Alone to Convey Information Enable Access to the Homepage Show All Major Options on the Homepage Create a Positive First Impression of Your Site Avoid Cluttered Displays Place Important Items Consistently Place Important Items at Top Center Eliminate Horizontal Scrolling Use Clear Category Labels Use Meaningful Link Labels Distinguish Required and Optional Data Entry Fields Label Pushbuttons Clearly Make Action Sequences Clear Organize Information Clearly Facilitate Scanning Ensure that Necessary Information is Displayed Ensure Usable Search Results Design Search Engines to Search the Entire Site Set and State Goals Focus on Performance Before Preference Consider Many User Interface Issues Be Easily Found in the Top 30 Increase Web Site Credibility Standardize Task Sequences Reduce the User’s Workload Design For Working Memory Limitations Minimize Page Download Time Warn of ’Time Outs’ Display Information in a Directly Usable Format Format Information for Reading and Printing Provide Feedback when Users Must Wait Inform Users of Long Download Times Develop Pages that will Print Properly

Pagina 37 van 39

Bijlage 7 Urenbesteding digitalisering lesmateriaal conform DEduLes-richtlijnen In deze bijlage zijn voorbeelden inclusief de urenbesteding opgenomen van digitalisering van bestaand lesmateriaal en van de toegankelijke opdrachten. (voorbeelden: Pincode, Wereld in Getallen, toegankelijke opdrachten) Bij het omzetten van de papieren methode naar dynamische interactieve webpagina’s was er steeds een korte periode van opstarten nodig. Daarbij ging het vooral om afstemming over de precieze hoofdstukken, het begrip van de methode en de opdrachten en het aanmaken van de vormgeving. Na het eerste hoofdstuk ging de omzetting steeds sneller. Dit is mede veroorzaakt doordat in de methoden per hoofdstuk steeds dezelfde opzet of volgorde wordt gevolgd en omdat de vormgeving in het begin het meeste werk kost. Een probleem waar we mee te maken kregen, was dat het papieren boek was omgezet naar een Word-versie. Die Word-versie gebruikte geen grafische bestanddelen maar gaf omschrijvingen voor de blinde leerlingen. In de toegankelijke online versie hebben we echter wel gebruik gemaakt van de grafische bestanddelen. Doel was namelijk om de online versie van de methode zoveel mogelijk te laten lijken op het boek. Er moest dus soms weer terug worden geredeneerd om dicht bij het origineel te blijven en toch een volledig toegankelijke oplossing te bieden.

De afbeeldingen hierboven tonen een scan van de methode Pincode en de volledig toegankelijke online versie (rechter afbeelding). De online versie ziet er hetzelfde uit als de papieren versie maar voldoet aan alle richtlijnen voor toegankelijkheid zoals in dit document genoemd. Na een opstart van 120 uur voor de eerste paragraaf van de methode Pincode kostte het de ontwikkelaars nog maar 8 uur om de tweede paragraaf om te zetten naar een toegankelijke webversie die aan de DEduLes-richtlijnen voldoet. Inclusief de controles door de experts, doelgroep zelf en door inspecteurs van stichting Accessibility kostte het resp. 178 uur en daarna 28 uur per hoofdstuk/paragraaf. Die tijd zal voor volgende paragrafen kunnen worden teruggebracht naar tussen 8 en 17 uur per paragraaf. Dat is inclusief het scannen en terugplaatsen van de afbeeldingen, het schrijven van de beschrijvingen voor blinden en slechtzienden, het toevoegen van – voor reguliere leerlingen – onzichtbare aanwijzingen voor blinden en slechtzienden, het testen van het resultaat en het toevoegen van een mogelijkheid om de antwoorden overzichtelijk op te slaan om die bijvoorbeeld aan de docent te versturen of apart na te kunnen kijken.

Pagina 38 van 39

Als de basis van een hoofdstuk eenmaal was gelegd bleek het vervolgtraject steeds kleiner. Dat is hieronder in de tabel ook zichtbaar.

Activiteit Projectleiding en voorbereiden webomgeving Methode PC eerste paragraaf Methode PC tweede paragraaf Methode WiG taken Methode WiG lessen Eerste 5 toegankelijke opdrachten Vervolg toegankelijke opdrachten (7)

Controle nav EDDA recepten (uren)

Basis omzetting (uren)

Didactische, digitale en redactionele controle

Testen doelgroep en experts (uren)

Testen Accessibility (uren)

Definitief aanpassen (uren) Totaal (uren)

0

0

0

0

0

0

20

120

8

10

8

8

24

178

8 143 8

4 8 4

6 8 5

6 8 6

2 8 2

2 24 2

28 199 27

32

0

13

0

2

1

48

16

0

18

0

2

1

37 537

Pagina 39 van 39

EDDA DL Richtlijnen voor de Toegankelijkheid en de Gebruiksvriendelijkheid van Digitaal Educatief Lesmateriaal

Recommend Documents