Blinden en slechtzienden op het web.



Vergelijkbare documenten
AnySurfer Voor een toegankelijker internet. Nationaal Congres Digitale Toegankelijkheid Bart Simons, 29 oktober 2014

Drempelvrij samenwerken

De Kleine WordPress Handleiding

Een website omzetten naar WordPress

Whitepaper toegankelijke pdf

Bewerk uw eigen Digibordbij boek

Portfolio Handleiding / faq

DE IDENTITEITSKAART EN INTERNET EXPLORER

HANDLEIDING Windows XP Deel 1

Aan de slag met Twitter

Handleiding Wordpress

Globale kennismaking

Uitleg van de Systeeminstellingen in Ubuntu.

Handleiding bij WSM MailformGenerator

Grafisch ontwerp. Referenties.

aanmaken van een webaccount om e-books te kunnen lenen P. 3-7 het lenen van e-books de basis P

BrowseAloud Plus: dé voorleestool op websites! 1

28 maart Testen op toegankelijkheid

Aan de slag. Deze snelgids is voor de ClickToPhone software versie 83 of hoger.

Inhoud van de website invoeren met de ContentPublisher

Handleiding Website beheersysteem

Android. Smartphones & Tablets. Vergroot uw digitale wereld

Handleiding Word Press voor de bewoners Westerkaap 1

HTML. Media. Hans Roeyen V 3.0

28 juli 2014 Eindgebruikershandleiding Weblicity CMS

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Elektronische indiening van offertes

FAQ voor de leerling TYP-TOP ONLINE UITGEVERIJ DE BOECK

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden.

VMBO-ICT-Route examen 2009 Naam: Marc Schattorie Datum:

Dennis Wagenaar v 1.0

Help, hij doet het niet

Faq Droogsurfen Jeroen Devlieghere Ine Callebaut

5. Documenten Wat kan ik met Documenten? 1. Over LEVIY. 5.1 Documenten terugvinden Uitleg over vinden van documenten.

Mach3Framework 5.0 / Website

Handleiding Mezzedo.nl

1. Over LEVIY 5. Openen van de activiteit 2. Algemene definities 6. Inloggen op het LEVIY dashboard 3. Inloggen 6.1 Overzichtspagina 3.

Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s


EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet EXED CMS UITLEG

HANDLEIDING DOIT BEHEER SYSTEEM

SCHOOL (OWA) handleiding

Uw website gebruiksvriendelijk, vindbaar en toegankelijk

Handleiding bij de Booktest Generator

Web Presence Builder. Inhoud

Maak kennis met Linux. Dit programma heet LinuxMint13. U leest nu een korte inleiding over de mogelijkheden.

Via methodewebsite www w.emma.eisma.nl of de ELO van de school

8.13 Windows Hulp op afstand

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

EEN WEBSITE MAKEN MET WEEBLY

Dag 12: Extensies installeren

INSTALLATIE VAN DE BelD KAARTLEZER

Website bouwen met frontpage

Vakinhoudelijke uitwerking Keuzevak Applicatieontwikkeling van het profiel MVI vmbo beroepsgericht

Handleiding van de Bibliotheek: e-books lezen op je e-reader - voor Windows

Toetsen in Blackboard

SBO WEBSITES BOUWEN IN 7 STAPPEN

Studio Visual Steps Een website aanpassen via uw eigen webhostingservice

Beginnersles 2 Computerles Windows 7

Google Drive: uw bestanden openen en organiseren

Installatie van Linux Mint 13

Een PowerPoint-presentatie op twee monitoren (Gedeeltelijk overgenomen van de website van Microsoft)

iphone & ipad Vergroot uw digitale wereld

Edu-tekstbestanden en schermuitleessoftw

De voordelen van Drupal

Zoekmachine Optimalisatie (SEO)

INFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS

Meer over het Windows browser-keuzescherm

Les 7. Instap. CSS en views: schilderijen. Pas even de header aan van het thema en zorg ervoor dat er geen websitenaam en slogan te zien is.

Module handleiding VivianCMS. Fotoalbum

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010

Handleiding SEO controle & Publiceren blog-artikelen Wageningen UR blog. Oktober 2015

Handleiding voor het zelf onderhouden van je Wordpress website

SAN v3. Update document uitgebracht door OCEN

Net2 kaarten bedrukken

Les 14. Eenvoudig contactformulier

HANDLEIDING. WordPress LAATSTE VERSIE: RODER!CKVS WEBDESIGN & WEBHOSTING

PvdA websites Quick Start voor het werken met het Hippo CMS

Toeristisch-recreatief aanbod voor blinden en slechtzienden in Vlaanderen : Analyse en aanbevelingen

HANDLEIDING BEHEER WEBSITE. Vrouwen van Nu

Zoo n Training. Met (meer) plezier werken!

Handleiding van de Bibliotheek: e-books lezen op je e-reader - versie voor OS X (Mac)

Quick Guide VivianCMS

Offective > CRM > Vragenlijst

v.1.48 Genkgo Handleiding Genkgo Events Professioneel evenement management in Genkgo

Check digitale informatie met NVDA.

Basishandleiding WordPress

Quickscan Webrichtlijnen

Quick start handleiding versie 1.0

Handleiding van de Bibliotheek: e-books lezen op je e-reader - voor OS X (Mac)

Publiceren met WordPress


Gevorderd Geld Verdienen Met Internet

INFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS

2 december 2013 Eindgebruikershandleiding Weblicity CMS

Documentatie WD32. Christine van Woensel M32

Transcriptie:

Blinden en slechtzienden op het web. Een oplossing voor het ontwikkelen en het bereiken van mensen met een visuele handicap. interne promotor: Jan De Meyer externe promotor: Roel Van Gils Gioacchino Brucato Grafische en digitale media: multimedia Academiejaar: 2009-2010 Artevelde hogeschool Industrieweg 232-9030 Gent

Eindwerk voorgedragen door Gioacchino Brucato tot het behalen van het diploma Bachelor in Grafische en Digitale Media: Mulimediaproductie prodev

Woord vooraf Zoals de titel reeds verraadt, zal ik mij verdiepen in de wereld van blinden en slechtzienden. In dit werk zal ik u uitleggen wat een visuele beperking precies kan zijn. Ook zal ik een opsomming geven van organisaties die zich inzetten voor blinden. Ik praat over hoe blinden en slechtzienden met een computer werken en welke hulpmiddelen ze voorhanden hebben. De meeste van deze hulpmiddelen heb ik met eigen ogen kunnen waarnemen, met dank aan Roel Van Gils, een medewerker van Blindenzorg Licht en Liefde en AnySurfer. Voor dit schrijven en voor de realisatie van mijn project werd ik geïnspireerd door het werk van AnySurfer. Wie en wat dit project aanbelangt, komt dan ook uitgebreid aan bod. In een voorlaatste hoofdstuk bespreek ik de mogelijkheden voor het toegankelijk ontwikkelen in Adobe Flash. In het finale hoofdstuk bespreek ik mijn project dat ik gerealiseerd heb. Het gaat om een online bevraging voor blinden en slechtzienden. Dit werk kan dienen als naslagwerk om het toegankelijk maken van websites beter te begrijpen. 2

