Jules Ernst: Tips om je website toegankelijk te maken voor iedereen (NL)
We hebben beeld. Goedemiddag, even wein aan het geluid hier. Ja, ik ga jullie vertellen over hoe je website toegankelijk kan maken. Ik kan er niet, helaas niet alles over vertellen, ik kan een week over vertellen. Ik heb slechts 40 minuten. Als jullie vragen hebben, stel ze gelijk. Dat maakt het wat interactiever en leuker. Ik ga vertellen waar je rekening mee moet houden. Tegen wat verperkingen je aan kan lopen. De aandachtspunten als je een website aan het bouwen bent. En een aantal tips. Ik ben dus Sjoerens, geboren tegen Rotterdammer. Ik ben ooit eens als programmer begonnen in Rotterdam. Toen we aan het programmeren waren, hadden we nog van die hele mooie kleine schermpjes te bouwen. Van 80 tekes breed en 24 regels hoog. Liefst met de groen lettertypen. Dat was administratieve zover, daar wilde ik uit. En ergens in de jaren 90 kwam ik met internet en aanraking. Ik denk dat is gaaf, dat wil ik doen. Ik kom toen bij een bedrijf terecht, waar ik die kans kreeg. En sinds die tijd heb ik het internet niet meer verlaten. Sinds het aantal jaren ben ik adviseur, geef ik trainingen. En bouw ik mee aan website die toegankelijk moeten zijn. Vandaag sta ik hier als ZHP'er voor mijn bedrijf 200ok. En kort mijn portfolio, waar ik over heb gezeten. Daar links boven zit WBVB, dat is Pol van Buren. Die zit er nu niet bij. Maar dat doe ik ook vrij veel mee samen. Die ken ik al een jaar of 20. En wij doen hele leuke projecten. Digitaal toegankelijkheid, digitale toegankelijkheid. Het Worldwide Web, Tim Berners-Lee, heeft dat bedacht. Die schreef ooit, de power of the web is in its universality access by everyone regardless of disability is an essential aspect. Hij had het al jaren geleden over de toegankelijkheid van het web. En hoe toegankelijk is dat web? Als je hier naar de eerste pagina kijkt van het Worldwide Web, die was waanzinnig toegankelijk. Het was alleen met tekst. Er zaten wat blauwe linkjes op en als je erop geklikt werd, dan werden ze paars. Alles werd heel mooi voorgelezen. Dit was waanzinnig toegankelijk. Wat is er in die jaren gebeurd? We kregen table layout. Het probleem met table layout is als iemand blind is het scherm niet kan zien. Dan gaat hij zelf van links naar rechts lezen.  En dat is vaak niet helemaal de levensvolgeoorde van jouw teksten. Fles kwam er aan, ook zo'n heel mooi product. Je moet weten dat met fles dat je daar hele mooie toegankelijke applicaties mee kan bouwen. Alleen de meeste wisten er niet. Die ging met drekken erop, gingen ze dingen in elkaar herzetten. En vaak waren die dingen dus ook niet te bedienen met de toetsbord. Fles is dood. Toen waren er nog de CMS's. Wat je vaak zag was dat de CMS's zelf. Vanuit de techniek werden die opgeleverd en waren vaak hele handige middelen om je website mee te onderhouden. Maar er kwam ook vaak lelijke HTML uit. Je werd gedwongen om het shabloon te gebruiken die gegenereerd werd. Bewoord in 2007 had ik ooit al eens een keer druppel geïnstalleerd. Ik dacht, die HTML wil ik niet, ik wil schoon HTML. Maar dat ging dus niet zo simpel. De tabouli is natuurlijk met WordPress wel ook gezien. Er zijn heel veel template's en er zijn steeds meer toegankelijke template's, dat is heel mooi. Maar er zijn nog steeds template's die ondanks dat je een toegankelijke WordPress hebt, nog steeds een ontoegankelijke website mee kan bouwen. Maar de CMS's worden steeds beter. En wat je nu ziet is dat er de opkomst van javascript frameworks. En dat is echt een ware hel als tester. Sjuldeelder, ik wil het een beetje Rotterdam zou, dus ik zag hier een hele mooie kreat van Sjuldeelder. Binnen de perken zijn de mogelijkheden even onbeperkt als er buiten. En ik vond dat een mooi brugje met, als je kijkt naar het CMS, je kan in de tijd dat ik mijn eerste WordPress site bouwde en daar een toegankelijke website verwelden maken, zal ik wat in de code te hekken om het mooi te krijgen. Het was niet goed, begreep ik op een gegeven moment, sorry. Maar het werkte wel, ik had wel uiteindelijk een toegankelijke website gebouwd. En wat je natuurlijk ook kan doen binnen die perken is ervoor zorgen dat je ervoor zorgt dat het interngot geregeld werd. En dat bevoerde Rian Rietveld, die heeft de afgelopen jaar heel veel aan WordPress gedaan. En die heeft ervoor gezorgd dat dat ding steeds en steeds toegankelijker is geworden.  En aan de andere kant heb je de gebruikers, de mensen die een bepaald beperking, of het iemand die blind is, die kunnen vaak al door dat ze gewend zijn dat websites so crap zijn, zelf al trucjes uithalen om die problemen heen te stappen. Maar dat kunnen ze niet altijd en dan lopen ze vast en dat weer je niet. Nou, er is een wetgeving gekomen, de wetgelijke behandeling op grond van handicap of chronisch ziekte. Die is te sinds 1 januari 2017 en eigenlijk heeft iedereen die hier zit, daarmee te maken. Want als je kijkt wat hier staat, aanbieden van goederen en diensten, moet de geleidelijke aanswoord dragen voor de ogenmene toegankelijkheid van mensen met een beperking. Maar volgens mij is hier niemand die daar die hier niet mee te maken heeft. Hele goeie. Nou, je moet je voorstellen dat als jij een winkelketen hebt, ja, dat kan je niet in één keer al die winkels toegankelijk krijgen. De paden zijn soms wel eens te small, waar je wel kan doen is op een moment dat je besluit om de winkel te herinrichten, dan neem je die toegankelijkheid mee. En dat bedoelt je met geleidelijkheid. En zo kun je dat ook eigenlijk met websites zien. Ga niet in één keer alles proberen toegankelijk te maken, want vaak lukt dat niet, maar probeer gewoon geleidelijk aan bepaalde dingen van je website te verbeteren. Of als je daarmee bezig bent, probeer dan gelijk die toegankelijkheid mee te nemen. Nou, webshops moeten dus ook toegankelijk zijn. En in Amerika heb je al regelmatig ziek daar rechtszaken voorbij komen van webshops die niet toegankelijk zijn, waardoor iemand die blind is niet kan profiteren van de aanbieding die zo'n webshop levert. Aanbieders van diensten, dat zijn er best wel veel. TV-kabelmaatschappij, telefoonmaatschappij, openbaar vervoermaatschappij, luchtvaartmaatschappij, banken, hotels. Dus ook al die apparaat buiten op straat van die banken, die pinautomaten, die moeten ook allemaal toegankelijk worden. Als jij ergens op straat moet gaan betalen, er zijn allemaal dingen die toegankelijk gemaakt moeten worden. En ook daar zit een bepaalde geleidelijkheid in. Als we kijken naar het spoor, die stellen dat of iedere keer is die deadline weer verderop, maar uiteindelijk komen we op een moment dat rolstoelgebruikers zelf de training kunnen rijden, dat ze niet meer een verzoekje hoeven in te dienen, dat ze uit en in de train worden gehaald.  Nou, voor de overheid komt ook een wetgeving voor wat betreft toegankelijkheid. Ook dat kan je raken, ook als je niet met de overheid betrokken bent, bij de overheid betrokken bent. De overheid is meer dan alleen maar een website van bijvoorbeeld rottendam.nl, maar als je je afval afval laat halen, of dan kom je op andere sites terecht en die ook onder verantwoordelijkheid vallen van die overheid, ja, die moeten ook toegankelijk worden. Nou, dat zijn dus de overheden, orgaan als de rekenkamer, rechtspraak, de NOS, de Nederlands bank, Zorginstitut Nederland, allemaal organisaties die straks ook, of die eigenlijk nu aan het nadenken zijn, hoe ze die toegankelijkheid mee kunnen nemen. En die rijden is veel langer dan wat ik hier heb staan. Ja, wat betekent toegankelijkheid? Dat betekent dat iemand zelfstandig kan handelen, onafhankelijk voor tijd, zonder evenredig veel moeite, zonder extra kosten en gelijkwaardig. Dus dat betekent dat als jij een webshop hebt en iemand kan die webshop niet bedienen, of als je als gemeente een dienst levert en iemand kan stavels zijn paspoort daar niet aan vragen, dan is dat en ze zeggen, ja, maar dan kunnen ze de volgende dag bellen, dan is dat dus niet gelijkwaardig, want die persoon moet dus tot de volgende dag wachten om die aanvragen in te dienen. Plus, bellen is soms lastig, want als je doof bent, ja, dan wordt bellen een probleem. De doelgroepen. Je hebt allerlei typen van beperkingen, mensen met een cognitieve beperking, mensen die moeite hebben met leren en onthouden. Nou, met onthouden moet je voorstellen dat er tegenwoordig is een trend om als je een invoerboxje hebt, om in het invoerboxje de tekst te zetten wat je daar moet invullen. Als je daar een letter invult, zie je niet meer staan wat je er moet invullen. Heel vervelend, zelfs ik vind het vervelend. Aandacht. Naar de aandacht, denk bijvoorbeeld aan de AD&D. Als er bewegingen op het scherm zijn, dan ben je zo afgeleid. Dat is heel irritant. Wat ik zelf vaak doe is, ik maak met het scherm wat kleiner en ik scroll nestelang totdat het bewegende ding buiten mijn schermpje valt. En dan kan ik rustig lezen wat er staat. Nou, taal is ook iets wat sommige mensen hebben probleem met lezen. Dyslexies kan een probleem zijn. Er zijn andere dingen waar je rekening mee moet houden.  Dan hebben we fysieke beperkingen, slecht functioneer van gevrichten of spieren. Zelf heb ik regelmatig last van de RSI, omdat er veel te lang achter dat ding staat. En ik merk wel dat als ze er aan ik veel bevoerd in excel moeten werken, dan gebruik ik er iets vaker de muis en dan moet ik iets vaker precies herklikken. En dan merk ik dat als snelle last krijg van mijn arm. En ik probeer dus ook zoveel mogelijk mijn toetsenbord te gebruiken in plaats van de muis. Vanbinnen de coördinatie, dat betekent dus dat mensen ergens op moeten klikken. En het is een heel klein klikflaf vlakje of het verplaatst op een moment dat je erop klikt. Dat zijn vaak van die website, zoals over 19292. Die is dan nog aan het laden. En op het moment dat ik op de knop klik of als ik ergens heen wil gaan, dan komt de reclame tevoorschijn en precies daar klik ik dan. Nou, sommige mensen kunnen niet eens met de muis bedienen. Dus die zijn dus afhankelijk van bijvoorbeeld een toetsenbord. Nou, we hebben verschillende soorten visuele beperkingen. Mensen die blind zijn, slecht zien zijn. En met slecht zien, ook slecht zien, de mensen kunnen met een stok lopen. Mensen die heel erg alles van dichtbij goed kunnen zien, zien vaak niet waar ze lopen. Dus die lopen ook met een stok. Dus je ziet wel eens mensen met een stok lopen en netjes wachten op het verkeerslicht. En dan weten wel op tijd wanneer ze moeten lopen of waar ze heen moeten gaan of de ingang kunnen vinden. Maar die zien dat niet zuiver en precies, maar die lopen dus wel met een stok om niet overal overheen te struikelen. Je hebt mensen met kokenvisie, die zien een heel klein deel van het scherm. Ik ken iemand die is een designer die heel mooi kan tekenen. Maar zij zit dus echt werkelijk met het papiertje vlak voor haar neus te tekenen. Meestal zit er ook wat van haar potlood op haar neus. En die heeft ook als haar schermpje openstaat van haar tablet dus zie ik ook alleen maar een paar grote letters in het scherm staan. Die zijn dus letter voor letter zit ze hele zinnen te lezen. Ja, dat weet ik niet. Ik vind het zo knop van haar.  Het zijn echt schitterende tekeningen en zij weet blijkbaar nog steeds het geheel te bepalen. Ja, daar kon ik ook niet in verplaatsen. Ja, nee, ja, het is progressief. Nou, daar heb je ook nog verschillende vormen van kleuren blindheid. Nou, mensen die doof zijn of mensen die doof zijn. Je hebt mensen die vanaf hun geboorte doof zijn, die dus eigenlijk nooit iets met taal hebben gehad. Dus nooit die taal hebben kunnen leren. En mensen die op laatere leeftijd doof zijn en die begrijpen iets meer de sprijktaal. Slecht horende en je hebt zelfs mensen die doof blind zijn. Dat was voor mij een aantal jaar geleden, toen zat ik in de Tweede Kamer. Toen waren een aantal van die doof blinden die waren naar de Tweede Kamvergadering gegaan. Die hebben dus twee talken bij zich die hun bij de hand vasthouden. En dan vertellen wat er met de handbewegingen vertellen wat er verteld wordt. Het was voor mij echt, ik kom er ook helemaal niks bij voorstellen als je doof blind bent. Wat je dan nog mee kon maken. Doof blinden, dat is ook mijn hele beperkte groep. En ik weet ook niet of je rekening moet houden met doof blinden of met blinden. Ja, klopt. Je moet eigenlijk kijken naar hoe vaak komen bepaalde situaties voor of kom je dingen tegen. Ik denk dat doof blindheid is echt wel een heel klein deel van de Nederlandse bevolking die het heeft. En ik weet ook niet precies waar je allemaal rekening mee moet houden. Ik denk dat als je je website een goede constructie geeft, dan kunnen zij dus met bruien kunnen zijn al heel veel voor elkaar krijgen. En eigenlijk als je met blindenrekening houdt, dan hou je daar ook wel rekening mee. Maar ja, dit is natuurlijk wat ik altijd zei van ja, als iemand doof is, dan moet je me in staat stellen om bijvoorbeeld... Nee, als iemand doof is, dan kan je ze niet laten bellen. Bij een doof blinden moet je met nog iets meer dingen rekening houden. Nou, dan hebben mensen die moeite hebben met spraak, mensen die stotteren. Ja, ook die mensen die kan je dus niet een verplichttelefoon hebben aanbieden. Want die zullen waarschijnlijk niet zo snel of niet zo graag willen bellen.  Zijn hier wel eens mensen die in de omgeving zitten waar ze niets verstaan wat er gezegd wordt? Ja, gisteravond was het ook druk. Ja, ik had laatst meegemaakt dat ik op het perron stond en de trein kwam er niet, de trein kwam er niet. En op een gegeven moment kwam er dus een goedere trein voorbij. En op dat moment werd er verteld wat er met mijn trein aan de hand was. Nou, als zo'n goedere trein dus bij station Alexander Langskomt, dan hoor je echt niks. Dus dat is zo'n moment waarop ik denk van ja, waarom staat er niet op het bord gewoon wat er aan de hand is? Dan hoef ik niet op dat omroepenbericht te letten. Ja, wie hebben er wel eens moeite met lezen op schermen waar als de zon schijnt? Ja, ik zie ook al mijn handen. Nou, dus ook weer eens iets. Als je je website buiten zorgt voor dat er voldoende contrast is. Want als er voldoende contrast is, dan heb je daarmee ook de mensen die buiten in het zonnetje zitten en lekker zomers op hun tablet nog willen lezen. Ja, lastige werkplekken. Hebben mensen wel eens in de trein gezeten? Ja, ik heb het een paar keer gedaan. Ik heb voor de provincie Groningen wel eens wat werk gedaan. En dan zit je drie uur lekker te werken in de trein. Dat is echt heerlijk. Want hoe noordelijk, hoe stil die trein wordt, hoe rustiger je kan werken. En dan is het jammer als je er alweer bent. Ja, dit is natuurlijk omgekeerd. Maar ja, je hebt daar heel weinig ruimte, dus ruimte voor muis en alles, dat is het niet. Dus ook daar weer is dat toetsenbordgebruik heel erg handig. Dus iedereen heeft wel eens te maken met een tijdelijke beperking. Nou, als we kijken naar websites, dan zitten de problemen vaak onderwater in. Ja, mijn broer. Ja, toegankelijke afbeeldingen. Als wij naar een plaatje kijken, dan zien wij wat er op een plaatje staat. En daar hebben we daarbij een voorstellingvermogen. Nou, als je het plaatje niet kan zien, dan moet je dat dus op een andere manier aanbieden. En dat gebeurt dus onder water met een altalt gebuut bij een plaatje. Een voorbeeld, hier staan drie linkjes van drie plaatjes. En als je daar geen goede alternatieve text bij zet, dan zie je dit.  Als je de plaatjes niet kan zien. En als je gelukt hebt, gelukt hebt, dan lees je een screenreader. Voor volg ons, link naar. En dan gaat je al die plaatjes voorlezen, één voor één. En je weet precies waar die heen gaat. Als je goede alternatieve texten bij die plaatjes zet, dus in dit geval Twitter, Facebook en YouTube, dan worden die linkjes ook netjes voorgelezen, zoals link naar Twitter, link naar Facebook en link naar YouTube. Nou, zo ziet dat onder water eruit. Dit is voor de technuten. Hier zie je alt is Twitter en Twitter wordt dan voorgelezen. En daar hoef je als wordpress gebruiken eigenlijk niet naar te kijken, want in wordpressen voel je gewoon het alttext in. En als het goed is, zou dus in het plaatje onder water die alttext komen staan. Is dat ook zo? Ja, ik ben niet zo heel erg thuis in wordpress. Ja. Nou, als je een wordpress speciaal sluit om de tekst onder het plaatje te zetten, laat dan de alttext leeg, want anders wordt alles twee keer voorgelezen. En dat is vervelend. Ja, een oefening. Hier zie je dat logo staan, alles wat hierboven staat. Wat zou je daar als alttext neerzetten? 2018. Wel compleet blijven. Juist. Ja, overigens, daar komen we straks ook nog op terug. Kleurgebruik is natuurlijk ook heel belangrijk. Als je een beetje slecht schermen hebt, dan zie je hier natuurlijk nauwelijks de linkjes in staan. Dus in doorlopende teksten onderstreep de linkjes. Dan kunnen mensen ook sneller zien waar de linkjes staan in de tekst. En mensen die lasten van kleure blindheid, die kunnen dit waarschijnlijk niet eens zien. Je mag ook vet maken, ja. Maar ja, dan moet je dus andere teksten nooit vet maken, want anders ziet onderscheid weer niet. Ja, ik geloof niet dat we vandaag mensen die blind zijn, of mensen die doof zijn. Dus dan kunnen ze, kan iedereen met alle dingen meedoen. Behalve misschien de kleure blindheidstest. Slecht horend, oké. Dan, nou ja, er komt een straks geluidsvrogment. Als je mij kan horen, dan kan je waarschijnlijk het geluidsvrogment ook horen. Tenminste, als het geluid hard genoeg staat. Welk getal staat hier? Iemand? Nou, daar ga ik een stapje verder. Zijn hier mensen die het getal niet zien? Ja, zie, ik zie een paar handen omhoog gaan. Kijk, en dit is dus contrast.  Als je voldoende contrast eromheen zet, kunnen jullie het getal nu wel zien? Kijk eens. Als je contrast voldoende regelt, kan iedereen het zien. Zo simpel is dat. Want ik vanmorgen, met de mensen die bij de Gutenberg talk waren, niet heb behandeld. Maar in Gutenberg zit ook een contrastchecker. Als je dus te lichte teksten hebt op een ha, hoe? Het is een donkere achtergrond, dan krijg je in de zijbook in Gutenberg een melding. Test dat eens even, als je een blok, dus een oranje achtergrond geeft met een rode tekst of zo. Dan komt daar een blokje naast te staan van, hey, dit kleurcontrast is te slecht. Dus dat is wel heel mooi. Dat is echt een ook, denk ik, riansverdienste dat erin is gekomen. Dus dat is wel heel interessant. Maar ook als je naar je designen stapt, als je iemand een design laat maken, zorg ervoor dat dit soort dingen goed geregeld zijn. Want dan komen we bij, ik was eerst gisteren bij de Splash Awards van Drupal. Ik ben een beetje CMS-onafhankelijk. Maar nee, heel erg. Dat maakt mij eigenlijk niet uit. Mensen vragen mij aan mij wel eens van, ja, moet je open of gesloten, ik zeg, je moet een lever als hiernemen waar je samen een beetje mee kan drinken. Tot ruimtes. Nou, ik was bij de Awards. En ja, ik ben natuurlijk altijd de accessibility van naad. En naast me zit een kerel en die zegt op een gegeven moment, nou zie ik het. Nou, je ziet dus hier een hele belangrijke tekst staan. Zijn er mensen die het niet kunnen lezen? Ik zie heel veel hand omhoog gaan. Dit stukje, hieronder. Nou, op het scherm waar wij keken, was dit ook al niet te zien. Dit zijn best wel grote letters. En ik weet niet of iedereen dat kan zien, maar ik had er al moeite mee. Of ik kon het, ja, ik had er toen moeite mee. Maar dit is natuurlijk onleasbaar. Nou, dit was de volgende site die genomineerd was. Ik heb ook voorgesteld om volgend jaar ook te kijken naar toegankelijkheid van website. Want ja, dit is een hele trend om een hele mooie foto neer te zetten en om daar dan aan tekst over heen te zetten. En dat mocht wel, maar die tekst is waarschijnlijk heel erg belangrijk.  Want anders staat die niet op de homepage. Maar en vaak wordt zo'n website gebouwd met een donkere foto. En zodra die live gaat, zegt de opdracht geef van, ja, zet deze foto er maar op. En dan heb je dus problemen. Nou, dit is een boekje. Dit gaat over een boekje en dit gaat over toegankelijkheid. Ik kan het nu heel goed lezen. Ik weet niet hoe het hier uitziet. Nou, wat je kan doen is, nou ja, dat toelt je gebruik. Maar als je je designs binnenkrijgt in plaatjes, dan kan je de Color Contrast Analyzer gebruiken. Die kan je downloaden van de website van Patellogroep. We kunnen de linkjes even twill achteraf nog ergens, denk ik, online zetten. Verwinders en vermak. Mak. Nou, dat ziet er zo uit. Je gaat met die eindropper, pak je de voorgrondkleur en de achtergrondkleur. In dit geval heb ik de kleur van een willekeurige website gepakt. Die groen is. En er blijkt dus dat de tekst voor normale letters onvoldoende is. En voor grote letters wel voldoende. Ik heb de kleuren genomen van mijn presentatie. Nou, dan zie je dat alles groen is. Dank je, dank je. Heb ik nog 10 minuten? Zo. Time flies. Nou, als je dan met die kleuren bezig bent en je wilt toch een beetje aan je eigen kleuren houden, dan heb je Accessible Colors op accessiblecolors.com. En daar geef je de voorgrond en de achtergrondkleur op. Nou, dit is de kleur van de WordPress.org. Die is dus niet goed, want die heeft een te laag contrast ratio. En dan komt je met alternatieve die dichtbij de kleuren zitten. Dat hebben we dus gedaan voor bijvoorbeeld die Accessible Universiteit. Die hadden al een heel kleurespectrum vastgelegd staan. En we zijn gewoon alle kleuren aan het kiezen die dicht tegen de kleuren aanzitten en wel voldoende waren. En ik had het niet verwacht, maar ze zijn dus afgestapt van de huistelkleur die vooraf bepaald waren. En ze hebben gewoon de kleuren genomen die wel voldoende. Overigens de website van de Erasmerea 3A4. Dan krijg je dus ook een goede structuur. Dan kan ik ook nog even weer Gutenberg technisch of inhaken. Ik ben echt de fangirl. Ook niet behandeld vanochtend, want ik was zo door Lee Towers helemaal van slag. Maar je hebt ook een informatieknopje even dan links boven voor de kerkwester rechts.  Als je inderdaad netjes je koppenstructuur hebt gebruikt in Gutenberg, dan kan je op die i-knop drukken. En dan zie je ook een dusdanige H1, H2, H4 structuur. Dus die kan je op die manier ook controleren en ook doorheen springen. Dus het is wel zeker simpel. Inderdaad ook vanuit de accessibilityalgepunt. Laat ik even horen hoe zijn screenridden klinkt. Nou, we hebben helaas geen tijd om daar lang over door te gaan. Dit heeft hij uitgesproken, zojuist. Beginnend met de link van de pagina, dat wel. Maar je ziet dus dat het gebruik van die afkortingen en dat draagt niet bij aan de leesbaarheid. Inmiddels zag ik trouwens dat van deze site waar ik dit vandaan heb gehaald. Dit had ik uit de prestatie van 3 jaar geleden. Inmiddels hebben ze dus de namen van de dagen vol uitgeschreven. Dat is dus leesbaarder, maar ook leesbaarder voor een screenrider. Hoeveel minuten heb ik nog? Oh, 5. Ja, dit is ook een ding wat vaak fout gaat, maar misschien gaat het in WordPress automatisch goed. Maar ik geloof me al jaren te irriteren aan deze website. Als ik naar deze website gaad, dan zie ik dit plaatje altijd heel langzaam tevoorschijn komen. En ja, Drimorado, hoe groot dat plaatje is. Hij is dus, hij komt waarschijnlijk ergens beneden op de begraande grond uit. Zegroot is-ie. En als je een beetje weinig data hebt op je mobiel, dan ben je een pineutia. Dus we bewerken ze vooraf naar het gewenste formaat. Dat degenen die het is die plaats laat ook een snelle website ziet. Ja, er zijn, er zijn, elk CMS heeft wel zoiets, maar het staat niet altijd aan, zoals bij deze. Zijn er mensen die misselijk worden van bewegende rare beelden? Ja, dan moet je even 10 seconden niet kijken. Ik geef wel een seintje als je weer mag kijken. Dan gaan we nu naar de, naar het volgende scherm. Er zit een vraag en dan wacht ik even het antwoord af. Ja, je mag weer kijken. Ja, ik heb maar 5 minuten dus. Ja, het is een getal onder de 10. Heb je iemand van de letters kunnen tellen? De vraag. Nee, nou, je moet je voorstellen. Je hebt tegenwoordig heel vaak van die bewegende beelden op je scherm. Je gaat die tekst rustig, je wil die tekst rustig lezen.  Ik heb nu wat overdreven, maar dit is wat mensen ervaren. Als je een slijder op je schermen die automatisch iedere keer het volgende beeldje laat zien. Nou, dat is lastig lezen. Ah ja, dit was de vraag. Hoe vaak wordt de letter E op het scherm gebruikt? En de antwoord was 9 keer. Nou, zo ruik voor je dat als je video hebt of geluid hebt, dat het, nee, als je video hebt dat het ook weer te stoppen is, zodat mensen die last hebben van die beweging het uit kunnen zetten. Zo ruik in ieder geval voor je dat je niet automatisch geluiden aanzet. En mensen met een screen reader die hebben daar last van, want die moeten dan heel snel de stopknop zien te vinden. Maar als een stem er doorheen tettert, hun eigen stem, dan kun je die knop nooit vinden. Dus vermijd dat. Toetsenbordbediening. Probeer eens een dag zonder muis te werken. Dat is, ja, heel lastig. Maar op een gegeven moment begint er aan te wennen. Ik kan het ook niet in hele dagen, want ik merk wel dat als je het grootste afstander afleg, dan is een muis best wel handig. Maar er zitten in Windows en op de Mac, er zijn heel veel shortcut keys om dingen sneller te voorschijn te toven, en die zijn vaak sneller dan dat je met je muis bezig bent. Nou, hier met tap- en shift-tap kan je door alle linkjes heen bladeren. Hou er wel rekeningen mee dat iemand die blind is op een andere manier door een pagina bladert, dan dat mensen die geen muis kunnen bedienen door een pagina bladert, die het wel kunnen zien. Met tap- en shift-tap en met enter kan je de knop activeren of met een spatiebalk. Je kan met enter ook linkjes volgen en met de peltoetsen kan je bijvoorbeeld door slackboxes en door radiobuttens heen wandelen. Nou, en als je het goed doet, dan zie je ook telkens waar je bent als je website goed in elkaar zit. En dit is iets wat heel veel designers afschuwelijk vinden dat je randjes ziet, dus die zetten ze vaak uit, maar dat is dus niet praktisch, want iemand die van de toetsenbord afhankelijk is, die ziet niet waar hij is. Dus dit is jouw tool om dat te testen. 