Adviesrapport accessibility

Transcriptie

1 Adviesrapport accessibility Ricardo Snoek MT2A Antonie Hogewoning MT2A

2 Introductie In dit adviesrapport gaan wij in op de toegankelijkheid van de website Tweakers.net, voor mensen met een handicap in welke vorm dan ook. De handicap kan dus uit één of meerdere combinaties van handicaps bestaan, de handicaps waar wij het meeste op letten zijn; Fysieke beperkingen zoals verlamming, blindheid of doofheid, maar wordt ook getest op dingen zoals de kans op het veroorzaken van een epilepsie aanval of andere aanvallen in die vorm. De website Tweakers.net is bedoelt voor mensen, zogenoemde tweakers die veel aandacht hebben voor nieuwe technologieen, niet alleen op het gebied van computers, smartphones, tablets, games en software. Maar ook op het gebied van ruimtevaart, natuurkunde of andere abstractere vormen van het begrip technologie. De website is hoofdzakelijk een nieuws website, maar zo is er ook het zeer bekende forum waar veel verschillende onderwerpen aan bod komen, een pricewatch waar je computer hardware kan vinden met de prijzen van iedere gereformeerde winkel in Nederland en er worden reviews gegeven op recent verschenen producten. Vanwege de ingewikkelde aard van deze onderwerpen leek het ons ongepast om de toegankelijkheid voor verstandelijk beperkte te onderzoeken. Tweakers.net hoeft niet voor de gehele samenleving toegankelijk te zijn, en we zien voor deze groep mensen geen meerwaarde in het lezen over deze technologieen. Deze keuze sluit vrijwel volledig aan bij de test van het leesniveau, het leek ons onverstandig om de teksten dusdanig aan te passen dat het de lading niet meer dekt. Ik kan lange en complexe feitelijke en literaire teksten begrijpen en het gebruik van verschillende stijlen waarderen. Ik kan gespecialiseerde artikelen en lange technische instructies begrijpen, zelfs wanneer deze geen betrekking hebben op mijn terrein.

3 Visuele beperking Er zijn veel verschillende vormen van blindheid, veel mensen denken direct aan het volledig blind zijn als we over blindheid praten. Echter is het grootste gedeelte van de slechtzienden mensen gedeeltelijk blind, deze hebben vaak geen hulp nodig van tools als een screen reader maar hebben er al baad bij als de website van een goed contrast of duidelijke kleuren gebruik maakt. Voor volledige blindheid verwijzen wij u door naar het volgende hoofdstuk wat speciaal gericht is op het gebruik van een screen reader bij deze website. In dit hoofdstuk gaan wij volledig in op de mate waarop de website gebruikt kan worden door mensen die slechter zien of die kleurenblind zijn. Lichte mate van blindheid Persona: Dit is Peter, 54 jaar oud. Op zijn leeftijd lopen zijn ogen hard achteruit, vroeger had hij alleen een leesbril nodig maar nu is ook een bril voor lange afstand nodig. Peter heeft vooral moeilijk om zonder zijn leesbril zijn computer te gebruiken. Slechtzienden hebben vooral baat bij de optie van grote letters, en een duidelijk kleur contrast. Ook kan een grotere lijn hoogte helpen bij het duidelijk onderscheiden van letters en regels. Helaas moeten wij constateren dat, ondanks dat Tweakers.net de optie heeft om de regelhoogte aan te passen, dit niet is gemaakt voor slechtzienden. De stelt mensen alleen in staat om een compactere lijn hoogte te maken. Dit is in ons oogpunt een kwalijke zaak, deze optie zal dan ook zelden gebruikt worden bij mensen met een visuele beperking. Ook vragen wij ons af of deze optie uberhaupt wel baad heeft voor mensen zonder een visuele beperking. Gelukkig is het inzoomen van de website een goede optie op Tweakers.net, door het responsive design blijft de opmaak van de website in takt ondanks dat de letters groter zijn. Met dit in het achterhoofd te hebben, voerde wij de CCA test uit die kijkt naar kleur contrast, maar ook naar de leesbaarheid voor mensen met een lichte oog afwijking. Gelukkig kunnen wij constateren dat alle tests met flying colours is geslaagd. In elke test is de website nog zeer goed te lezen, dit is te danken aan het gebruik van een witte achtergrond met zwarte letters. Wij constateren dus dat Tweakers.net redelijk tot goed bereikbaar is voor mensen met een lichte mate van blindheid. Toch zouden wij de volgende punten verbeterd willen zien worden: De mogelijkheid om... letters groter te maken op het scherm. regelafstanden te bepalen.