Inhoudstafel Woord vooraf... 2 1. Wat betekent blindheid en slechtziend zijn?... 4 1.1. Blinden en slechtzienden... 4 1.2 Soorten slechtziendheid... 4 1.3 Mogelijke oorzaken van blindheid... 5 1.4 Organisaties... 5 1.5 Hulpmiddelen... 7 2 Hoe verwerken blinden en slechtzienden digitale informatie... 10 2.1 In het algemeen... 10 2.2 De computer van een slechtziende... 10 2.3 Vergrotingsprogramma's... 11 2.4 Spraaksynthesizers... 11 2.3 De computer van een niet-ziende... 11 2.4 Schermuitleesprogramma's... 12 2.5 Brailleleesregels... 12 2.6 Internet browsers voor personen met een visuele beperking... 13 2.7 Toetsenbordaanpassingen... 13 2.8 Besluit... 14 3. AnySurfer label... 15 3.1 De beginjaren... 15 3.2 De voordelen... 16 3.3 Wetgeving... 16 3.4 Het AnySurfer label aanvragen... 17 3.4.2 De validatie... 18 3.4.3 Template-advies... 19 3.4.4 het Anysurferlabel... 19 4. Toegankelijk bouwen in Adobe Flash... 20 4.1 Het Accessibility Panel... 20 4.2 Geef geen oneindige animaties weer en werk met een alternatief voor kleur... 22 4.3 Toetsenbord shortcuts... 22 4.4 Besluit... 23 5. Project... 24 5.1 Opdracht... 24 5.2 Vereisten van de applicatie... 24 5.3 Resultaat... 25 5.4 Problemen... 29 5.5 Besluit... 30 Bronnenlijst... 31 Bijlagen... 33 3

1. Wat betekent blindheid en slechtziend zijn? Bij blinden stellen wij ons in de eerste plaats mensen voor met een witte stok, een donkere bril en als het nog eventjes kan een blindegeleide hond. Allemaal beschouwen wij ze als één groep, als één geheel. Maar door mij specifiek te gaan richten op deze doelgroep, heb ik moeten vaststellen dat zelfs binnen deze groep nog enorm veel variaties en gradaties voorkomen. Daarom eerst een klein woordje uitleg over wat blind of slechtziend zijn nu eigenlijk is. 1.1. Blinden en slechtzienden Er is een verschil tussen blinden en slechtzienden. Iemand wordt als blind beschouwd als die een gezichtsscherpte heeft van minder dan of juist 1/10 met beide ogen of als zijn gezichtsveld kleiner is dan of gelijk aan 20 graden. 1 op 1000 mensen is blind. Van alle blinden is er 65 % ouder dan 60 jaar. Zij zijn te herkennen aan hun witte stok of hun blindegeleide hond. Daarnaast bestaan er ook badges met de vermelding slechtziend. Slechtziend is hij/zij die met bril of een andere optische correctie een gezichtsscherpte heeft van 1/10 tot 3/10 of een gezichtsveld van 20 tot 40 graden. Alle vormen van slechtziendheid hebben met elkaar gemeen dat ze niet of niet volledig bijgestuurd kunnen worden door een bril of andere hulpmiddelen. 1.2 Soorten slechtziendheid Wazig zien: de persoon in kwestie ziet niet scherp, dit kan bijvoorbeeld zo zijn bij de aandoening van Cataract (vertroebeling van de ooglens). Uitval van het perifere gezichtsveld of tunnelzicht: hierbij is het centrale gezichtsveld vaak nog intact. De persoon slaagt er bijvoorbeeld nog in de krant te lezen. Oriëntatie is hierbij heel moeilijk omdat men geen overzicht heeft. Deze mensen maken veel hoofdbewegingen om toch een zicht te krijgen op het geheel. Een opstapje neemt de persoon niet altijd waar, terwijl hij wel de deur aan de overkant van de gang zal kunnen zien. Storing in het centrale gezichtsveld: hierbij heeft de persoon problemen met detailwaarneming zoals lezen en herkennen van iets of iemand. Je krijgt het gevoel dat de persoon als het ware langs je heen kijkt. Vlekkenzicht: hierbij is het zicht verstoord door verschillende vlekken op het beeld dat wordt doorgestuurd naar de hersenen. Halfzijdig zien: dit kan een gevolg zijn van een tumor. 4

Kleurenstoornis: de persoon zal moeite hebben met het onderscheiden van kleuren bij: onzuivere kleuren, kleine oppervlakken of zwakke belichting. Gestoorde licht- en/of donkeradaptie: deze personen zijn overgevoelig aan licht of duisternis. Zij zijn heel rap verblind en hebben problemen bij overgang van licht naar donker. Sommige zijn nachtblind: zij ervaren dan voornamelijk problemen in het schemerduister of bij de overgang van een klare naar een donkere ruimte. 1.3 Mogelijke oorzaken van blindheid Blind geboren: door ziekte van de moeder, of het gebruik van bepaalde medicijnen van de moeder tijdens de zwangerschap kan het kindje blind geboren worden. Erfelijke afwijking: soms wordt een oogziekte doorgegeven van generatie op generatie, dan is men blind door een erfelijke afwijking. Ziektes: bepaalde ziektes op volwassen leeftijd kunnen blindheid veroorzaken, vb. diabetes en hypertensie (te hoge bloeddruk). Ouderdom: oudere mensen krijgen vaak meer problemen met het gezichtsveld door hun leeftijd. Ongeval: door een auto-ongeluk, iets zwaar dat op het hoofd valt, of een scherp voorwerp dat in de ogen terechtkomt kan er ook blindheid ontstaan. Tijdelijke blindheid: soms kan iemand tijdelijk blind worden door shocktoestanden, hysterie of ziekte. De zon: te lang in de zon kijken kan blindheid veroorzaken. 1 1.4 Organisaties Hieronder vindt u een lijst met een selectie van organisaties actief in hoofdzakelijk Vlaanderen. Deze organisaties zetten zich allemaal in voor de noden van mensen met een visuele beperking. Het zijn vrij bekende verenigingen, opgenomen in de samenwerking met de overkoepelende organisatie BCBS. Waarschijnlijk bestaan er ook nog veel kleinschaligere projecten, maar deze wegen niet zo zwaar door in deze sector. 1 Voorgaande is gebaseerd op: http://www.kimbols.be/ogen/zien/blind_slechtziend.php 5

BCBS Belgische Confederatie van Blinden en Slechtzienden. De BCBS werkt als overkoepelend orgaan voor alle verenigingen die zich inzetten voor mensen met een visuele beperking. Zij streven ernaar om dan ook van zoveel mogelijk organisaties een vertegenwoordiger te hebben die zetelt in de BCBS. Zij proberen zoveel mogelijk gezamenlijke activiteiten te organiseren met alle instanties. Verder zorgen zij ook voor een optimale informatieverstrekking naar alle organisaties toe en doen zij studies op het domein van mobiliteit. Zij hebben ook een sociaal luik waarin zij ijveren naar het onderwijzen en de tewerkstelling van mensen met een visuele beperking. Zij hebben hun hoofdkantoor in Brussel. Blindenzorg Licht en Liefde Deze organisatie is al gesticht in 1923 in Brugge. De vereniging is gegroeid vanuit een kleine braillebibliotheek naar een netwerk van diensten en instellingen verspreid over heel Vlaanderen en Brussel. Op hun website bieden zij zoveel mogelijk informatie over basisaanpassingen die kunnen worden gedaan aan de computer. Hierbij geven ze een zo uitgebreid mogelijk overzicht over welke toepassingen er reeds bestaan om het gebruik van een pc toegankelijker te maken. Op hun website tonen zij ook welke activiteiten er doorgaan voor zowel blinden en slechtzienden als voor hun begeleiders en geïnteresseerden. Maar je hoeft niet noodzakelijk hulpbehoevend te zijn om iets bij te leren. Webmasters kunnen op de site uitleg vinden over het AnySurferlabel, een label dat kan worden toegekend als je site voldoende ondersteund is zodat deze gebruiksvriendelijk is voor visueel gehandicapten. Blindenzorg Licht en Liefde is veel meer dan enkel een informatiekanaal. Ze hebben een dienst Thuisbegeleiding waarin ze hulp bieden aan blinden of slechtzienden die zelfstandig willen wonen. Ze helpen de mobiliteit te vergroten door oriëntatieoefeningen. Hierbij wordt de blinde of slechtziende vertrouwd met het gebruiken van de witte of gele stok. Ze leren hen het hanteren van sprekende wekkers, zodat ook de blinde de tijd kan weten. Je kan bij hen terecht voor cursussen braillelezen, dactylolessen, etc. Brailleliga Deze vereniging is ontstaan in 1922 en heeft haar hoofdzetel te Brussel. Zij is een beetje de tegenhanger van Blindenzorg Licht en Liefde. Zij hebben beide dezelfde doelstellingen voor ogen. Net zoals Blindenzorg Licht en Liefde streeft ook Brailleliga naar verbetering op sociaal, cultureel en professioneel vlak voor blinden en slechtzienden. Een van hun grote streefdoelen is het taboe verbreken door mensen voldoende te informeren over leven met een visuele handicap. Met behulp van een nieuw pedagogisch instrument richten zij zich op de jongste doelgroep van onze samenleving namelijk de lagere school. Met hun mobiele Braille Box introduceren zij een stukje van de donkere wereld in de 6

leefwereld van de kinderen. Op die manier leren ze reeds aan jonge kinderen wat blind zijn is en hoe die wereld er dan uitziet. Ze doen ook aan preventie. Zij willen vooral de oudere laag van de bevolking informeren over verschillende oogziektes die het zicht kunnen aantasten. En dan zetten ze zich natuurlijk ook in voor de blinden en slechtzienden zelf. Specifieke nieuwtjes worden regelmatig geüpdated op de website. Zo is er momenteel een artikel over het nieuwe 2 euromuntstuk van Louis Braille dat ter ere van zijn 200e geboortedag werd uitgebracht. De letters L en B zijn in braille geschreven op het nieuwe munststuk, en is dus herkenbaar op de tast. VeBeS Vereniging van Blinden en Slechtzienden Licht en Liefde vzw. Deze organisatie werkt heel nauw samen met Blindenzorg Licht en Liefde en maakt ook deel uit van het netwerk Licht en Liefde. Zij willen voornamelijk de leden informatie en ontspanning bieden. De organisatie zelf wordt geleid door ervaringsdeskundigen, met andere woorden mensen die zelf leven met een visuele beperking. Zij kunnen beter dan wie dan ook inschatten wat al dan niet belangrijk is voor de doelgroep. Zij zetten zich in voor de sensibilisering en belangenverdediging van de doelgroep. Concreet houdt dit in dat ervaringsdeskundigen vormingen geven voor blinden en slechtzienden. Zij geven daarnaast ook advies over toegankelijkheid. In Vlaanderen en Brussel telt de vereniging voor en door blinden het grootst aantal leden. Het verenigingsleven is vooral zeer actief op regionaal gebied. Tijdens de activiteiten kan er onderlinge informatie worden uitgewisseld, kunnen nieuwe contacten worden gelegd en banden worden gesmeed. 2 1.5 Hulpmiddelen Blinden en slechtzienden zijn bijna evengoed bereikbaar als normale mensen. Zo hebben zij vergrotingsprogramma s waarbij de informatie vergroot wordt weergegeven op het beeldscherm. Deze beeldschermen zijn dan aangepast, zijn groter dan standaardschermen en hebben een heel hoge beeldkwaliteit. Een spraaksynthesizer is dan een programma dat informatie, afkomstig van het beeldscherm vertaalt naar gesproken vorm. Deze moet wel in gekoppeld worden aan een schermuitleesprogramma, anders kan je met de spraaksynthesizer zelf niets aanvangen. Het schermuitleesprogramma draait continu in op de achtergrond van je computer, speelt de juiste informatie door die je te zien krijgt op het Windows schermbeeld. Het helpt ook om vlot te navigeren in alle programma s en om makkelijk je weg te vinden op websites. Voor mensen die vertrouwd zijn met het braille-alfabet bestaan er ook brailleleesre- 2 Voorgaande is gebaseerd op: http://users.skynet.be/tekstinfo/presentatie/organisaties/1.html 7

gels. Dit is een toestel waarbij de tekst wordt weergegeven van op een beeldscherm van een computer die aan de hand van plastieken pinnetjes naar omhoog brengt. Ook dit toestel kan pas worden gebruikt in combinatie met een schermuitleesprogramma. Om een optimaal informatiekanaal te hebben wordt de spraakweergave gecombineerd met de brailleleesregel en het schermuitleesprogramma. Voor de niet- of slechtziende die toch nog moeite zou hebben met het toetsenbord bestaan er ook aangepaste toetsenborden met vb de letters in braille. Let wel, niet alle mensen zijn vertrouwd met brailleschrift. Vooral de jongere doelgroep is hiermee vertrouwd. Mensen die pas op latere leeftijd problemen krijgen met hun zicht neigen sneller naar spraaktechnologie. Alles komt meer in detail aan bod in het volgende hoofdstuk. Aanpassen van de website Websites kunnen evengoed door blinden worden gelezen en daarvoor is er slechts een kleine inspanning nodig van de webmaster. Blindenzorg Licht en Liefde zorgde samen met Rudi Canters voor een initiatief op technologisch vlak. Zij ontwikkelden een label vroeger gekend onder de naam Blindsurfer. Nu is het gelanceerd onder de naam AnySurfer. AnySurfer is een Belgisch kwaliteitslabel dat staat voor toegankelijkheid op het web. Websites met het label zijn voor iedereen bruikbaar: slechtzienden, (kleuren)blinden, ouderen en personen met een auditieve of motorische handicap. Meer concreet wil dit zeggen dat je dit label enkel kan verkrijgen als je site voldoet aan de bepaalde normen. Naast de technische ondersteuning op de website bieden zij ook opleidingen aan voor webmasters om hun site zo gebruiksvriendelijk mogelijk te maken. Het label heeft twee varianten: het basislabel "AnySurfer" en het meer uitgebreide label "AnySurfer Plus". Het basislabel garandeert een vlotte toegankelijkheid voor iedereen. Ook voor de webdesigner vraagt dit label slecht een kleine inspanning om dit te kunnen behalen. Het AnySurfer Plus is aangevuld met extra criteria die de toegankelijkheid nog groter maken. Eens een site het label heeft verkregen mag het dan ook het label publiceren op zijn website. Vooral op overheidswebsites vind je het AnySurferlabel terug. Meer hierover in hoofdstuk drie. Aangepaste brochures Voor mensen met een visuele handicap is het belangrijk dat zij net als anderen evenveel toegang krijgen tot informatie. Zo kunnen ook de brochures worden aangepast naar deze doelgroep. Tekst kan worden weergegeven in braille, of voor degene die nog deels zicht hebben (denk aan mensen met kokerzicht of wazig zicht) kan het al helpen om rekening te houden met het juiste contrast van bepaalde kleuren samen. Zo kan u testen of uw brochure al dan niet voldoet aan een goed contrast aan de hand van een blueprint. Dit is een gewone scan zoals 8