4 Kleurenblindheid Persona: Edwin is 19, hij is al sinds zijn geboorte kleurenblind. In zijn heeft hij moeite met het onderscheiden van de kleuren groen en geel van elkaar. Iedere groen tint ziet er geel uit voor Edwin. Dit heeft geen groot impact op zijn levensstijl, maar het is in sommige omstandigheden wel lastig om contrast te herkennen. Gelukkig zien wij een goed beeld bij de tests voor kleurenblindheid, dit komt omdat de website geen kleuren gebruikt bij elementen die van belang zijn. Dit is iets wat we waarschijnlijk bij de meeste websites wel terug zien. Het helpt ook dat de website een hoog kleurcontrast gebruikt, zowel bij plaatjes als bij de tekst. De tekst zelf is een zwart op wit weergave, dit maakt het zeer duidelijk voor iedere vorm van kleurenblindheid. Toch valt ons ook hier weer op dat de optie op de achtergrond kleur te veranderen alleen slaat op achtergrondkleur die niet achter de tekst staat. Dus alweer totaal niet gericht op de leesbaarheid van de website voor mensen met een beperkende factor. De plaatjes die gebruikt worden op Tweakers.net zijn vaak foto s met een hoog contrast, dit komt omdat ze gebruik maken van een witte achtergrond als er iets gefotografeerd wordt. Dit heeft als voordeel dat er een duidelijk plaatje ontstaat voor mensen die niet duidelijk verschillen tussen kleuren kunnen ontdekken. Voor het testen van de kleurenblindheid hebben wij de volgende vormen van kleurenblindheid getest: Protanopia Deuteranopia Tritanopia Het volgende plaatje illustreert in volgorde wat de verschillende beperkingen doen met het zicht:

5 Ons advies naar Tweakers.net is dus om het huidige kleurgebruik te behouden, de huidige kleuren werken goed voor deze groep mensen.

6 Blindheid Persona: Annemieke is na een operatie aan haar hornvlies blind geraakt door een medische fout, hierdoor is Annemieke haar volledige zicht kwijt geraakt. Hier ondervind ze veel last door, ze weet hoe de wereld er uit zag voordat ze haar zicht verloor. Ze kan een hoop dingen niet meer doen die ze vroeger zo graag deed. Internetten kan ze in beperkte maten gelukkig nog wel. Voor mensen met een zeer hoge mate, of volledige blindheid is het gebruik van een screenreader de enige optie om een website goed te lezen. Het doet ons dan ook goed om te zien dat Tweakers.net gebruik heeft gemaakt van de lang tag. Deze tag geeft aan in welke taal de website is geschreven zodat de screenreader zich meteen aan kan passen naar de gewenste taal. Bij het gebruik van een screenreader zijn er een aantal elementen belangrijk om te testen. Zo weten we uit onderzoek van Accessibility.nl dat de TAB toets het meest gebruikt wordt door blinden om over het scherm te navigeren. Bij iedere keer dat de tab toets ingedrukt wordt, zal de screenreader de tekst uitspraken van het element wat op dat moment wordt ge-highlight. Het gebruik van de tab toets werkt uitstekend op de website, wel moeten wij betreuren dat het niet duidelijk is hoe je terug komt op de homepagina. Dit komt omdat het logo de knop is om terug te keren, helaas hebben ze op de alt tag van het plaatje geen duidelijke omschrijving gegeven. Nu vertelt de screenreader Tweakers, dit had net zo makkelijk Homepage Tweakers kunnen zijn, zodat het duidelijk is dat je hier mee terug kan keren. Al met al zijn wij dus erg tevreden over Tweakers.net als het gaat om het gebruik maken van screenreaders, zowel met de muis als met de tab toets is het redelijk goed te gebruiken. Ook helpt het dat je het zoekveld goed kan bereiken met de tab-toets, de zoekfunctie werkt zeer goed op de Tweakers.net website, zo kan je als slechtziende snel vinden wat je zoekt. Wij hebben dus maar één verbeter punt aan te brengen op de Tweakers.net website, en dat is de homepage knop verbeteren.