we die thuis hebben, maar als je een zwart-wit kopie neemt geeft het blauwe scanlicht de contrasten heel goed weer. Eventuele kaartjes in de brochure (denk aan fietsroutes of wandelroutes) kunnen in reliëf gedrukt worden zodat de visueel gehandicapte aan de hand van de legende ook het parcours kan visualiseren. Aangepaste producten Niet alleen de informatie over de producten zelf moet worden aangepast, maar de producten zelf moeten natuurlijk ook consumeerbaar zijn door deze doelgroep. Zo hoef je je niet te concentreren op wat visueel beperkten niet kunnen, maar juist wat zij wel allemaal kunnen waarnemen en doen. Gastronomische pakketten kunnen minstens even geapprecieerd worden door blinden en slechtzienden als door mensen zonder beperking. Rondleidingen in musea, gebouwen, etc. kunnen ook worden aangepast. Zo hebben sommige musea reeds kunstwerken die voelbaar zijn, of maquettes nagemaakt waarbij de blinden kunnen voelen hoe iets juist is opgebouwd. 3 3 Voorgaande is gebaseerd op: http://www.anysurfer.be/nl/over-anysurfer/over-webtoegankelijkheid/hoe-mensenmet-een-handicap-surfe/ en http://www.kimbols.be/hulp/index.php 9

2 Hoe verwerken blinden en slechtzienden digitale informatie 2.1 In het algemeen Om de leesproblematiek van een visueel gehandicapte, die een computer gebruikt, te kunnen begrijpen, probeer ik te schetsen waar de problemen liggen. Er is een groot onderscheid tussen blinden en slechtziende computer gebruikers. Het grootste probleem bij het gebruiken van een computer met een verminderd of afwezig visus, is het raadplegen van het beeldscherm. Ook de manier om je muis te gebruiken, gaat gepaard met een visuele controle op het scherm. Gelukkig bestaan er tal van hulpmiddelen die een oplossing bieden voor deze problemen en dus de standaard Windows toepassingen bruikbaar maken voor iemand met visuele beperkingen. Ook op de Macintoch zijn er tal van hulpmiddelen voorzien en zelfs bij de standaard installatie van OS X is er een schermvoorleesprogramma aanwezig. Hiermee kan men navigeren in het besturingssysteem en tussen de programma's. Deze optie is niet zo uitgebreid als screenreader software, maar is een goed hulpmiddel voornamelijk voor slechtzienden. Door comand + F5 in te duwen activeer je de voiceoverai zoals die door Apple wordt genoemd. 2.2 De computer van een slechtziende Een slechtziende persoon beschikt nog over een bruikbaar visus en zal daarom deze nog optimaal willen benutten. Hoe zou je zelf zijn? Hij heeft hierdoor meestal een vergrotingsprogramma nodig dat wat op het beeldscherm aanwezig is zal vergroten. Naargelang de mate van de visuele afwijking gebruikt hij ook nog een vergroot beeldscherm. Met zo'n vergrotingprogramma kunnen ook de kleuren worden aangepast van het beeldscherm. Dit met het oog op een verbeterd contrast naargelang de visuele beperking. Een vergrote weergave is in veel gevallen handig voor het typen van een tekst of het bekijken van afbeeldingen, maar voor het lezen van tekst betekent een spraakweergave in vele gevallen een beter alternatief dan vergroting. De meeste slechtzienden gebruiken daarom een vergrotingsprogramma in combinatie met een spraakprogramma. Dit zorgt ervoor dat vergrote weergave en gesproken weergave gelijktijdig mogelijk maakt. Hierdoor kunnen de meeste slechtzienden zonder probleem een computer gebruiken. 10

2.3 Vergrotingsprogramma's Een vergrotingsprogramma zorgt ervoor dat wat op het schermbeeld wordt weergegeven, kan worden uitvergroot volgens een door de gebruiker instelbare vergrotingsfactor. Het gevolg is dat er een schermoverzicht verlies optreed omdat wat je uitvergroot over heel het scherm wordt weergegeven. Dit overzichtsverlies is groter naar mate de vergrotingsfactor hoger wordt ingesteld. Het is daarom essentieel dat een vergrotingsprogramma beschikt over opties die dit overzichtsverlies compenseren. Dit kan gaan van het volgen van de acties van de gebruiker tot het voorlezen van elementen. Deze vergrotingsprogramma's zijn geschikt voor slechtziende personen die doorgaans een vrij geringe vergrotingsfactor behoeven en die daarom geen behoefte hebben aan bijkomende spraak- of brailleondersteuning. Een vergrotingsprogramma kan eventueel worden gecombineerd met een groter beeldscherm om wat meer overzicht te creëren en voor een duidelijkere weergave. Ogen raken snel vermoeid bij beeldschermwerk, waarbij het overschakelen op spraak een uitkomst biedt. Intensief leeswerk wordt meestal als comfortabeler beschouwd, bij het gebruik van een spraaksynthesizer. 2.4 Spraaksynthesizers Een spraaksynthesizer is een programma dat informatie, afkomstig van het schermbeeld van de computer, omzet naar gesproken vorm: kunstmatige (synthetische) spraak. De informatie die het spraaksyntheseprogramma weergeeft, krijgt het aangereikt door een schermuitleesprogramma. Zonder zo'n schermuitleesprogramma kan de spraaksynthesizer niets aanvangen. 2.3 De computer van een niet-ziende In tegenstelling tot blinden, kunnen slechtzienden vergrotende hulpmiddelen gebruiken. Een blinde persoon zal door een gebrek van het visus doorgaans heel andere hulpmiddelen nodig hebben. In de meeste gevallen wordt gebruikt gemaakt van een brailleleesregel of spraaksynthesizer of gebruikt men beide. Zo'n brailleleesregel is in staat om tekst van op het beeldscherm om te zetten in brailletekst. Een spraaksynthesizer zet dan weer de tekst van het beeldscherm om in synthetische spraak. Beide toestellen kunnen afzonderlijk of gelijktijdig werken en functioneren los van elkaar. Ze kunnen wel op elkaar afgestemd worden. Omdat er enkel tekst kan worden weergegeven, is er nog extra 11

software vereist: een schermuitleesprogramma. Dit programma zorgt ervoor dat de talrijke grafische elementen die het schermbeeld rijk is, beschreven worden in tekst, zodat ze via braille of spraak kunnen worden weergegeven. Tot slot is er nog een alternatief voor de muisbediening vereist. Deze laatste kan enkel bereikt worden door een kleine inspanning van de webmaster (in het geval van websites) door met een aantal zaken rekening te houden. 2.4 Schermuitleesprogramma's Het schermuitleesprogramma is een programma dat permanent in de achtergrond op de computer draait en dat ervoor zorgt dat de spraaksynthesizer en/of de brailleleesregel continu de juiste informatie uit het schermbeeld toegespeeld krijgen. Zonder een schermuitleesprogramma kan je met een spraaksynthesizer of brailleleesregel niets aanvangen op een computer. Een schermuitleesprogramma geeft immers niet enkel de tekst door naar de leesregel en/of spraaksynthesizer, maar geeft ook informatie door over de grafische elementen op het scherm. Daarnaast biedt het schermuitleesprogramma heel wat navigatiefuncties om je weg te vinden op het bureaublad, in mappen, in Word-documenten, in internetpagina's etc. Voor mensen die van slechtziendheid naar blindheid evolueren en daarom het brailleschrift aanleren, kan het zinvol zijn als het schermuitleesprogramma ook vergrotingsmogelijkheden biedt. Sommige maar niet alle schermuitleesprogramma's hebben deze optie. 2.5 Brailleleesregels Een brailleleesregel is een toestel dat de gegevens van het computerscherm via een schermuitleesprogramma omzet in brailletekens. Deze brailletekens verschijnen dan op een brailleleesregel. Elk teken op het scherm wordt weergegeven op één braillecel. In elke cel kunnen acht braillepunten verschijnen dankzij intrekbare staafjes. De brailleleesregel is samengesteld uit een reeks cellen, ingebouwd in een elektronische drager. De brailleleesregel is randapparatuur die de monitor vervangt en wordt vaak onder het toetsenbord van de computer opgesteld. De informatie die de leesregel weergeeft, krijgt hij aangereikt door een schermuitleesprogramma. Zonder dit schermuitleesprogramma kan je met een brailleleesregel niets aanvangen. Een brailleleesregel wordt, omwille van het complexe visuele basisconcept van elk bestruringssysteem, best gecombineerd met spraakweergave. Zo'n combinatie kan immers meer informatie bieden dan een systeem dat uitsluitend op brailleweergave steunt. Een digitale tekst leesbaar maken voor een 12

brailleleesregel heeft in feite niets met braille te maken, er komt zelfs helemaal geen braille aan te pas. Het komt er op aan de tekst digitaal aan te passen en zo te schikken dat de brailleleesregel de tekst integraal en met het nodige comfort in zich kan opnemen. Bij het braillevriendelijk maken van teksten volstaat het de teksten passend te schikken en te filteren volgens bepaalde regels. Op de websites van braille op het blad kan je deze informatie terugvinden. Ook ikzelf heb zo'n tekst gemaakt (bijlage). In hoofdstuk vijf vertel ik hier meer over. 2.6 Internet browsers voor personen met een visuele beperking Sommige schermuitleesprogramma's kunnen zeer goed samenwerken met standaard bladerprogramma's zoals wij die kennen. Denk maar aan Internet Explorer en Safari. Andere schermuitleesprogramma's hebben dan weer een extra stukje software nodig om vlot met deze standaard browsers te werken. Software als Web-Wizard, Simply Web, WebFormator, Web Accessories en IBM Home Page Reader. Er bestaan ook speciale bladerprogramma's die specifiek ontwikkeld zijn om efficiënt bruikbaar te zijn voor visueel gehandicapten. Programma's als Lynx, Net-Tamer, WebbIE, pwwebspeak en BrailleSurf. Belangrijk is echter dat geen enkel bladerprogramma in staat is om grafische elementen (zoals foto's of logo's) op webpagina's te vervangen door beschrijvende tekstuele informatie. Het is daarom van het grootste belang dat de webpagina's reeds bij de aanmaak voldoende extra gegevens meekrijgen om hun algemene toegankelijkheid en bruikbaarheid te verhogen. 2.7 Toetsenbordaanpassingen In tegenstelling dat de meeste hulpmiddelengebruikers het toetsenbord uit het hoofd kennen en dus blind gebruiken, zijn er voor wie als niet- of slechtziende toch moeite zou hebben met het gebruik van een toetsenbord, een aantal hulpmiddelen. Een brailletoetsenbord maakt het mogelijk om gegevens in te geven in een computer door ze in braille in te typen. Omdat een brailletoetsenbord over het algemeen wat moeizamer werkt bij het ingeven van allerlei toetscombinaties, blijft het gewone toetsenbord naast het brailletoetsenbord aangesloten (en dus bruikbaar). Slechtziende computergebruikers die in min of meerdere mate naar de toetsopschriften kijken tijdens het typen, kunnen baat hebben bij een vergrotende aanpassing. 13

We onderscheiden in deze productgroep: toetsenbordstickers, toetsenbordhoezen en toetsenborden die van huize uit voorzien zijn van grote opschriften. 4 2.8 Besluit Gewapend met deze kennis kan u zich wellicht inbeelden dat er bij het ontwikkelen van webpagina's best rekening gehouden wordt dat deze hulpmiddelen gebruikt worden. Bovendien zal dit inzicht u helpen om "het waarom" van de web-toegankelijkheidsrichtlijnen van AnySurfer beter te begrijpen. 4 Voorgaande is gebaseerd op: http://www.braille.be/nl/diensten/ en http://www.kimbols.be/hulp/index.php en http://www.anysurfer.be 14

3. AnySurfer label AnySurfer is een nationaal project van Blindenzorg Licht en Liefde vzw (BLL). Dit is een dienstverlenende organisatie voor blinden en slechtzienden in Vlaanderen en Brussel. AnySurfer is een Belgisch kwaliteitslabel voor toegankelijke websites. Sites die het label dragen, voldoen aan een zorgvuldig samengestelde set met richtlijnen: de AnySurfer checklist. De geestelijke vader is Rudi Canters. BLL heeft een aantal medewerkers die het grootste deel van hun tijd aan AnySurfer spenderen. Daarnaast heeft AnySurfer nauwe contacten met internetgebruikers met uiteenlopende handicaps. Hun belangrijkste bron van expertise zijn net deze internetgebruikers. Als ervaringsdeskundige zijn zij een vitale schakel in hun werking. Ze worden betrokken bij audits, gebruikerstests, het verzorgen van opleidingen en ze beslissen mee over de toekomst van het project. AnySurfer was lid van het EuroAccessibility Consortium, dat webtoegankelijkheid op Europees niveau nastreeft. Sinds januari 2008 is er ook het AnySurfer Netwerk waarmee ze naast de technische toegankelijkheid van websites ook willen werken rond begrijpbaarheid van webteksten en toegankelijkheid voor heel specifieke doelgroepen. Het AnySurfer Netwerk is een logische uitbreiding op het bestaande AnySurferproject. Zes organisaties bundelen de krachten met als voornaamste doelstelling de diensten en de doelgroep van het Any- Surferaanbod uit te breiden en hun expertise nog te verruimen. 5 3.1 De beginjaren Blindenzorg Licht en Liefde begreep de positieve impact die de plannen van Rudi Canters zouden hebben op de maatschappij. BLL en Rudi Canters startte in 2000 een intense samenwerking, die resulteerde in de oprichting van BlindSurfer. Op 18 april 2001 werden het project, het bijbehorende kwaliteitslabel en de eerste toegankelijke websites voorgesteld aan de pers. Webmasters konden op diezelfde dag kennismaken met de richtlijnen die Rudi Canters en BLL hadden opgesteld. Tijdens de eerste twee jaren kon BlindSurfer rekenen op de financiële steun van Gelijke Kansen Vlaanderen en Mieke Vogels, toenmalig minister van Welzijn. Deze periode was cruciaal voor het project. Via een doorgedreven samenwerking met alle Vlaamse provinciebesturen kregen ze BlindSurfer op de politieke agenda en groeide de naambekendheid. Na verloop van tijd toonden ook federale politici interesse. AnySurfer ging op zoek naar een Waalse partner. Ze vonden deze bij het Oeuvre Nati- 5 Gebaseerd op http://www.anysurfer.be/nl/over-anysurfer/het-label 15

onale des Aveugles of ONA, de Waalse tegenhanger van BLL. Op deze manier kreeg BlindSurfer steeds meer opdrachten toevertrouwd. Talloze bijdragen aan studiedagen, aanvragen voor opleidingen en het ambitieuze ToegankelijkWeb-project van de Vlaamse overheid zijn hiervan slechts enkele voorbeelden. Het misverstand dat het behalen van het BlindSurferlabel enkel voor slechtzienden en blinden loont, bleef echter hardnekkig standhouden. Hierdoor werden in het project in de zomer van 2006 grote veranderingen doorgevoerd en de naam BlindSurfer werd verandert naar AnySurfer. Met de nadruk op any, of iedereen. 6 3.2 De voordelen Toegankelijk bouwen heeft niet alleen voordelen voor de bezoekers maar ook voor de sitebeheerders. De site richt zich tot het hele websurfende publiek: meer bezoekers = meer aandacht = meer inkomsten. Zoekmachines zijn een klein maar cruciaal percentage van hun bezoekersaantal. Toegankelijke websites scoren spectaculair hoger dan andere sites dus toegankelijk bouwen is momenteel een van de belangrijke regels in search engine positioning. Search engine positioning of in het Nederlands zoekmachieneoptimalisatie is heel belangrijk er zorgt ervoor dat je site snel word gevonden. Bovendien is een toegankelijke site die opgebouwd is aan de hand van templates en die de scheiding van inhoud en presentatie toepast, veel gemakkelijker en sneller te onderhouden. Een toegankelijke site draagt bij aan het imago van uw bedrijf of organisatie. Het kan dus zeker geen kwaad om uw toegankelijkheidsinspanningen te promoten naar de buitenwerled. Toegankelijk bouwen is niet moeilijker of gemakkelijker dan ontoegankelijk bouwen. Een toegankelijke website houdt per definitie rekening met het gebruik van software die het scherm voorleest en software die de inhoud van de website kan veranderen zoals contrast, kleuren, tekstgrootte etc. 3.3 Wetgeving Internet krijgt een steeds grotere rol in de communicatie van de Vlaamse overheid. Daarnaast worden steeds meer informaticatoepassingen ontwikkeld die enkel toegankelijk zijn via het net. Via de browser krijgt men toegang tot de toepassing. Dit heeft gevolgen zowel voor de burger als voor de ambtenaar van de Vlaamse overheid. De toegankelijkheid van het internet en het intranet van de Vlaamse overheid is een 6 Gebaseerd op http://www.anysurfer.be/nl/over-anysurfer/over-de-organisatie/ontstaan-en-missie/ 16