7 Afwijking aan het gehoor Persona: Max is 14, hij heeft sinds zijn geboorte geen gehoor meer. Maar hij is goed in staat om mee te komen met de rest van school. Hij heeft iedere dag een persoonlijke gebarentaal hulp die al de gesproken tekst omzet naar gebarentaal. Het grootste deel op internet is al in tekst, dus hier heeft Max geen problemen mee. Een afwijking aan het gehoor is op internet gelukkig niet altijd een ernstige beperking. Gezien het internet vaak van tekst gebruik maakt om haar bericht duidelijk te maken naar de wereld zou je denken dat mensen met een beperking aan het gehoor geen last zal ondervinden aan hun aandoening. Toch wordt er binnen het nieuwe internet veel vaker gebruik gemaakt van video en geluid om de ervaring van het internetten te verbeteren. Met de komst van YouTube is het gebruik van video binnen je website een kinderspel geworden. Gelukkig zien wij sinds de laatste jaren een grote verbetering binnen YouTube ontstaan, zo kan YouTube tegenwoordig ondertiteling bieden in verschillende talen. De automatische ondertiteling slaat vaak kant noch wal, maar gelukkig heeft de eigenaar van de video ook de mogelijkheid om zelf ondertiteling toe te voegen. Helaas moeten wij concluderen dat, ondanks het vaak gebruik van video in hun website, Tweakers.net geen ondersteuning bied voor ondertiteling. Dat komt omdat ze hun eigen video player gebruiken, en niet de standaard YouTube player. Dit zal een groot gemis zijn voor mensen met een beperking aan het gehoor, zeker gezien er ook video reviews online worden gezet. Gelukkig praten de presentatoren langzaam en zou liplezen nog een gedeeltelijk uitkomst bieden, echter wordt er vaak tijdens het spreken door een ander beeld getoond dan de spreker zelf. Hierdoor zullen grote stukken niet doorkomen en zal het moeilijk/onmogelijk zijn om de context te snappen. Ons advies aan Tweakers.net op dit gebied: Geef de mogelijkheid om: ondertiteling aan te zetten. de video s eventueel op YouTube te bekijken. meer te focussen op de spreker.

8 Epilepsie en andere aanvallen Persona: Chi-ho heeft epilepsie, daardoor heeft hij regelmatig een aanval. Dit is erg vervelend voor hem, maar gelukkig voelt die van tevoren de aanval aankomen waardoor hij de omgeving in kan lichten. Wel heeft Chi-ho hulp nodig bij een aanval om zichzelf niet te bezeren in een aanval. Op internet moet hij voorzichtig zijn bij het kijken van video s op youtube dat hij hierdoor geen aanval uitlokt. Bij het gebruik van knipperende beelden, veel verschillende afwisselende kleuren kunnen er epilepsie aanvallen plaats vinden. De aanvallen die kunnen ontstaan die niet met epilepsie te maken hebben worden Psychogene niet-epileptische aanvallen genoemd. Hoewel dit een niet direct zichtbare uitwerking heeft op de persoon kan de persoon een stemmingswisseling ondergaan bij het zien van snelle knipperende beelden. Wij vinden het dus belangrijk om te kijken of een website ook veilig is voor kijkers die last hebben van dit soort aanvallen. Het is lastig om de volledige website hier op te testen, dit komt omdat er ook vaak video s (trailers van games) verschijnen die wel veel knipperende/snelle beelden bevatten. Echter kan Tweakers.net zelf hier niet veel aan verranderen, wel zou het handig zijn als Tweakers.net een waarschuwing of een optie kan geven wanneer beelden als hinderlijk ondervonden kunnen worden. De video s van Tweakers.net zelf zijn rustig kwa beeld, en verder zijn er geen plaatjes te ontdekken die aanvallen kunnen uitlokken. Al met al is de website dus te beschouwen als veilig maar er moet wel een kanttekening gemaakt worden dat dit niet bij alles zal gelden. Ons advies richting Tweakers.net is dus om een waarschuwing vooraf te geven mochten er snel knipperende beelden in de video zitten, of om de mensen die inloggen de optie te geven om deze video s niet te tonen.