belangrijke voorwaarde zodat mensen met een handicap volledige toegang zouden krijgen tot de aangeboden diensten binnen de Vlaamse overheid. De basis voor elke regelgeving over webtoegankelijkheid zijn de Web Content Accessibility Guidelines 1.0 van het World Wide Web Consortium. W3C is een organisatie die de webstandaarden voor het World Wide Web ontwerpt, zoals HTML, XHTML, XML en CSS. Het wordt geleid door Tim Berners-Lee, de originele bedenker van het HTTP protocol en HTML. Hierop is het Web oorspronkelijk en nog steeds grotendeels gebaseerd. Experts zijn het er over eens dat de eerste versie van de WCAG onvolledig is en inconsistenties bevat. Bovendien zijn sommige van de vereisten uit de WCAG 1 nauwelijks praktisch toepasbaar en leveren ze weinig voordeel op doordat hulpprogramma's voor internetgebruikers met een handicap er onvoldoende ondersteuning aan bieden. Aan versie twee van de WCAG werd jaren gewerkt en uiteindelijk gepubliceerd in december 2008. De huidige AnySurferrichtlijnen worden momenteel geëvalueerd en bijgewerkt. Men doet dit om te voldoen aan de nieuwste internationale normen. AnySurfer betreurt dat er in België nog geen wet is die bedrijven en overheden verplicht de toegankelijkheidsrichtlijnen toe te passen bij het bouwen van websites. 7 3.4 Het AnySurfer label aanvragen Voor je over het AnySurferlabel beschikt moet je twee verplichte stappen doorlopen: de audit en de validatie. Dit traject kan uitgebreid worden voor een beter en sneller resultaat. Het totale traject om het label te behalen kan maximum zes maand duren. AnySurfer biedt templateadviezen aan, opleidingen en workshops. Elk hebben ze hun eigen prijs. We gaan nu dieper in op de verschillende stappen en beginnen met de audit. 3.4.1 De audit De audit is de eerste verplichte stap in het traject dat naar de toekenning van het AnySurferlabel leidt. Een audit is een systematische controle van alle AnySurferrichtlijnen, uitgevoerd door enkele ervaringsdeskundigen en een toegankelijkheidsexpert. Met ervaringsdeskundigen worden mensen bedoelt met een ITC-opleiding en slechtziend of blind zijn. Met een toegankelijkheidsexpert wordt dan weer iemand bedoeld die op het gebied van internet, software en elektronische toepassingen de toegankelijkheid onderzoekt. Het resultaat is een auditrapport dat men ontvangt binnen 2 à 3 weken na de aanvraag. 7 Gebaseerd op: http://www.anysurfer.be/nl/over-anysurfer/over-webtoegankelijkheid/wetten-en-standaarden/ 17

De steekproef Het zou te veel geld en tijd kosten om de audit op heel de website uit te voeren. Daarom gebeurt deze op een dertigtal pagina's. Voor deze steekproef selecteert AnySurfer in elk geval de homepage en de eerste pagina van elk item uit de hoofdnavigatie. Indien aanwezig voegen ze daar pagina's aan toe zoals de sitemap, het contactformulier, de zoekfunctie, de helppagina en dergelijke. Als men een audit aanvraagt, kan men zelf een aantal pagina's opgeven die AnySurfer zeker in de steekproef moet opnemen. Webmasters kennen hun site immers beter dan AnySurfer en zijn medewerkers en weten waar de "complexe" pagina's zitten. Men heeft er alle belang bij dat ze deze pagina's in de audit opnemen zodat AnySurfer de webmaster kan wijzen op eventuele toegankelijkheidsproblemen. Onder complexe pagina's rekent AnySurfer formulieren, pagina's met een afwijkende opbouw en pagina's die multimediabestanden en gegevenstabellen bevatten. De grootste reden is dat de meeste screenreader software hier niet mee omkunnen gaan en deze niet kunnen lezen zonder aanpassingen. Het auditrapport De toegankelijkheidsproblemen die tijdens de audit aan het licht komen, bundelen de experts in een auditrapport. Het is een html-document dat voor elk ijkpunt van de AnySurferrichtlijnen aangeeft of het in orde is of niet. Als er een toegankelijkheidsproblemen zijn, geven ze aan waar ze zich voordoen en hoe men het kan verhelpen. Van het auditrapport bestaat een standaardversie en een uitgebreide variant. Beide versies bevatten evenveel voorbeelden en tips om de toegankelijkheidsproblemen te verhelpen. In een uitgebreid rapport zijn ze wel uitvoeriger beschreven. Zo'n uitgebreid auditrapport is met verduidelijkende screenshots, html-codevoorbeelden en concrete tips ter verbetering aangevuld. Op basis van de informatie in het auditrapport is men in staat om alle aangehaalde toegankelijkheidsknelpunten weg te werken. Na de ontvangst van het auditrapport heeft men drie maanden tijd om de nodige aanpassingen uit te voeren. 3.4.2 De validatie De validatie is de tweede en laatste verplichte stap in het traject dat naar de toekenning van het AnySurferlabel kan leiden. Bij de validatie beperken ze zich niet tot een steekproef van een paar pagina's, maar controleren ze de hele website op alle ijkpunten van de AnySurferrichtlijnen. De grootste aandacht wordt besteed aan het controleren van de 18

punten die in het auditrapport zijn aangehaald. Toch kan het gebeuren dat er nog een toegankelijkheidsprobleem opduikt in een pagina die niet tot de steekproef behoorde. Vandaar dus het belang om reeds bij de auditaanvraag complexe pagina's mee te delen. Net als bij de audit, resulteert de validatie in een rapport. Er zijn twee mogelijke uitkomsten. Bij een positieve beoordeling ontvangt uw website het AnySurferlabel. In het andere geval, wanneer er nog problemen zijn, krijgt u de tijd om deze te verhelpen. Na deze tijd voert Anysurfer een laatste validatie uit. Als blijkt dat de site dan nog niet voldoet, kunt u nog bijkomende validaties aanvragen, maar deze zullen apart worden aangerekend. De totale validatiefase mag niet langer zijn dan zes maanden. Hiermee bedoelt men de tijd van aanvraag tot labeltoekenning. Er is geen procedure voor het aanvragen van een validatie. Het volstaat Anysurfer een mailtje te sturen met het verzoek de validatie voor uw site te starten. 3.4.3 Template-advies Veel toegankelijkheidsproblemen ontstaan in de templates en stijlbladen. Deze worden gemaakt in een vroeg stadium en AnySurfer kan feedback geven op de eerste ontwerpen in HTML en CSS. In het template-stadium zijn eventuele problemen nog relatief eenvoudig aan te passen. Later neemt de complexiteit alleen maar toe en kunnen aanpassingen op meerdere plaatsen en in verschillende pagina's nodig zijn, wat zorgt voor dubbel werk. Een template-advies is niet verplicht in het AnySurfer traject, maar kan u aardig wat verbeteringswerk besparen. 3.4.4 het Anysurferlabel Als uw website door het AnySurferteam toegankelijk wordt bevonden, mag u het label op de homepage plaatsen. Opdat alle bezoekers het label zouden opmerken, vragen ze u om instructies op te volgen. Er zijn twee blokjes met HTML-code. Het eerste deel bevat de HTML-code voor het grafische label en het andere een tekstuele melding die bedoeld is om screenreadergebruikers meteen na het inladen van de pagina te informeren over de aanwezigheid van het label. Het grafische label is voor iedereen zichtbaar. De tekstuele melding wordt uitsluitend door screenreader gebruikers opgemerkt en door wie CSS heeft uitgeschakeld. 8 8 Overgenomen van: http://www.anysurfer.be/nl/label-behalen/ 19

4. Toegankelijk bouwen in Adobe Flash Wanneer we praten over het ontwikkelen van toegankelijke websites, denk je niet meteen aan Flash. Totdat in de Verenigde Staten een wet werd aangenomen die bekend staat als Section 508. Hierin stond dat alle informatie die de overheid digitaal aanbiedt ook voor visueel en anderszins gehandicapten toegankelijk moest zijn. Voor een bedrijf als Adobe betekende dit dat wanneer zij niet zorgden dat hun software voldoende opties bevatte om toegankelijke producten te ontwikkelen, de federale overheid hun software niet meer zou mogen gebruiken. Dat wilden ze uiteraard voorkomen en zodoende heeft de toegankelijkheid van Flash een grote sprong voorwaarts genomen. Maar hoe kunnen we dit nu zelf toepassen? De stappen die besproken worden zijn specifiek gericht op het toegankelijk maken van je flashsite voor visueel gehandicapten die gebruik maken van screenreader software. Het gaat hier dus niet zozeer om tekstbrowsers, maar met name om software die de website aan je voorleest. Momenteel zijn er tenminste twee screenreader programma s die flash accessibility ondersteunen: Window-Eyes van GW Micro en Jaws van Freedom Scientific (beide alleen gesproken in het Engels). Voordat ik het hoe en wat kan uitleggen, is er een keerzijde die ik wil uitleggen. Aan het toegankelijk ontwikkelen in Flash zit namelijk een maar. Het kan op zich prima, maar dan alleen met een nieuwe versies van Flash (vanaf de 2004 versie). In oudere versies kun je het toegankelijk bouwen eigenlijk wel vergeten. Vroeger kon je naast je flashsite alleen een alternatieve site in HTML aanbieden. Ik ben van mening dat dit niet telt als toegankelijk, want daarmee is je flashmovie nog steeds zo ontoegankelijk als daarvoor. Voor de flash-player geldt hetzelfde. Je zou denken dat deze mee geüpdate worden, maar doordat ze niet met de standaard bladerprogramma's surfen wordt de flash-player niet zo regelmatig geüpdate als bij 'ons'. 4.1 Het Accessibility Panel Reeds sinds Flash MX 2004 kan je beschikken over het Accessibility Panel. Hiermee kan je objecten toegankelijk maken. Je vindt dit onder het menu 'Window'. Het panel bestaat uit twee varianten: één met opties die gelden voor de volledige flashmovie en een met opties voor aparte objecten. Bij de name-tag typ je de naam in van de movie zoals je wilt dat de screenreader software deze voorleest. Bij description kun je ook nog een omschrijving toevoegen. Deze twee teksten worden alleen voorgelezen op het moment dat de volledige movie geladen is. Dit 20

word voorgelzen in de taal van de screenreader software. Het is dus aangeraden hier rekening mee te houden. Een Nederlandse tekst voorgelezen in het Engels is niet te verstaan. Wanneer een bezoeker op jouw flashsite terecht komt, hoort hij bij binnenkomst de paginatitel (uit de HTML code) en de net ingevoerde name en description. Pas wanneer hij de pagina ververst, zal de screenreader software deze drie teksten nogmaals voorlezen. Wanneer de bezoeker de tabtoets gebruikt om door de pagina te navigeren, worden per object telkens deze twee teksten voorgelezen. Omdat standaard beide worden voorgelezen, kun je met het oog op gebruiksvriendelijkheid beter slechts een van deze twee invullen. Bijvoorbeeld bij een knop naar de homepage typ je bij name Go to Homepage in. Heb je een langere omschrijving nodig bij bijvoorbeeld een foto, dan gebruik je alleen description. Het is niet altijd noodzakelijk om al je buttons een naam of omschrijving te geven. Wanneer je tekst (met een textfield) in een knop hebt gezet, dan leest de screenreader software deze automatisch voor. Het is in dit geval niet nodig dat je ook een naam en een omschrijving ingeeft. Dan kan de situatie ontstaan waarin de screenreader zegt: Button homepage. Name homepage. Description: ga terug naar de homepage, terwijl één maal homepage voldoende was geweest. Denk dus na bij wat je doet en controleer het door je zojuist gebouwde pagina te beluisteren. Objecten in Flash kunnen ook weer andere objecten bevatten. Ik denk hierbij bijvoorbeeld aan een movieclip met daarin een aantal graphics. In sommige gevallen zul je deze plaatjes apart een beschrijving willen geven, in andere gevallen is alleen een omschrijving van het object dat deze groepeert voldoende. Voor deze beslissing maak je gebruik van het aan- of uitvinken Make child objects accessible. Objecten die je met het net beschreven Accessibility Panel toegankelijk kunt maken zijn tekstvelden, buttons, movieclips en graphics. Elke eigenschap die je invult in het Accessibility Panel kan ook via ActionScript aan een object gekoppeld worden. Een overzicht van welke eigenschappen dat precies zijn en hoe je deze aanroept, kun je bij Adobe terugvinden. Naast de net genoemde objecten kun je in Adobe Flash ook componenten toegankelijk maken. Door middel van het in ActionScript aanroepen van de functie enableaccessibility() per componenttype (zoals de combobox of text input velden) in het eerste frame van de movie, kun je ervoor zorgen dat de screenreader ook de labels van deze componenten voorleest aan de bezoeker. 21