9 Validators Voor het controleren van accessibility op grond niveau (code) zijn er een aantal tools beschikbaar. Twee van deze tools zijn de Snoop site controle en de W3C Validator. Met deze tools kan de toegankelijkheid van de code van de site worden gecontroleerd. Met Snoop kan er worden gecontroleerd wat er gebeurd wanneer functies van de browser worden uitgezet. De validator van W3C voert een controle uit op goed gebruik van code, volgens de richtlijnen van W3C. Bij succesvolle controle is er geen kans op raar gedrag van de website door verkeerd gebruik van HTML. W3C Validator Zoals boven genoemd, voert deze validator een check uit op de pure html en css van een website. Bij het valideren van Tweakers.net kwam het volgende naar voren 1 : 2 De validator geeft een zevental warnings terug. Het betreft hier twee soorten warnings, waarvan één van deze soort zes maal voorkomt op de site. The cellspacing attribute on the table element is obsolete. Use CSS instead. Het betreft hier een error die geen terugslag heeft op de gebruikerservaring. De foutmelding geeft aan dat een attribuut van een stuk html-code in de stylesheet (css) verwerkt moet worden, omdat het gebruik van dit attribuut niet meer in de html-code thuis hoort. Dit is echter geen fout fout in de code, want dit heeft geen direct effect op het gebruik van de website. Bad value navigator for attribute rel on element link: Not an absolute IRI. The string navigator is not a registered keyword or absolute URL. Het betreft in dit geval ook een attribuut in een stuk html-code. Ook in dit geval is het zo dat dit geen directe gevolgen heeft voor de ervaring van de gebruiker. Dit is omdat de fout in een stuk code staat die niet op de pagina zichtbaar is, want hier wordt alleen naar gekeken door de browser en search engines (de <head> tag in html). Voor netheid is dit te verhelpen door het rel attribuut te registreren op Microformats.org Ons advies is dan ook om de attributen in de CSS te zetten (warning 1) en het betreffende rel attribuut te laten registeren op de microformat site. 1 Er wordt hier gekozen om te valideren met HTML5, omdat dit de nieuwste versie van html is en dus moeten alle nieuwe sites hier aan voldoen. 2 De warning die wordt getoond heeft geen betrekking tot de site, maar tot de validator en wordt dus buiten beschouwing gelaten, omdat deze niks met de accessibility van Tweakers.net te maken heeft.

10 Snoop Zoals eerder genoemd, ik het met Snoop mogelijk om bepaalde delen van een website uit te zetten. Dit in het geval dat de browser de pagina foutief in kan laden, of dat er bepaalde delen van een website niet correct kunnen worden weergegeven. Als alle ondersteunde functies worden uitgezet, dan is de site enigzins onbegrijpelijk. Er moet namelijk worden gezocht naar de nieuwsartikelen en/of andere normaliter overzichtelijke delen van de website.toch komt het bijna nooit voor dat alle functies van de browser uitvallen. Bij deze test is er gekozen om de meest gebruikte functies uit te zetten: Java Javascript Stylesheets Afbeeldingen Het resultaat 3 4 : 3 Full-size afbeelding: 4 Links: Zonder Java/Javascript/Stylesheets/Afbeeldingen Rechts: Normaal.

11 Zoals te zien, lijkt de website geenszins meer op hoe het er uit hoort te zien, maar op de website is nog wel redelijk te navigeren. Het is nu één lange pagina met tekst geworden, die alleen opgedeeld wordt door het correcte gebruik van headers op de website. Er staat echter wel javascript en java code, zowel boven als onderaan de pagina, maar hier valt bijna niet aan te ontkomen. Wij hebben geen advies met betrekking tot het wegvallen van veel gebruikte functies in een browser. Hoewel de website niet meer is zoals deze hoort te zijn, valt deze nog wel te gebruiken; de meeste teksten zijn nog wel leesbaar, er staan echter soms java(script) code tussen de teksten, maar daar valt naar onze mening niet aan te ontkomen.

12 Testen We testen