4.2 Geef geen oneindige animaties weer en werk met een alternatief voor kleur Een animatie die steeds opnieuw begint, wordt door screenreader software geïnterpreteerd alsof de pagina ververst. Dit verversen zorgt er dan weer voor dat de screenreader de pagina opnieuw begint voor te lezen. Het is dus verstandig om deze animaties te verbergen voor screenreader software. Je kan dit doen met het Accessibility Panel. Je kan bepaalde objecten die voorkomen in andere objecten ontoegankelijk maken, door 'Make child object accessible uit te vinken. Wanneer uitsluitend kleur wordt gebruikt om informatie over te brengen, zullen mensen met een kleurstoornis hier moeite mee hebben. In sommige gevallen worden links niet voorzien van een onderstreping en worden ze alleen maar aangegeven door een andere kleur. Voor kleurenblinden is dit een probleem wanneer het contrast zo laag is dat ze het verschil met de gewone tekst niet kunnen zien. Zorg er daarom voor dat alle informatie die met behulp van kleur wordt overgebracht ook beschikbaar is zonder kleur. 4.3 Toetsenbord shortcuts Door gebruik te maken van het Accessibility Panel kan je op een eenvoudige manier 'shortcuts' toewijzen aan objecten. De screenreader lees deze toetsen voor bij het openen van de pagina. Wanneer een gebruiker veelvuldig de site bezoekt is dit erg handig als je weet dat hij dan niet telkens door alle objecten moet heen tabben. De tabvolgorde in een flash movie is volgens volgorde van aanmaak en dit komt meestal niet overeen met de volgorde van gebruik. De tabvolgorde stel je het eenvoudigst in met behulp van ActionScript. Dit kan op twee manieren. Bij de eerste methode bedenk je de volgorde vooraf en stel je die in met behulp van de eigenschap tabindex. Stel je hebt een navigatie_mc, tekst_mc en een volgendebutton_mc. De tabvolgorde kun je nu op de volgende manier instellen, al naar gelang die het beste is voor de bezoeker: navigatie_mc.tabindex = 1; tekst _mc.tabindex = 2; volgendebutton _mc.tabindex = 3; Echter, bij uitgebreide flashsites of bijvoorbeeld een Rich Internet Applicatie (zoals mijn project) met dynamische content is dit niet de meest makkelijke methode. Elk element, of dit zichtbaar is op de stage of niet, moet opgenomen worden in de tabvolgorde. Elementen die de screenreader mag negeren moeten ofwel niet zichtbaar zijn middels de eigenschap visible of niet hoorbaar met de eigenschap silent. Voor uitgebreide applicaties kun je beter alle elementen op de stage op silent 22

zetten en naast de stage dus niet zichtbaar op je website onder elkaar de meest belangrijke objecten nogmaals plaatsen die dan automatisch wel voorgelezen worden door de screenreader. Bovendien geeft dit je de mogelijkheid om extra informatie te vertellen die alleen voor screenreader gebruikers van toepassing is. 4.4 Besluit Luister zelf eens naar je site. Zoals eerder vermeld kan je demo's downloaden van screenreader software. Hiermee kan je dan een half uur luisteren naar je site en daarna moet je opnieuw installeren. Op deze manier krijg je een goed beeld hoe een gebruiker met een beperking jouw Flashsite ervaart. Je zult erachter komen dat bepaalde dingen die je anders zo logisch vindt, helemaal niet overkomen zoals je bedoeld hebt. Flash wordt vaak gebruikt als middel om de gebruiker een speciale online ervaring mee te geven. Voor ontwikkelaars in Flash (zoals ik) is het dus ook de uitdaging om dergelijke ervaringen over te brengen op mensen met (verschillende) beperkingen. Als je wilt dat blinden en slechtzienden jou flashsite bezoeken hou je hier best rekening dat je bepaalde elementen verbergt voor screenreader software en de tabvolgorde in orde maakt. U kunt flash-inhoud maken die op een bepaalde manier werkt wanneer een screenreader actief is. Gebruik hiertoe de ActionScript-methode: Accessibility.isActive(). Deze retourneert de waarde "true" wanneer een screenreader aanwezig is en anders wordt false geretourneerd. U kunt vervolgens de flashinhoud zodanig ontwerpen dat deze compatibel is met het gebruik van een screenreader. 9 9 Voorgaande is gebaseerd op: http://www.blindict.nl/web/toegankelijk-ontwikkelen-van-websites.php en http://www.accessibility.nl/internet/artikelen/flash 23

5. Project 5.1 Opdracht Ik kreeg de vraag om een online enquête te ontwikkelen voor blinden en slechtzienden. Dit zou gaan om het recreatief en toeristisch reisgedrag bij deze doelgroep te onderzoeken. De resultaten zullen moeten worden verstuurd en verwerkt. De resultaten zullen gebruikt worden om een grondig besluit te vormen en aan te tonen hoe blinden en slechtzienden in Vlaanderen hun vakantie invullen. Iedereen moet de enquête kunnen gebruiken, dus ook zonder aangepaste software. Voorgaande hoofdstukken hebben ertoe geleid om een goede oplossing te bieden. Omdat ik van dit project, tegen beter weten in, een Rich Internet Applicatie wou maken die zowel voor blinden als slechtzienden toegankelijk en aantrekkelijk is, heb ik gekozen om te ontwikkelen in Adobe Flash. Om dit mogelijk te maken heb ik zowel voor de beperkingen van blinden en slechtzienden een oplossing gezocht. Ik heb uit de richtlijnen van Any- Surfer geleerd waar blinden en slechtzienden problemen mee hebben om te surfen. Omdat toegankelijk ontwikkelen in Flash (met het Accessibility Panel) enkel nut heeft voor twee browsers met specifieke plug-in, ben ik zeker op mijn manier meer mensen te kunnen bereiken. 5.2 Vereisten van de applicatie Hoewel er functionaliteiten zijn die zowel een blinde als een slechtziende kan gebruiken, zijn er ook veel functionaliteiten nodig voor elk specifiek. Ik denk bijvoorbeeld aan de contrastfunctie die voor een nietziende persoon geen nut heeft. contrast Is enkel van toepassing voor de slechtziende en zorgt ervoor dat alles op de pagina in negatieve waarden wordt weergegeven. Ik heb dit bereikt doordat mijn vragen en antwoorden movieclips zijn die ik met code aanmaak en kan doen veranderen door het drukken op een knop. De contrast functie blijft natuurlijk ook werken wanneer de vergroot functie wordt gebruikt. 24

geluid Zorgt ervoor dat elke vraag en elk antwoord wordt voorgelezen na het drukken op een knop. De toetsen die worden aangetypt bij het selecteren van een antwoord worden ook voorgelezen. Elk navigatie element word voorgelezen wanneer deze gebruikt wordt zodat men weet wat er gebeurt. De antwoorden die men heeft geselecteerd of nog net niet, kunnen worden voorgelezen. De instructies voor elke toets kunnen worden opgeroepen op elk moment na het drukken van een bepaalde toets. Elk geluid is in een niet-professionele studio opgenomen met een micro, mengpaneel en computer. Later is alles bewerkt in soundtrack pro en als mp3 gebruikt in flash. toetsenbord De volledige online bevraging kan worden ingevuld met het toetsenbord. Dit was nodig voor de niet-zienden. Er is rekening gehouden met windows en mac toetsenborden, met toetsenborden voor vaste computers en toetsenborden van laptops. Ook is er geen probleem wanneer men kiest voor de cijfers van het alfanumeriek toetsenbord of die van het numeriek toetsenbord. De shortcut-optie van het Accessibility Panel kon hieraan niet voldoen. vergroting Elke vraag en elk antwoord kan worden vergroot tot meer dan het dubbelle, voor een duidelijkere weergave. Wanneer men in vergrote-modus werkt is het de bedoeling dat men volledig het toetsenbord gebruikt. Dit komt omdat dan de vraag over heel het scherm staat en er geen plaats meer is voor knoppen. Ik gebruik hiervoor de TweenLite classe. Als ActionScript developer kun je voor het scripten van een tween gebruik maken van de standaard tween classes die Adobe aanbiedt. Echter, dit zijn niet de meest briljante tween classes omdat ze vrij traag en onstabiel zijn in de afhandeling. TweenLite is een lichte, minder uitgebreide versie van de TweenMax classe die veel meer opties heeft. (greensock.com) 5.3 Resultaat Hierna volgen enkele screenshots van de applicatie. De online bevraging bevat 25 vragen over het toeristisch reisgedrag van blinden en slechtzienden. De antwoorden worden pas verstuurd wanneer alle vragen zijn ingevuld. Er kan steeds worden weergekeerd naar een vorige vraag. Het antwoord kan men dan opnieuw bekijken en aanpassen als dat nodig is. De vragen worden ingelezen vanuit een XML-bestand. (zie bijlage) Aan elke vraag zijn in de XML antwoorden en geluiden gekop- 25