Vasilis’ Research Blog https://vasilis.nl/research Just another WordPress site Tue, 04 Dec 2018 17:32:02 +0000 en-GB hourly 1 https://wordpress.org/?v=5.0.3 A conversation with Bram Duvigneau about screen readers https://vasilis.nl/research/2018/11/a-conversation-with-bram-duvigneau-about-screen-readers/ https://vasilis.nl/research/2018/11/a-conversation-with-bram-duvigneau-about-screen-readers/#respond Wed, 28 Nov 2018 22:16:51 +0000 https://vasilis.nl/research/?p=329 On the 16th of November 2018 Bram Duvigneau joined us at the Design Research Master at the Willem de Kooning Academy in Rotterdam. Bram and I had an open conversation for a small audience of web accessibility experts, fellow students, lecturers and other people who were interested. In our conversation we explored the difference between expert screen reader users, and regular people who use a computer every now and then and who depend on a screen reader. I thought this would turn into a small summary, but alas, it is 1250 words long. If you know Dutch, you can find the transcript and the video of the conversation here.

Bram started with a nice in depth demo of NVDA, an open source screen reader he uses on his Windows laptop. He showed things like language switching, and the basics of how you control your computer once a screen reader takes over. He also showed the different ways to navigate a website. He showed advanced features like listing all headings, or listing all links. But he also explained that non-expert users might not know how to use these features, and that they often depend on listening to every item on a website, starting at the top. Of course he made us listen in awe to how incredibly fast his screen reader speaks. Again, he explained, many people listen to their screen readers in normal conversational speed. He also showed how complicated, or even impossible some pages can become.

I asked Bram if he has any ideas of how we could get screen reader UX to a basic functional level. And, while basic functionality is important, what I really want to know is if he has any ideas of how we can get beyond the functional: how can we get screen reader UX to a reliable, of even a pleasurable level.

Smart phone vs computer

Bram started to explain that many blind people prefer their smart phone over their desktop computer. There are a few reasons why, according to Bram:

  • Touch devices do give you a better sense of layout and hierarchy, since you can actually feel where things are placed.
  • Small screens force designers to get to the point. Chances are high that an interface on a phone is more focused, which means that it’s easier to navigate.

So it would be interesting to see if it would be possible to somehow give screen readers more visual clues, like visual hierarchy or maybe even things like visual ambiance. And we should learn from the focused designs of smartphone apps.

The WCAG

Another thing Bram thinks we should do is study the WCAG. There are some excellent ideas and examples in that document, and it’s unfortunate it’s being used as a technical checklist. If it’s up to Bram, it should be mandatory learning material at every (digital) design school.

Interaction

Another thing we discuss is the complexity of controlling a computer with a keyboard. Interactive elements can be activated with Enter and often with Space as well. It’s complicated to explain to a layperson when the space bar does and doesn’t work. While a mouse, or a touch screen is simple: you can simply click on everything. Since most designers are mouse users, there is a lack of expert knowledge about keyboard interaction.

We talk about the horror of cookie warnings. While I think they are annoying, for many blind people they are an invisible wall. Some of them, like the one on 2doc.nl, are extremely verbose and literally impossible to control with your keyboard. But Bram talked about examples where cookie warnings are invisible to screen readers, yet without interacting with them, it’s impossible to interact with the rest of the page. These examples show that both design education and the design profession are clearly lacking. Designers and developers don’t understand how things work, and these things are not found during testing.

We talk about the checklist mentality that’s often used in web accessibility: after the fact ticking off of items in the WCAG. Bram tells us to study the WCAG, and indeed, do the things you find in it. He says: just do the things in the WCAG, and after you did that, then we can check to see if things really work for real people with real disabilities.

I’ve been working with the opposite idea in the past year, where I first observed, and then came up with tailor made solutions. Very interesting to hear that according to Bram this may not be the best way to go.

Education

I ask Bram where to start with educating designers about all that WCAG knowledge. I explain the problem I see: many of my students do care about accessibility during school. But once they work at an agency they are forced to not use their knowledge, for whatever reason. And within half a year they forgot all about it. And yes, Bram sees this as well, and he thinks it’s an industry problem. It’s a problem of agencies who see accessibility as an extra, and not as the basics. But it’s a problem of clients as well: as long as clients accept the reasoning of the agencies, this is not going to change. So I guess it’s time for some good clientship courses. And maybe we need to find a way to turn accessibility into something sexy. We didn’t conclude how to do that though.

Tooling

We talk a little bit about the idea you sometimes hear that Artificial Intelligence will solve everything. I explain the idea that I’ve been playing with of using image recognition to explain the visual hierarchy of a page. Bram rightly points out that design trends change all the time, and that keeping such a tool up to date would be quite complicated. Let alone letting it work in different cultural contexts.

We discuss the possibilities of designing a website that’s fun to use with a screen reader. Bram doesn’t know any. He does know a few experiments with carousels and live regions that were meant to be pleasant but had the exact opposite effect.

There was a very interesting question from the audience. Someone explained that as a sighted user we have all kinds of visual clues, like colour, shape. Screen readers turn everything into to neutral text. Are there other ways than text to solve these graphical clues, like for instance a ping?

Bram explains about the system wide sounds that some screen readers use, but he agrees that a lot can be improved in this field.

Which brings us to the people who make the screen readers. We talk about the default settings and wonder if these are too verbose, with too many technical details for non-experts. An extra problem for non-experts is that they don’t know where to find the settings, and when they do find them, setting are often filled with jargon, who knows what happens when you change them? We agree that the defaults should be smarter. This could a nice project for some students to try and figure some more clever default profiles.

Nerd time

We conclude this conversation with the idea that maybe we should design tailor made solutions for different types of screen reader users, like we’ve been designing chairs for different types of people and different contexts. One way to do this would by by donating nerd time to people who don’t know how to build their own user scripts.

]]>
https://vasilis.nl/research/2018/11/a-conversation-with-bram-duvigneau-about-screen-readers/feed/ 0
Transcriptie en video van het gesprek tussen Bram Duvigneau en Vasilis van Gemert https://vasilis.nl/research/2018/11/transcriptie-en-video-van-het-gesprek-tussen-bram-duvigneau-en-vasilis-van-gemert/ https://vasilis.nl/research/2018/11/transcriptie-en-video-van-het-gesprek-tussen-bram-duvigneau-en-vasilis-van-gemert/#respond Wed, 28 Nov 2018 18:52:19 +0000 https://vasilis.nl/research/?p=322 Op 16 november heb ik een openbaar gesprek gevoerd met Bram Duvigneau op de Willem de Kooning-academie in Rotterdam. Bram is een absolute expert op het gebied van web toegankelijkheid, en een absolute expert op het gebied van screen readers. Tijdens mijn master-onderoek kwam ik er achter dat veel van de best practices die we gebruiken binnen de webtoegankelijkheid niet per sé prettig te gebruiken zijn voor mensen die een screen reader gebruiken. De problemen doen zich met name voor bij mensen die géén expert zijn. Met andere woorden, normale mensen, geen computer experts, geen nerds, die een screen reader nodig hebben om hun computer te gebruiken. Met Bram belichten we deze observatie van een aantal verschillende kanten. Maar Bram begint allereerst met een demo van wat een screen reader nu precies is.

Technisch is er wel het een en ander aan te merken op deze productie. Het geluid is in de eerste minuut nogal slecht, omdat mijn audio-recorder toen nog niet aan stond. In de laatste minuten is er helaas geen beeld, omdat de batterij van de video-recorder toen leeg was. En vragen uit het publiek zijn erg moeilijk te verstaan. Als je de transcriptie hieronder leest merkt je hier helemaal niks van.

V: Nou welkom allemaal, wat tof dat jullie er zijn in, nou, best wel grote aantallen eigenlijk. Vandaag wil ik het samen met Bram, Bram Duvigneau, hebben over het gebruik van screenreaders, verschillende types screenreadergebruikers, als je dat zo kan noemen. En dat is in het kader van mijn masteronderzoek. Mijn onderzoek gaat over ontwerpen, over het gebruik van ontwerp in toegankelijk webdesign en een van de bevindingen van min onderzoek is dat een hoop van het [….] wat er nu gebeurt op webdesign gebied […] een hoop van de toegankelijkheidsdingen die we daarin doen, die zijn eigenlijk gebaseerd op aannames en weinig op toetsen. In elk geval wat ik heb gezien […] dat een hoop van de dingen die ik heb uitgeprobeerd met mensen, die bleken gewoon niet te werken. En dus er zit heel weinig designattitude in de toegankelijkheids […] de manier waarop op dit moment voor een groot deel toegankelijkheid wordt gedaan, dat is één van de bevindingen. Daar wil ik het graag over hebben samen met Bram. Bram is een absolute expert op het gebied van webtoegankelijkheid, volgens mij houd je je hier al meer dan 100 jaar mee bezig, ongeveer.

B: Zoiets.

V: Ja toch?

Publiek: Hij is best wel jong hoor.

V: Je runt een bedrijf dat zich daarin specialiseert, je adviseert overheden en bedrijven bij het toegankelijk maken van websites. Volgens mij is er niet een betere expert denkbaar dan jij om te praten en om te kijken en om te luisteren naar hoe screenreaders nu eigenlijk werken en naar óf we daar wel meer van moeten ontwerpen of dat het eigenlijk gewoon hartstikke goed is allemaal. Maar ik zou eerst zou ik […] zou ik het woord aan jou willen laten, dat je even laat zien dat je aan de mensen die bijvoorbeeld nog nooit een screenreader in actie hebben gezien […] dat die een beetje een beeld krijgen van ‘wat is dat nou eigenlijk, hoe werkt dat voor jou’.

B: Oké. Ik moet even behelpen met audio, ik ga dat heel even aanzetten. Dat, ja. Ja, screenreader […] we hadden het net al over verschillende soorten screenreader gebruikers, maar je hebt ook allerlei soorten verschillende screenreaders. Ik laat er nu voor het gemak maar even één zien, maar dit soort software is er ook voor telefoons, voor tablets, voor van alles en nog wat inmiddels. Vandaag werk ik met Windows op een laptop met NVDA en NVDA is een gratis screenreader. Dus mocht je nou heel blij worden van screenreaders dan zou je dat ook gewoon kunnen installeren en gebruiken. Mocht je zo’n ding niet nodig hebben, dan raad ik je ook niet aan het te installeren en te gebruiken want dan word je waarschijnlijk doodmoe en je word er helemaal gek van. Waarom? Omdat je dan de hele dag luistert naar iets dat klinkt als dit [brabbelend computergeluid]. Dat vond ik allemaal heel zinvolle informatie. Jullie ook? Nee?

Publiek: Een Belgische vrouw?

B: Nee, het is een Engelstalige wat we noemen ‘speech synthesizer’ of ‘texting speech’ en dat is eigenlijk software die tekst omzet in gesproken output. Om het makkelijker te maken pak ik er even één die wel wat verstaanbaarder is. Om het verstaanbaarder te maken kun je al beginnen met de snelheid naar beneden halen. Hij staat nu op 85 van de 100, dus laten we hem eens terugzetten naar […] (computerstem: rate 10, rate 20, rate 15). Als ik nu nog eens hetzelfde doe, dan klinkt het al heel anders. (computerstem:: now you can browse privately and other people who use this device can’t see your activity. However, downloads and bookmarks will be saved.) Nou, dat hadden we net ook allemaal al gehoord. Het enige verschil is dat als ik nu hiernaar luister […] nu ben ik pas in een klein stukje van de tekst en net, toen ik net al op hoge snelheid het even liet horen, toen was hij al veel verder. Nog even voor het beeld (computerstem: information, list with three items, bullet, your browsing history, bullet cookies inside data, bullet ). Daar waren we net al. Dus als je je snelheid terughaalt van 85 naar […] wat hebben we nu? (computerstem: rate 15) 15, vijftien, dan kan je opeens een hoop minder doen op een dag. Dat scheelt nogal, daarom staat hij bij mij inmiddels ook zo snel omdat ik al jaren met dit soort spul werk en eraan gewend ben. Ik zal ook nog even naar Nederlands switchen. (computerstem: document, rate 50) Wat nu wel gebeurt, is dat de screenreader nog op Engels staat dus dat je in plaats van ‘snelheid 50’ dingen hoort als ‘rate 50’ (computerstem: rate 40), 40, (computerstem: out of listening, level 1, , now you can browse privately and other people…). Nou, het ding is slim genoeg om te bepalen dat het Engels is omdat de bouwer van deze pagina dat blijkbaar netjes heeft aangegeven en daarom switcht het ook automatisch, ook al kies ik nu voor een Nederlandse stem, naar Engels. Maar dat gaat niet altijd goed want als je het niet aangeeft, dan weet het ding dat niet. Ik ga nog een hulpmiddel aanzetten, dat is de […] (computerstem: speed on speech) speech viewer. Nu hebben we een venstertje en dat laat zien wat de speech synthesizer allemaal zegt. Laat ik bijvoorbeeld eens gaan naar een vrij simpele pagina […] wat zullen we eens doen vandaag [….] nou, laten we vasilis.nl eens doen. (computerstem: #5.27# vasilis.nl) (computerstem: een level 1 link, Vasilis, Van Gemert) Dat is leuk want je hoort hier dat er ook een taalwisseling inzit en daar hebben we dus (computerstem: Vasilis) Vasilis in het Grieks. Blijkbaar heb ik er ook een Griekse stem op zitten.

V: Wat goed!

B: Is het Grieks, ja? (computerstem: een level 1 link, Vasilis, Van Gemert) Ja, daar is hij ook, dat doet hij best wel aardig. Je hoort daar wel een rare switch, want hij gaat van een mannelijke Griekse stem naar een soort van vrouwelijke Nederlandse stem. Daar is het ook niet helemaal op afgesteld altijd. Nou, als we deze site nou […] Stel nou he, je hebt geen idee hoe zo’n screenreader werkt en je komt op deze pagina, waarschijnlijk wat de screenreader voor je gaat doen, is dat hij hem automatisch gaat voorlezen en krijgen we dus zoiets (computerstem: een level 1 link, Vasilis, Van Gemert, listed 15 items, link alt +R, random) Oh, dat was de verkeerde knop. Terug. Dus dat […] Nou, zo zou je die pagina natuurlijk kunnen lezen, maar als je dan hoort […] dat je denkt, nou daar wil ik wel naartoe, dan zou je op enter kunnen slaan. Dat is niet heel erg efficiënt, daarom is er over nagedacht, ooit, door iemand, we gaan het er nog wel over hebben of dat goede ideeën zijn of niet, om webpagina’s door de meeste readers als een soort van document te laten zien. Dus ik kan nu ook met de pijltoetsen door deze pagina lopen, iets dat normaal gesproken in je webbrowser niet op deze manier kan. (computerstem: link alt, link alt, link, link, link alt) Ik loop nu dus door de links die je niet ook hoorde, (computerstem link alt +N) En nu zijn we beneden en kunnen we niet verder. Wat je nu dus ziet, is dat je hier doorheen kunt pijlen en je kunt ook weer terug. (computerstem: link, link, link) Nu heeft deze pagina een heleboel links in een lijst met daarboven een kop, oftewel een heading, op niveau 1 en ook nog een main landmark. Een hele hoop informatie, terwijl het eigenlijk een heel simpele pagina is. Het is gewoon een lijstje van links, maar omdat alle informatie erin zit, kun je er dus allerlei dingen mee doen. Een toetsenbordgebruiker, dus iemand die niet met een screenreader werkt, die kan eigenlijk alleen maar dit doen: die kan op tab drukken. En die gaat door alle links die er hier zijn, als er formulierdingetjes zouden zijn of vakjes dan zou dat ook voorbijkomen. Een screenreadergebruiker heeft veel meer opties. Ik kan bijvoorbeeld als ik onderaan de pagina ga staan, kan ik naar de vorige kop en dan komen we weer bij de Griekse Vasilis.

V: Best irritant, die moet je eigenlijk eruit halen.

B: Ik vind het wel leuk joh. Leuk ook dat hij na het spellen […] dan gaat hij het ook nog in het Grieks spellen. Maar dat lijkt blijkbaar heel erg veel op Nederlands, dus dat valt niet zo op. Dan kom ik dus eigenlijk weer heel snel bovenaan bij die kop terug en als ik dit doe Nee, niet dat. (computerstem: ) dan krijg ik een venstertje dat heet ‘elements list’ en in dit geval staat die op links (computerstem: ), dat geeft dus een lijstje van alle links op deze pagina. Dus als ik ongeveer zou weten wat ik zoek, bijvoorbeeld stel ik wil naar de podcast, dan kan ik gewoon de podcast […] en daar staat hij nou op podcast en dan kan ik daar naartoe met (computerstem: ) dan ga ik ernaar toe met mijn leespositie en als ‘activate’ dan gaat hij daadwerkelijk naar die pagina. Dus dat is een optie om te navigeren, maar je zou ook nog […] met allerlei sneltoetsen kun je ook nog allerlei dingen doen zoals bijvoorbeeld die kop wat ik net liet zien, dat was Shift H voor vorige kop, H is volgende kop, met de cijfers 1 tot en met 6 kan ik naar vorige en volgende kop op niveau 1 tot en met 6, want koppen hebben een niveau op webpagina’s in html en de bedoeling is dat je met je kopniveau’s mooi een soort van inhoudsopgavetje bouwt die zegt waar je pagina over gaat. Je kan dat ook zien als ik die elementslist op koppen zet in plaats van links. Wat je hier dus ziet, is wel leuk: je ziet de kop op het hoogste niveau, die kan ik ook even inklappen […] the good, the bad and the interesting, die kan ik uitklappen (computerstem: expanded) en dan zie je dat daar koppen onder vallen (computerstem: level 1 ) Het leuke is ook dat hij hierna buiten de context vergeet dat het eigenlijk Engels was en alles in het Nederlands gaat doen (computerstem: Marjolein Ruig #00:10:50-00:10;58#) En zo kun je dus door de hele lijst en ook snel er naartoe, bijvoorbeeld als ik naar (computerstem: ) als ik bijvoorbeeld die doe (computerstem: ) hoor ik ook nog main landmark, dat betekent dat we gewisseld zijn naar het main landmark. Het main landmark is […] de bedoeling is dat je daarmee aangeeft wat de hoofdinhoud van je website is. Een landmark is dus een soort van markering en main is daar een versie van. Je hebt ook navigation landmarks en je hebt ook search landmarks en je hebt ook banner landmarks, dat dan de titel van je site zou moeten bevatten. En ook voor landmarks geldt wee

B: ik kan met een knop naar de volgende en naar de vorige en ik kan er lijstjes van maken. Dat is een ding dat je heel vaak ziet terugkomen. Maar nu ik hier naartoe gesprongen ben, kan ik dus vanaf hier […] kan ik gewoon de pagina verder lezen met bijvoorbeeld pijltoetsen naar beneden (computerstem: link list with 1 items, 13042018) Nou, dan krijg ik de informatie dat het de datum is en dat het in een lijst staat met 1 item. (computerstem: out of list link, heading, level 1 ) en dan kom ik alweer bij de volgende. Dus eigenlijk had ik helemaal niet zoveel gemist in die koppenlijst, daar zat al best het meest belangrijke van de pagina in. Maar je hoort hier dus ook al steeds dat er lijsten inzitten, dat er koppen inzitten, landmarks. Al die navigatiedingen zijn dus enerzijds heel belangrijk omdat je daarmee snel kunt navigeren, maar anderzijds is het ook allerlei informatie die je gevraagd, en ongevraagd zou ik bijna zeggen, te horen krijgt. Dus als je niet zo goed weet wat je daarmee zou moeten, dan zit dat misschien alleen maar in de weg. Als ik bijvoorbeeld niet zou weten wat ik met al die koppen en die links en die dingen zou kunnen en ik weet wel ongeveer dat hier ergens een podcast staat over Robert, dan ga ik gewoon zoeken. (computerstem: level link, Robert Jan Verkade, oprichter), dan kom ik er ook. Dus ook op die manier kun je heel snel dingen vinden en dingen zoeken, als je weet wat je nodig hebt. Als je niet weet wat je nodig hebt, dan wordt het een ander verhaal, dan ben je echt wel afhankelijk van die structuren en de manieren om erheen te komen, om ergens snel te komen. Dus als je dan die vaardigheden niet hebt […] Stel, ik weet niet dat ik kan zoeken, ik weet niet dat ik van kop naar kop kan, dan zou het als volgt gaan […] Begin ik helemaal bovenaan. (computerstem: heading level 1 link, main landmark in deze serie gesprekken, deze serie is van Gemert) Kijk, dit is niet Grieks he? (computerstem: Amsterdam, samen met een eclectische mix van ontwerpers op zoek naar de definitie van kwaliteit. Link heading level 2 link consisting 1 items, 05, out of list link, heading leavel 2, Marjolein Ruig, webpionier en docent) Het handige is dat je even water kunt drinken. Inmiddels snap ik dat onder de regel met de persoon de datum staat, dan kan ik iets sneller gaan werken (computerstem: out of list link, heading level 2, Maaike, out of list link, link level 2, Harris, out of list link, heading level 2, Loes, out of list link, heading level 2, Marie van Driesen, out of list link, heading, Robert Jan Verkade) Ja! Nou, daar zijn we dan. Zoals je ziet is dat dus een heel stuk langzamer dan als je de mogelijkheden van je screenreader in dit geval wel zou benutten. Dan zou je denken, als je dit verschil ziet, ja maar dan gaat iedereen toch de investering doen, als je blind bent, om dit te leren? Mijn praktijk laat zien dat dat niet zo is. En volgens mij heeft Vasilis dat ook gezien inmiddels in zijn onderzoek. Ik heb in een van mijn vorige banen heb ik ook veel blinden en slechtzienden getraind in het gebruik van screenreaders en software, bijvoorbeeld als ze ergens aan het werk gingen de specifieke software die dan binnen dat bedrijf gebruikt werd, heb ik dan in combinatie met een screenreader […] ten eerste vaak werkend moeten maken, want dat werkte dan vaak niet, en dan vervolgens de gebruiker trainen dat hij er wat mee kan want anders werkt het nog steeds niet. En ook daar zag ik al heel snel dat mensen […] op de manier waarop ik net door die webpagina ging, dus niet met zoeken met navigatiefuncties, maar echt door stukje voor stukje lezen, en soms dan wel in de gaten hebben dat onder elke titel een datum staat ‘dus als ik dan twee keer pijl naar beneden doe, dan skip ik die wel’, maar op die manier dus echt dingen gaan zoeken. Dan wordt het heel ingewikkeld. Als je bijvoorbeeld een Google opdracht ga doen, als ik gewoon iets ga googlen […] waar zullen we eens op googlen? Verzin het maar weer he? (computerstem: ) Wat we als eerste tegenkomen bij Google met een screenreader is het volgende (computerstem: heading level 1 toegankelijkheidslinks, link naar hoofdcontent, link hulp bij toegankelijkheid, link feedback bij toegankelijkheid, feedback over toegankelijkheid, button Google apps) Ik zou die links dus kunnen gebruiken, bijvoorbeeld de ‘naar hoofdcontent’ link (computerstem: privacy herinnering van Google, naar level 3) Dan komen we dus hier, dat is blijkbaar de hoofdcontent (computerstem: in overeenstemming met wetgeving ten aanzien van gegevensbescherming nemen de belangrijkste punten van ons hoe we gegevens doen, punten mij later herinneren, punten nu bekijken) Nooit herinneren is geen optie, nou dan maar later. Die was ik alweer vergeten, dat die melding ook weleens tussendoor kwam. Maar goed, dan kom ik inmiddels dus inderdaad bij het main landmark (computerstem: main landmark, heading level 1, zoekresultaten) En ook hier zie je weer dat er een heading 1 is die zegt waar het over gaat, zoekresultaten, maar het interessante is dat de link die ik net gebruikte heel vaak wordt gebruikt door toetsenbordgebruikers, hopen we, daar gaan we eigenlijk tot nu toe vanuit, ik vraag het me soms af, en die link brengt je naar belangrijke delen van de pagina zodat je als toetsenbordgebruiker niet op tab hoeft te drukken, want dat is de enige optie die je bij een toetsenbord hebt. Bijvoorbeeld als ik geen sceenreader zou hebben, maar toetsenbordgebruiker ben, dan begin ik bovenaan, dan zou ik eerst helemaal hier doorheen moeten (computerstem: ) en dan zijn we bij het eerste resultaat. Dus voor toetsenbordgebruikers scheelt dat enorm. Ik heb vaak gezien dat screenreadergebruikers die links niet perse gebruiken, maar ze zijn er wel en ze werken over het algemeen ook om je doel te bereiken, maar voor heel veel screenreaders geldt dat ze ook weer een eigen sneltoets hebben die naar de main landmark gaat, dus wat dan de hoofdinhoud zou moeten zijn, wat op deze pagina ook zo gedaan is gelukkig. En als dat niet zo is opgegeven, zouden mensen dat ook snel met de koppen kunnen doen, in dit geval. Het eerste resultaat, als ik bijvoorbeeld wel weet hoe dingen zouden werken […] kan ik heel snel, als ik weet ‘ik heb ergens op gegoogled en ik sta bovenaan de pagina, krijg ik eerst het resultaat (computerstem: #00:19;34# Vasilis Van Gemert) Hoe deed ik dat? Ik drukte op de 3 voor de eerstvolgende kop op niveau 3. Nou, omdat ik zo vaak Google weet ik toevallig hoe dat in elkaar zit en weet ik dat als ik dat doe, ik meestal bij het eerste resultaat kom. Daar staat nu een kop 2 boven die heet (computerstem: landmark web resultaten) webresultaten, maar tegenwoordig heeft Google de neiging om als er videoresultaten zijn die bovenaan te zetten, voor mijn leesvolgorde dan. Tegenwoordig moet ik soms eerst even op de 2 drukken, dan kom ik op (computerstem: landmark web resultaten) webresultaten in dit geval (computerstem: clickable afbeeldingen) en dan weet ik als ik vanaf die kop 2 webresultaten verder ga, dan zit ik in de zoekresultaten die ik wil hebben, tenzij ik een filmpje zoek natuurlijk. Dat ik eigenlijk liever webresultaten eerst zie en dan filmpjes, dat is natuurlijk weer nergens een instelling. Dus als ik dit wel snel zou doen, als ik gewoon zelf iets zou googlen en ik wil echt even snel kijken wat er allemaal is, dan zou ik dat gewoon met 3 doen (computerstem: clickable betekenis van Vasilis ) Het leuke bij dit soort zoekindexen vaak is dat zo’n Google de taal van de pagina eigenlijk wel weet, maar die niet doorgeeft als ‘dit stukje content is Engels’. Omdat we op de Nederlandse Google zitten, heeft Google de hele pagina als Nederlands gemarkeerd en dan krijgen we dus dit soort leuke resultatendingetjes. Dat is dus eigenlijk in basis hoe een screenreader werkt en zoals je dus ook op deze pagina weer ziet: als je geen enkele functie zou gebruiken behalve echt de basis […] ‘ik ga rondpijlen en op enter drukken’, dan doe je jezelf heel erg tekort. Vasilis belde mij daar een tijd geleden over en die vroeg: ‘herken je dat?’, ‘ja’, ‘hoe komt dat?’, ‘ja, dat vraag ik me eigenlijk ook al de hele tijd af’. Dat is dus eigenlijk het antwoord. Even later belde Vasilis nog een kee

B: ‘ja, zullen we daar eens over discussiëren?’, ‘ja, dat is een goed idee’. Dus volgens mij moeten we dat maar doen.

V: Nou, fantastisch! Wauw. Dank je wel voor deze prachtige demo. Geeft volgens mij heel duidelijk weer dat er […] je moet eigenlijk gewoon een onwijze nerd zijn om […]

B: Oh, ik heb deze nog niets eens laten zien. Als ik bijvoorbeeld […] Ik heb voor een aantal websites […] draai ik bijvoorbeeld user scripts. User scripts zijn stukjes Java script en die Java scriptjes verbouwen eigenlijk de website waar je naar kijkt. Bijvoorbeeld om iets te noemen: je hebt Slack dat is een veelgebruikt chatding binnen bedrijven tegenwoordig en die leest automatisch inkomende berichten niet voor en dat wil ik graag wel. Als ik in een channel zit en als ik aan het typen ben en ondertussen iets binnenkrijg, dan wil ik het ook meteen horen. Dus daar draai ik bijvoorbeeld een user script voor en Slack heeft wel meer problemen en daar zitten ook wat dingen in het user screen en die dingen worden gelukkig ook gedeeld, die user scripts. Als mij een site echt niet bevalt en ik moet er vaak iets mee doen, dan schrijf ik zoiets. Dat gaat misschien nog wel verder. Dan moet je een hele nerd zijn, dan moet je echt een verschrikkelijke nerd zijn anders ga je dat echt niet doen. En als dat dan nog niet genoeg is, dan kun je in dit geval van NVDA gewoon de broncode van je screenreader downloaden en daar maar wat aanpassingen op gaan maken, dat heb ik ook wel eens moeten doen.

V: Next level nerd.

B: Dat is echt verschrikkelijk ja. Dus dat heb ik jullie nog maar bespaard.

V: Maar natuurlijk, dat zou je iedereen toewensen, om een nerd te zijn. Ik wel, ik vind het fantastisch, ik vind het heerlijk dat soort dingen, ik doe dat ook graag. Ook user scripts maken voor mezelf, doe ik ook. Maar dat is zeker niet iets wat iedereen kan. Waar ik heel benieuwd naar ben, is […] Eigenlijk ben ik naar twee dingen benieuwd. De ene is: hoe krijgen we überhaupt het voor normale mensen die niet de hele dag achter een computer zitten, maar wel afhankelijk zijn van een screenreader […] hoe krijgen we dat op een basis functioneel niveau? Maar eigenlijk vind ik dat helemaal niet genoeg want ik wil het op plezierig niveau krijgen […] Ik wil meteen al een aantal stappen verder. Heb jij daar ideeën over? Zijn daar mogelijkheden? Het mag best wel in een soort ‘what if’, negeer maar de realiteit.

B: Wat ik een paar heel goede ideeën vind op zich […] Wat mij opgevallen is, dat heel veel blinden ook zeggen: ‘sommige dingen vind ik gewoon makkelijker om mijn telefoon te pakken dan mijn computer waar ik dan misschien achter zit’, terwijl ik dan, als verschrikkelijke nerd, denk: ‘ja maar, je zit achter een apparaat dat tien keer zo snel is dan je telefoon, met een heel snelle verbinding en er kan van alles mee!’. ‘Ja, maar dat vind ik toch makkelijker.’. Nou, waarom? Dat schermpje is gewoon klein, dus daar kan veel minder op. Dus als je naar mobiele applicaties gaat kijken, dan zijn die interfaces vaak heel erg uitgekleed en heel erg basic omdat je gewoon niet meer ruimte hebt en ik denk dat dat […] Eigenlijk twee dingen. Dus enerzijds dat je dat schermpje echt in je handen hebt en dat je weet ‘oh ja, dit staat er op het schermpje en dat is daar en dat is daar’. Anderzijds dat die interfaces dus gewoon veel simpeler zijn. Dat maakt het gewoon veel makkelijker. Want als je kijkt wat je hier nu ziet, of hoort eigenlijk, vandaag, dat geeft je geen enkel idee hoe die webpagina dan in elkaar zit. Je hebt al die structuren: je hebt de koppen, je hebt de lijsten, je hebt de links, je hebt de landmarks, maar je hebt niet […] Er wordt eigenlijk niets gedaan met visuele hints die er misschien ook inzitten. Op een touchscreen gaat dat natuurlijk wel en wat ik ook een hele interessante vind […] In de WCAG, de Internationale Toegankelijkheidsrichtlijnen waar al jaren heel lang over nagedacht wordt en door allerlei mensen gelukkig al input aan geleverd is […] De bedoeling is met die richtlijnen, als je je daar een beetje aan houdt, zegt men, heb je een soort van basisniveau voor allerlei mensen die op welke manier een functiebeperking hebben, al dan niet tijdelijk of voor hun hele leven, en daar hebben ze in de laatste versie getracht om er wat dingen in te krijgen, maar die hebben het nog niet helemaal gehaald, over mensen met een cognitieve beperking. Toen ik dat las, dacht ik ‘he, eigenlijk is dat ook voor blinden soms heel interessant’ want een voorstel dat daar bijvoorbeeld inzit, is dat je, ook weer door structuurinformatie, dingen die hetzelfde zijn altijd op dezelfde manier gaat markeren. Stel je hebt een webwinkel en je hebt daar een winkelwagentje […] ik zoek me soms helemaal kapot naar het winkelwagentje want vaak staat er een leuk wagentje, zonder tekst erbij, en een getalletjes van hoeveel producten er in het wagentje liggen. Dus vaak is het labeltje dat voor mij overblijft, een link met een tekst 1 of 2.

V: Of 0.

B: Ja, of dan is er gewoon 0 of niks of leeg. Maar als je dus zo’n winkelwagentje altijd een stukje opmaak geeft van ‘joh, dit is het winkelwagentje’, dan geef je ook weer mogelijkheden aan software of nerds of nerds en software om iets daarmee te doen. Dat je zegt ‘he, er is hier ook een winkelwagentje!’. Daar kun je iets mee.

Publiek: Dat is hetzelfde probleem als de ontwikkelaar niet heeft bedacht om het woord winkelwagen neer te zetten, zullen ze ook niet bedenken om […]

B: Nee, dat wou ik nou net gaan zeggen. Als ze dat al niet goed doen nu, en dat is ook wat ik in mijn werk dan heel vaak zie […] Het is niet dat ze het niet goed willen doen, maar ze hebben gewoon geen idee wat ze moeten doen.

V: Dus dat is een educatieding?

B: Ja, maar aan beide kanten. Het is ook een educatieding dat je tegen die gebruikers zegt: ‘he, je hebt allerlei mogelijkheden die je niet gebruikt. Waarom niet?’, ‘dan moet ik veel leren en dat vind ik teveel gedoe als ik af en toe achter mijn computer zit’ of ‘ ja maar, dan moet ik dat allemaal onthouden en ik gebruik het te weinig’ of ‘ ja maar, waarom zou ik dat doen.

V: Dat is wel een case bijvoorbeeld die ik tegenkwam met Hannes Walraven, , die heeft een tijd geleden een boek geschreven en toen gebruikte hij heel veel de sneltoetsen om door de koppenniveau’s heen te gaan omdat hij dat voor zijn boek schrijven erg nodig had. Maar dat boek is inmiddels een jaar geleden was het af of zo, dus dat gebruikt hij niet meer. En nu wilde hij mij die functionaliteit weer laten zien en toen zat hij van ‘wat was die toetscombinatie ook alweer’, dat was hij helemaal vergeten. Dat hebben wij denk ik ook met software, als je die een tijd niet meer gebruikt, dan weet je ook niet meer alles uit je hoofd.

B: Dat is denk ik ook wat de kracht van ooit al de muis, maar ook een touchscreen, van joh je kan ergens naartoe wijzen, je geeft er tik op en er gebeurt wel iets. Dat heel intuïtieve van ‘ik pak een muis, wijs wat aan en doe maar iets’, dat hebben volgens mij blinden echt nooit gehad, die hele interface want het is altijd al zo […] Stel je begint met Windows te werken en ik ga naar een knop, moet ik daar dan een enter of een spatie op geven? ‘Maakt het uit?’ ‘Ja, soms maakt het uit maar niet altijd.’ ‘Wat is het antwoord?’ ‘Ja, je moet er eigenlijk een spatie doen, maar enter werkt meestal ook. Maar soms ook niet.’ Als ik dat met de muis moet uitleggen: ‘je moet er gewoon op klikken’. En een aanvinkvakje: ‘je moet er gewoon op klikken.’.

V: En dat is denk ik ook […] Daarom snappen misschien ook een hoop ontwerpers het niet, omdat die natuurlijk gewend zijn met een muis te werken of met een vinger en veel verder gaat de interactie niet.

B: Ik denk dus eigenlijk […] Het grappige is dus dat je als blinde op een gegeven moment met een touchscreentelefoon kon werken, dat kon voor het eerst met de iPhone 3gs denk ik, die had ik ooit ook nog. Toen werd ik nog voor gek uitgemaakt, aan het begin, door alle andere blinden met hun Nokia smartphones: ‘ja maar, dat is helemaal niet handig, zo’n touchscreen, daar zitten geen knopjes op.’ Nu wordt je voor gek uitgemaakt als je niet met zo’n ding loopt, bijna.

V: Daar was een hele discussie over, toen: ‘de iPhone is afschuwelijk voor toegankelijkheid’.

B: Ja, terwijl eigenlijk, achteraf gezien vind ik het heel leuk, want dat is eigenlijk de eerste keer dat je als blinde toegang had tot een touch interface. Dat je gewoon bijna overal maar op kon klikken en dat het wel iets ging doen. Dat was natuurlijk hartstikke simpel. Maar ja, dat had je daarvoor eigenlijk nooit, dan moest je altijd precies weten […] Of je moest weten welke commando’s je moest intypen of je moest weten wat je moest doen om een knop te activeren, of een lijstje […] Dat is eigenlijk, ik wil bijna zeggen nodeloos ingewikkeld.

V: Ik had je nog een optie gestuurd. Ik had je een prototype naar je toe gestuurd waarbij ik voor een blinde productdesigner een andere versie had gemaakt van de 2Doc-website. De 2Doc-website die heeft als je op de homepage komt 150 links en 80 heading levels; hij werd knettergek van dat ding. En hij begint met een heel grote cookie warning die je niet weg krijgt als je geen muis hebt.

B: Vaak zijn die cookie warnings helemaal ellende want die staan vaak voor mijn leesvolgorde helemaal onderaan. Ik heb al aan heel veel blinden moeten uitleggen dat als ze iets willen activeren en het werkt maar niet: ‘ja, misschien staat er wel ergens een cookie melding’. ‘Ja maar, ik snap het niet want die cookie melding staat bij mij helemaal onderaan.’ ‘Ja maar, visueel staat hij er helemaal overheen en kun je niets doen totdat je hem weg klikt.’ Dat wordt begrepen.

V: Deze kun je dus niet eens klikken als je […] Je kunt hem niet bedienen zonder muis. Dus hij staat op elke pagina bovenaan.

B: O ja, om het nerdniveau nog op te schroeven: ik heb dus normaal gesproken een plug-in draaien die zoveel mogelijk cookie warnings gewoon maar vanzelf weg klikt, dat voorkomt een hoop ellende. Wie doet zoiets?

V: Er zijn dus ook screenreaders die beginnen en die vertellen dan: ‘deze pagina heeft 150 links en 80 heading levels, veel plezier ermee.’ Nou, dat zeggen ze dan nog net niet.

B: Dat zou wel een leuke toevoeging zijn.

V: Dat zou best wel tof zijn, ja. Iets meer vriendelijkheid. Hij kwam er niet uit. Ik heb toen een versie voor hem gemaakt waarbij ik alles wat er niet toe doet heb weggehaald en wat overbleef was 1 paragraafje en 3 links. Daar klik je doorheen als een Wizard-stijl en uiteindelijk kom je op een videopagina en daar heb ik dan een button toe moeten voegen want hij kon de knop daar ook niet bedienen. Is dat dan de oplossing? Dat we voortaan gaan ontwerpen alsof we in 1999 leven?

B: Misschien worden sommige mensen daar, ook al zijn ze niet blind, heel blij van want eigenlijk zijn dat natuurlijk wel heel effectieve interfaces. Het is alleen niet mooi, maar wel heel effectief en heel snel en het werkt overal. En ook als je bedenkt […] Als je bijvoorbeeld deze voor mobiel zou moeten maken, als app of als mobiele website, dan kom je waarschijnlijk ook al meer op zo’n interface uit dan op dit, vermoed ik, als je het goed wilt doen.

V: Precies. Er was een tijd geleden ook een artikel van Brad Frost, een aantal jaar geleden. Hij zei toen ook ‘laten we alle bullshit weghalen van het web want anders past het niet op onze kleine schermpjes.’. En eigenlijk denk ik dat we misschien nog wel meer bullshit weg moeten halen want anders is het niet te bedienen voor mensen zoals […] Nou, jij kan het nog wel, maar Simon Dogger of Hannes Walraven die hebben echt veel moeite ermee.

B: Weet je, dat is ook niet […] Het is tegenwoordig ook eigenlijk niet meer in te schatten, merk ik als ik met mensen hierover praat, of iets ingewikkeld gaat zijn voor iemand want dat hangt van zoveel dingen af. Hoe die site in elkaar zit, maar ook hoe die site technisch in elkaar zit, dus dingen die je gewoon niet kunt zien als je er gewoon naar kijkt. Daar kan heel erg afhangen überhaupt hoe ver iemand daarmee komt. En inderdaad daarboven ook nog waar werkt hij mee, hoe werkt hij daar mee, hoe werkt hij er niet mee? Ik zie ook over het algemeen dat als dingen dan wel lukken, het vaak niet op de meest handige manier is. Maar heel vaak lukken dingen ook gewoon niet. Sommige mensen hoor je daar nooit over en andere mensen die gaan het dan maar aan iemand anders vragen en eigenlijk vind ik dat heel jammer. Eigenlijk zou […] Als ik dan toch mag kiezen, zou ik het liefst hebben dat iedereen supersnel en efficiënt alles op het internet leest en vindt en bekijkt wat hij maar zou willen.

V: Het lijkt ook ergens op het web heb ik het idee iets mis te zijn gegaan. Als je kijkt naar volgens mij native apps of dingen als e-mail, volgens mij gaat dat […] heb ik het idee […] gaat dat beter. Zo lang je er niet teveel html in gaat stoppen. Klopt dat? Ik las vandaag toevallig een artikel wat erover ding dat eigenlijk sinds de jaren 90 of eind jaren 90 begint het mis te gaan. Daarvoor was het juist toegankelijker, waren computers makkelijker te gebruiken en dat dat nu eigenlijk steeds moeilijker wordt.

B: Ja, misschien is dat ook wel zo. Wat ik bijvoorbeeld het leuke van e-mail vindt, dat is natuurlijk al hartstikke oud, e-mail, het bestaat nog steeds en werkt nog steeds omdat het gewoon een standaard is. Als ik mijn e-mailprogramma ga updaten en ik merk dat die van mij niet meer werkt, dan pak ik een oude versie en als dat niet meer gaat, kan ik een ander mailprogramma zoeken. Of schrijven desnoods, als ik echt niets beters te doen heb. Maar dat wil niemand volgens mij, e-mailprogramma’s schrijven. Maar het kan. Om even op Slack terug te komen: die hebben tegenwoordig een toegankelijkheidsteam, al een jaar ofzo, en ze doen nog eigenlijk niet zo heel veel, wat ik ervan gezien heb tot nog toe, maar stel dat Slack een nieuwe versie uitrolt in het weekend en ik kom maandag weer op kantoor en ik wil kijken wat mijn collega’s allemaal gezegd hebben en stel dat daardoor bijvoorbeeld mijn user script omvalt omdat ze dingen hebben aangepast en dat ze misschien iets hebben geïntroduceerd dat niet meer toegankelijk is, dan heb ik wel een probleem want Slack is geen e-mail. Slack geeft mij dus ook minder vrijheid om dan maar gewoon een ander programma te pakken dan de officiële Slack-site, Slack-applicatie. Dat is ook een groot verschil, denk ik. Het voordeel is wel als ik zie dat er iets niet goed is, dan kan ik op het web de bron induiken, de code induiken en kijken wat ik aan mijn user script kan verbouwen om het misschien weer wat bruikbaarder te krijgen. Buiten het web, als je native applicaties hebt […] Als dat op mijn telefoon gebeurt heb ik gewoon een probleem want dan kan ik niets. Dan is er geen uitweg meer. Dat vind ik het mooie van het web, dat er altijd een soort van uitweg is. Die kost soms heel veel moeite, maar die is er wel en vaak met native dingen is het heel snel zo dat het heel vaak goed gaat, maar als het dan niet goed gaat, is het ook klaar want dan heb je eigenlijk geen opties meer om er omheen te komen. Dat is ook wel weer een soort van sterkte van het web, vind ik.

V: Ja, dat is een heel mooie eigenschap. Dat is ook een beetje een wonderlijke eigenschap. Dat heb je bijna nergens anders, toch? Dat je een code direct kunt aanpassen en manipuleren. Waar ik ook nog over met je wilde praten, je noemde hem al even: de WCAG. Dat is een ongelooflijk uitgebreid document over toegankelijkheid. De webrichtlijnen worden ze in het Nederlands wel genoemd.

B: Dat mag tegenwoordig niet meer.

V: Laten we zeggen: het is een lange lijst met tips die je kunt gebruiken. Wat ik weet van toen ik nog werkte, voordat ik docent werd, toen werd die lijst heel vaak gebruikt als checklist achteraf. Dan werd er gekeken: ‘dit doen we, dit doen we, dit doen we, klaar, de website is toegankelijk.’ Dat is dan de conclusie. Sterker nog, er waren ook wel voorbeelden dat dat ook door toegankelijkheidstesters werd gedaan en dan kreeg je een stempeltje en was je website toegankelijk. Er was een heel goede presentatie van Johan Huijkman van Q42, die had ooit de website van 9292 gebouwd. Die was toen in eerste instantie niet toegankelijk. Toen kregen ze een audit, toen een aantal tips, zo van ‘als je dit doet, is hij wel toegankelijk’. Toen had hij dat gedaan en toen dacht hij: ‘ik geloof er niks van, ik kan me niet voorstellen dat mensen die niet kunnen zien dit kunnen gebruiken’. Dus hij vroeg gewoon een blind iemand: ‘kun je naar huis met deze app?’. Nou, die kon niet naar huis, nou dan is hij niet toegankelijk. Dat is een heel andere definitie van toegankelijkheid. De ene is technische toegankelijkheid, dat zou je bijvoorbeeld kunnen doen door alle toegankelijke petten van Hayden Pickering onder elkaar te plakken, dan heb je een toegankelijke website, maar je hebt er niets aan. Hij doet niets, je kan er niets mee. Schrijft de WCAG dat eigenlijk voor, om het op die manier te gebruiken? Of moeten we er op een andere manier naar gaan kijken?

B: Nou, weet je, de standaard zelf zegt daar eigenlijk niet zo veel over. In zoverre, die komt alleen met een hele opsomming van […] inderdaad wat je zegt: de dingen die je moet doen. En dan ook nog op een heel abstract niveau want hij is heel bewust zo geschreven dat hij niet elke twee jaar opnieuw gemaakt hoeft te worden, want dan blijven we bezig, maar dat hij flexibel is. Er staan principes in, dan staat er ‘je moet voor een afbeelding een tekstalternatief bieden’, maar in de standaard zelf staat dan niet hoe je dat doet. Dat maakt hem wel toekomstbestendig. Daaroverheen liggen dan allerlei technieken waarin dat wel staat. Die horen er dan wel bij, maar die […] die zijn dan wel officieel, zal ik maar zeggen, maar ze behoren niet tot dé standaard. Daarin staan dan wel dat soort dingen, maar eigenlijk gaat het inderdaad niet verder dan de technische oplossingen. Ik zie het eigenlijk zelf altijd maar als een soort van ‘begin daar maar eens mee, dan ben je al een heel end. Voordat je dit allemaal goed doet, heeft user testen met specifieke doelgroepen nog niet zo heel erg veel zin want dan is de kans vrij groot dat het sowieso al niet voor in ieder geval een deel van die mensen goed gaat zijn’. Maar als je het wel doet, wil het niet zeggen dat het dan opeens wel allemaal goed is. Je kan nog steeds een heel toegankelijke website bouwen die heel verschrikkelijk is, dat is niet zo moeilijk. Je kan ook best wel een site bouwen die misschien niet helemaal aan al die richtlijnen voldoet, maar die misschien om wat voor reden dan ook wel werkt. Het kan, het is geen gegeven, het is meer een soort van basisniveau. ‘De meeste dingen die erin staan zijn sowieso een goed idee, dus doe het nou maar en als dat allemaal voor elkaar is, kunnen we nog wel eens kijken of hij echt bruikbaar is voor mensen. Als hij niet bruikbaar is, dan kunnen we kijken waarom niet en dat misschien verder gaan aanpassen.’

V: Dat is interessant. Dus jij zegt eigenlijk het tegenovergestelde van wat ik zeg, want ik zeg: ‘ga nou lekker mensen observeren’. […]

B: Ja, ook. Doe dat ook.

V: Maar je zegt: ‘leer eerst de […] nou ja, dat zijn best practices eigenlijk […] leer die, maar dat is nog best […] dat is best een complexe lijst. Hij is ook best wel groot, zo’n 100 pagina’s.

B: Ja, omdat hij zo flexibel is, is hij ook complex. Omdat je, als je alleen de best practices leest, van ‘joh, geef een tekstalternatief’, dan heb je nog steeds geen flauw idee wat je dan precies doen moet. Als je dat al niet wist. Het is ook best wel lastig om dat goed te doen. Alleen, als we hem heel specifiek hadden gemaakt, dan was hij waarschijnlijk niet zo groot geworden als hij nu is. We hadden ooit versie 1 van die webrichtlijnen in Nederland en die waren wel heel specifiek. Na een paar jaar begon dat allemaal problemen te geven want toen had iemand opeens bedacht dat je allerlei dingen met Java script kon doen en dat vond die versie 1 standaard toch niet zo leuk. Maar ja, als je dan tegen een webbouwer zegt: ‘nee, je mag echt geen Java script doen’, dan vinden zij het ook weer niet leuk.

V: Inderdaad, toegankelijk was, weet ik nog wel […] werd echt als iets heel vervelends gezien.

B: Dat hoeft het niet meer te zijn tegenwoordig, alleen om het dan goed toegankelijk te maken en dan ook nog de wat complexere dingen te gaan bouwen, die je eigenlijk wilt bouwen als webbouwer, heb je echt nog steeds een hele bak kennis wel voor nodig. Dat is vaak een reden waarom mensen ons ook inhuren. Alleen voor dat soort vragen: ‘hoe moeten we dit nou doen en wanneer is het nou goed en kunnen jullie eens kijken wat er nog niet goed is aan die website en […]

V: Dat is eigenlijk heel vaak achteraf, toch?

B: Gelukkig steeds minder. Het gebeurt nog heel vaak achteraf of het gebeurt bij een website die al heel lang bestaat en waar nog nooit naar gekeken is en opeens hebben ze zoiets van ‘oh, dat moeten we ook eens even regelen’. Dat is niet even te regelen meestal. Het gebeurt nog steeds veel achteraf, alleen ik zie nu wel steeds vaker dat […] Bijvoorbeeld, we hebben nu een paar klanten die komen naar ons toe van ‘ja, we gaan nieuwe componentjes bouwen waar we straks al onze websites op willen baseren, alle sites die we hebben’ als bijvoorbeeld gemeente, ‘zullen we eerst samen eens kijken naar die componentjes, dat die in ieder geval in basis goed zijn en al die sites die er dan later op gebouwd worden die hebben dan in ieder geval een goede basis’. Daar word ik dan wel blij van want dan is je basisniveau al een stuk beter. Dan nog kun je die componenten prima in elkaar zetten tot een volledig onbruikbare website, dat kunnen we niet voorkomen. Helaas.

V: In basis zijn al die elementjes dan onafhankelijk te doen. Oké. Dus jij zegt […] Ik heb dat document […] Ik heb het eerlijk gezegd helemaal nog niet doorgelezen. Ja wel doorgelezen, maar ik ken het niet. Wanneer en hoe zorgen we ervoor dat mensen dat dan […] dat UX Designers en Front End developers en Visual designers, neem ik aan ook […] dat web professionals die kennis tot zich nemen. Heb je enig idee hoe we dat voor elkaar krijgen?

B: Ja, goede vraag. Opleidingen, denk ik. Want nog steeds zit het in heel veel opleidingen niet of nauwelijks, wat eigenlijk wel gek is. Vind ik dan, want als je echt professioneel webontwikkelaar wilt zijn en je doet daar ook een opleiding voor, dan zou ik zeggen dat je ook wilt dat er iets over gezegd wordt. Ik bedoel, als je architect wilt worden, hoop ik dat je ooit in je opleiding wel op het feit gewezen wordt dat het slim is om te zorgen dat je rolstoeler ook het pand in kan.

V: Of dat een constructie verstevigd is.

B: Aanname, weet ik niet. Dat het stevig is, dat het niet zomaar in elkaar dondert. Nou ja, als je sommige websites als voorbeeld van een gebouw zou nemen, dan zou ik het liefst ergens in een hutje op het platteland gaan zitten want al die gebouwen die zijn niet heel stabiel en zullen heel snel in elkaar donderen. Dus eigenlijk is het een beetje gek dat we […] we zijn heel erg, tenminste wat ik dan gezien heb bij opleidingen, dingen aan het bouwen en wat voor mooie dingen je allemaal kunt doen en, ik zeg maar wat, heel mooie animaties en heel mooie visuele effecten of heel mooie nieuwe technieken […] dat we eigenlijk willen lekker makkelijk mooie websites kunnen maken die naast elkaar aan dingen netjes uitlijnen zonder dat 20 tot 30 regels code per blokje. Dat is ook heel belangrijk om te weten als webdesigner en webbouwer, maar bijvoorbeeld die toegankelijkheid en […] gewoon dat je inderdaad een site bouwt die niet zomaar omvalt en als we straks met heel rare apparaten op een gegeven moment rondlopen waar we ook een browser op hebben, dat jij gewoon heel relaxed kan zeggen: ‘ja maar, mijn site heb ik zo mooi opgezet, als ik hem straks op mijn smart-swatch open, is hij ook nog wel bruikbaar’. Bijvoorbeeld. Dat je iets moois bouwt dat gewoon ook heel stevig is en het overal doet en ook voor iedereen doet. Ik denk dat dat misschien net zo belangrijk is als dat je weet welke mooie nieuwe C6-technieken er zijn.

V: Ik ben toen overgestapt naar het onderwijs, dit is een van de redenen omdat ik dacht: ‘het lukt mij niet om mijn collega’s op te leiden, ik ga dan gewoon de volgende generatie opleiden, dat is vast wat makkelijker’. Het punt is wel wat ik daar zie […] Ik zie studenten die welwillend zijn, die leren dat, maar die gaan dan bij mijn vroegere collega’s werken en een half jaar later zijn ze het weer vergeten. Of in elk geval zijn ze gedwongen om die kennis niet in de praktijk te brengen. Dus ikzelf heb het idee dat alleen hoger onderwijs of mbo, of waar je het ook maar wilt onderwijzen, dat dat niet voldoende is. Heb je enig idee hoe we dat dan in de huidige professionele praktijk […]

B: Ja, dat vind ik een hele goede. […] Wat ik bijvoorbeeld in Nederland heel interessant vind, is dat je nu nog steeds ziet dat […] Bijvoorbeeld heel veel van onze klanten, dat zijn gemeentes of andere overheidsclubs en die laten dan een website bouwen en dan kiezen ze gewoon een webbouwer uit op allerlei ideeën of voorbeelden of prijzen misschien, maar ze kijken vaak helemaal niet of die webbouwer ook wel iets toegankelijks kan bouwen. Ja, dan komen ze er vaak achteraf achter dat ze dat eigenlijk helemaal niet kunnen. Zo’n webbouwer moet dan alles weer tegen allerlei meerkosten gaan oplossen, die zegt: ‘ja, je hebt ons ook nooit gezegd dat het per se zo moet, dus dan moet je wel bijbetalen ook’. En blijkbaar is dat nog steeds voor heel veel van die partijen, van die overheidspartijen, nog steeds niet een soort van trigger om tegen die bouwers te zeggen: ‘ja hallo, als je het nou niet toegankelijk bouwt, dan zijn de risico’s en de kosten en de ellende die zijn voor jullie’. Dus er zit nooit een soort van stok achter voor die bouwers, ook niet voor de […] Het hele kleine deel van de sites die gebouw worden die wel echt toegankelijk moeten zijn, wettelijk straks ook, zelfs daar zit niet echt een stok achter voor die bouwers van ‘als je dat nou niet doet, dan heb je echt een probleem’. Er is ook eigenlijk voor al die webcollega’s, want voor mij zijn het ook collega’s, is er vaak ook helemaal geen reden om zich daar heel erg druk om te maken. Tenzij ze het zelf op persoonlijk niveau belangrijk vinden, maar ja dan lopen ze weer tegen al hun andere collega’s en projectmanagers aan die zeggen ‘ja, daar hebben we binnen dit project echt geen tijd voor, dat doe je maar in je eigen tijd als je het zo graag wilt’.

V: Dus het gaat over awareness, dus dat mensen zich niet heel erg bewust zijn van de noodzaak en ook de mogelijkheden en dat geldt dan zowel vanuit opdrachtgeverschap […] Dus misschien zou daar eigenlijk ook de oplossing voor een deel […]

B: Deels. Ja, ik denk dat het voor een deel […] Kijk, als daar inderdaad steeds sterker komt van ‘he, let even op en het moet wel echt toegankelijk zijn’, dat geeft natuurlijk de mensen die dit wel willen, en er zijn er echt een hoop die ook wel mooie dingen toegankelijk willen bouwen hoor. Die zijn er wel, maar die krijgen ook vaak de ruimte niet, omdat ze dan zeggen ‘nee, daar gaan we nu geen extra werk in steken’ of ‘daar gaan we nu niet op letten’.

V: Dus heeft het ook een imagoprobleem of zo?

B: Ja, ik denk dat dat het ook wel is.

V: Zo’n wobbly button is gewoon tof. Natuurlijk willen we een wobbly button! Tenminste, ik wil dat. Ik wil buttons die bewegen en van kleurtjes veranderen, dat vind ik te gek. En dat vinden heel veel product owners waarschijnlijk ook.

B: Ja hoor, dat kun je laten zien, dat is leuk.

V: Dus hoe maken we toegankelijkheid dan […] kunnen we dat geil maken?

B: Nou, als dat eens zou lukken.

Publiek:

B: Ja, ik heb het ook nooit […] Ik vind toegankelijkheid vind ik heel interessant en ik vind het zelf leuk werk, maar je moet wel goed gek zijn om dit leuk te vinden, toch? Eigenlijk?

V: Ik weet het niet, ik vind het helemaal te gek.

B: Ik dus ook, maar blijkbaar zijn wij in de minderheid. Hoe maak je dat nou leuk? Geen idee. Ik hoorde een jaar geleden, twee jaar geleden dat ze bij Facebook, hadden ze volgens mij 3G Tuesday, dat het hele netwerk gelimiteerd wordt tot 3G snelheden met bijbehorende laadtijden. Misschien moeten we screenreader […] O nee, op zaterdag werkt niet, want Screenreader Saturday wordt hem niet. Mouse Free Mondays!

V: Ik heb ook wel eens gehoord dat […]

B: Meteen na het weekend, dat komt er goed in dan.

V: Precies, iedereen lekker chagrijnig. Alle muizen weghalen. Ik weet niet of je daarmee sympathie kweekt.

B: Oh, het moet leuker worden. Nee, ik denk wel dat je awareness kweekt, ik denk niet dat je […] Ja […] Nee, dat misschien […]

V: Wat ik ook vaak hoor, is: ‘ah joh, maak je nou niet zo druk hierom, AI fixt alles binnenkort’.

B: Oh ja, die hebben we ook nog.

V: Ja, is dat zo?

B: Ik denk het niet.

V: Zijn er dingen die het bijvoorbeeld wel zouden […] Ik heb zelf het idee dat bijvoorbeeld met een beetje image recognition zou je op een slimmere manier die hiërarchie van een pagina kunnen veranderen.

B: O ja, daar ben ik het ook wel mee eens, dat het zou kunnen. Maar wat ik dan wel interessant vindt, is dat natuurlijk structuren en designtrends om de paar jaar helemaal om gaan. Dus bijvoorbeeld Vroeger was een knop een knop en nu is een knop een vlak met misschien, als je mazzel hebt, een lijntje eromheen zodat je weet dat het een knop is. Dus dan moeten we ook eigenlijk om de paar jaar moeten we die AI weer opnieuw gaan opvoeden, dan snapt hij het weer niet. Volgens mij snappen heel veel mensen het ook al niet, dus dan wordt het heel lastig dat een AI het wel […] Ik denk als we er eentje hebben die het wel allemaal snapt, dat heel veel andere mensen daar ook heel erg blij van zouden worden, soms. Maar als je inderdaad […] Eigenlijk die structuur die je dan blijkbaar toch nodig hebt, we hadden het ook over het winkelwagentje enzo, als je die eruit kan halen met een AI bijvoorbeeld, misschien kun je daar wel leuke dingen mee doen. Maar voorlopig vrees ik dat het hem nog niet helemaal gaat worden, maar het zou wel leuk zijn.

V: Zo slim zijn AI’s ook helemaal niet, dat valt allemaal wel tegen.

B: Nou, ik zou het wel leuk vinden als het zou werken.

V: Ik heb wel eens een student van mij wat laten experimenteren met het kijken of hij de sfeer, de visuele sfeer, van een pagina kon bepalen met behulp van allemaal API‘s en dat dat dan aan jou voorgelezen wordt. Dat is natuurlijk iets dat voor jou […] Alle pagina’s klinken hetzelfde. Zelfde stem, zelfde intonatie, daar hoor jij geen verschil in. Tenzij jij iemand tegenkomt die probeert de screenreader te laten grinniken. Of ‘boink, boink, boink’ te laten zeggen.

B: Ja, dat waren een paar leuke demo’s.

V: Maar verder […]

B: Ja, en eigenlijk doen we […] Jij wilt een springende knop en visueel doen we ook van alles op dat gebied, maar verder doen we er ook eigenlijk ook niet zo heel veel mee.

V: Heb je daar geen voorbeelden van, van prettige, grappige of leuke […]

B: Ik had jou […] Ik had je natuurlijk in Berlijn gezien […] Ik zat me daarna nog eens af te vragen: ‘welke sites zijn nou echt leuk?’. Ik ken er eigenlijk geen een die echt […]

V: Jammer.

B: Ja, dat vind ik ook jammer. Maar ik ken er eigenlijk geen een die behalve misschien visueel leuk, waar ik niks aan heb, echt leuk is. Ik ken er wel eentje die […] ook zo’n goeie trouwens […] Een tijd geleden stond er een site online, helaas is die inmiddels weg, hij zit volgens mij nog ergens in het archive […] Op de homepage hadden ze zo’n carrousel, zo’n slider ding waar steeds tekst in komt te staan en dan loopt hij door naar het volgende tekstblokje. Sowieso is zo’n ding aan een blinde al heel moeilijk uit te leggen want ze hebben het natuurlijk nooit gezien, de meesten. Ik weet hoe die dingen werken omdat ik ze in mijn werk vaak tegenkom en omdat ik ze weleens heb moeten helpen bouwen enzo, maar als je dat niet weet en je komt gewoon zo’n ding tegen wat maar steeds onder je vingers verspringt, dan heb je zoiets van ‘wat is dit voor onzin, ik snap het helemaal niet, ik snap het nut er niet van’. En bij deze carrousel had iemand blijkbaar bedacht ja dat moet dan toegankelijk, dus die hadden ze zo gemaakt dat nieuwe tekst ook automatisch werd voorgelezen. En daar stonden teksten in als ‘goedemorgen, welkom op onze website’, ‘goedemorgen, we werken binnenkort aan…, ‘goedemorgen, let op: het is weer tijd om…’. En dat ging om de twee seconden naar het volgende blokje.

V: Ongevraagd werd het de hele tijd voorgelezen.

B: Als je niks deed en je ging gewoon achter je computer achterover leunen en even denken van ‘nou, eens even denken wat ik op deze site wil doen’, dan was het […] ondertussen hoorde ik: ‘goedemorgen’. Zeker als je dan je spraak niet zo snel hebt staan, dan is de ene tekst nog niet afgelopen en de volgende die komt alweer, dus dat […] Ja, dat loopt dan zomaar door de hele tijd. Maar even los van het feit dat je geen idee hebt waar het vandaan komt en wat het is, is dat natuurlijk ook gewoon heel storend. Ik heb hier ook nog een brailleregeltje bij staan dan kan ik in braille nog meelezen wat er voor tekst staat, maar als je dat niet kan, dan denk je zoiets van ‘he, hoort dit nou bij de lopende tekst? Dat slaat nergens op, wat is dit?’ Dus eigenlijk heeft iemand dan blijkbaar dan toch geprobeerd om die visuele ervaring, die irritante carrousel die de hele tijd voor je neus heen en weer loopt, over te brengen. Zo van ‘als het dan irritant is, moet het ook voor jullie irritant zijn’. Dat vind ik een heel goed uitgangspunt, maar […] Ik heb het ook aan een paar mensen laten zien, maar mensen snappen dan ook gewoon niet wat het is.

V: Ik was laatst bij een presentatie ook van Johan Huijkman toevallig en toen was er iemand in de zaal en die zei van ‘ja, ik wil ook mijn werk toegankelijk maken’. En die Johan vroeg: ‘wat maak je dan?’. ‘Banners.’ En toen zei hij: ‘misschien is dat wel het enige dat we niet toegankelijk moeten maken.’ Is dat juist een heel prettig ding om […]

B: Nee dat is wel een heel prettige bijkomstigheid. Laat die vooral niet toegankelijk worden, dat is wel een verzoek.

Publiek: Mag ik iets tussendoor vragen?

B: Ja hoor, graag.

Publiek: Wat mij zo opvalt als ik een site zie, dan heb ik tekst. Maar ik heb heel veel visuele informatie: ik heb kleuren, ik heb vormen. Die screen reader die maakt overal tekst van. Dus waar ik inderdaad een blokje zie wat mij duidelijk maakt, grafisch, dat er een bepaald type kop zit, maakt de screen reader maakt daar een heading 1, 2, 2, 4 van. Zijn er ook dat soort screenreaders die dat soort […] wat voor mi dan grafische informatie is op een andere manier dan in tekst oplossen. Dat zo’n heading bijvoorbeeld een plingeltje is en dan de tekst leest.

B: Ja, er zijn wel screenreaders waar je dingen met geluid kan instellen, bij NVDA wordt er nog steeds aan gewerkt dat dat kan […] Bijvoorbeeld in een andere screenreader, in Jaws kun je wel dingen al met geluid kiezen. Bijvoorbeeld dat je een geluidje hoort zodra je op een link komt of op een kop of op een spelfout, ik noem maar iets. Maar bijvoorbeeld op de iPhone voice-over en de Mac voice-over zitten wel wat geluiden, je kunt er bijvoorbeeld voor kiezen om in plaats van het woord ‘link’ een piepje te krijgen. Die zijn er wel, op kleine schaal, laat ik maar zeggen. Dat is denk ik ook wel heel slim want je kunt natuurlijk met geluid […] met hele korte geluidjes kun je een soort van icoontjes nabootsen. Wat ik zelf het fijne van geluid vind, is dat je het kunt combineren met spraak. Als je de tekst hebt ‘kop niveau 1, welkom op de website van…’, dan moet je eerst helemaal luisteren naar die kop op niveau 1 en dan krijg je de tekst en misschien kun je het wel omdraaien, dat je eerst tekst krijgt en dan de ‘kop niveau 1’ maar je kan het nooit tegelijk beluisteren. Tenminste, dat vind ik dan niet prettig, om naar twee stemmen tegelijk te moeten luisteren. Maar als je dat met geluid zou doen, dan kun je inderdaad die informatie tegelijk over brengen. Dus ergens verbaast het mij ook dat daar nog niet zo heel veel structureel mee gebeurt. Dat zou best wel mogen van mij hoor […]

V: Dus de toolmakers, de screenreadersmakers, zouden daarin meer user research moeten doen? Ik had het laatst met Leonie Watson erover, zij werkt bij Paciello Group die maken Jaws […] Of volgens mij wordt Jaws bij hun ook gemaakt.

B: Ze zijn nu eigenaar […] Ze zijn overgenomen door uiteindelijk dezelfde club, maar officieel maken ze het niet. Ze hebben waarschijnlijk wel mensen heel dichtbij die het maken inderdaad, dus als er iets niet werkt dan kunnen ze waarschijnlijk wel bellen van ‘he, los dat eens even in de volgende versie op’.

V: Zij had het daar inderdaad over, dat bij hun engineering team gaan ze er eigenlijk vanuit: ‘iedereen die dit gebruikt’ […] Of ‘we zetten alle opties aan’. Standaard. En als je ze niet aan wilt, dan moet je ze zelf uitzetten. Dat is natuurlijk iets wat ik weet, dat niet-nerds die weten niet dat er opties zijn.

B: Om een voorbeeld te geven, als ik even de documentopties van NVDA pak… (computerstem: ), dit zijn allerlei dingen die ik kan aan- en uitvinken die ik al dan niet uitgesproken wil hebben en in braille wil zien. Dat is een hele lijst. Ik kan bijvoorbeeld zeggen: ‘ik zet alle lijsten uit, ik zet alles wat klikbaar is uit, ik zet frames uit en ik zet links zelfs uit’. Dat kan allemaal. Headings set ik uit.

V: Maar dan moet je ook al weten wat het is natuurlijk.

B: Precies.

V: Ik kan niet van bijvoorbeeld mijn vader verwachten dat hij weet wat een landmark is, toch?

B: Nee, nu heb ik dus inderdaad een pagina gecreëerd met […] ook in braille nu heb ik even zitten kijken […] waar geen links meer […] tenminste niet meer genoemd worden, waar geen koppen meer zijn (computerstem: 15 november, 2Doc, naar Q)

V: Q?

B: Dat is een icoontje waarschijnlijk.

V: Een play-button is dat. De letter Q. (computerstem: 6, 2Doc maakt Q)

B: Ik heb inmiddels ook geen idee […] Kijk, ik kan er nu nog wel doorheen tabben (computerstem: 2Doc makers, 2Doc maakt, naar alle afleveringen meer). Nu zegt hij nog wel de tekst, maar hij zegt niet meer dat het een link is. Dus ik kan dat allemaal uitzetten en dan word ik helemaal gek omdat ik niet meer weet wat wat is. Maar ja, überhaupt dat die opties er zijn, is al […] dat moet je al weten en […] Bijvoorbeeld Jaws heeft 3 profielen: beginner, gevorderden en het zou ‘nerd’ moeten heten, maar het heet anders.

V: Jammer.

B: Jammer ja. En beginner leest inderdaad echt alles voor.

V: Moet dat eigenlijk niet andersom?

B: Ja, dat vraag ik me dus ook weleens af. Of […] Nou ja, in ieder geval slimmer.

V: Slimmer, dat niet dingen die […] waarvan je niet moet verwachten dat mensen […] Documentstructuren, daar moet je […] dan moet je documenten bestudeerd hebben, toch? Heading levels. Dat kan je niet van iedereen verwacht, dat hij weet wat een heading level is. En al helemaal niet op het web waar het een beetje ad random gebruikt wordt.

B: Vaak wel.

V: Die documentstructuur is over het algemeen een rommeltje.

B: Soms klopt hij wel, maar dan hebben mensen er echt op gelet.

V: En als je dan probeert te reverse engineeren, dan krijg je van ‘wat is dit voor gekke pagina, die headings staan niet op de juiste volgorde, er is vast iets mis’.

B: Ja, maar als je die informatie allemaal niet zou geven, dan ben ik een beetje bang dat mensen zoiets hebben van ‘ja, maar als ik het weg op ga, dan zie ik altijd maar één lange brij van tekst en sommige dingen kan ik toevallig aanklikken en sommige niet en ik heb geen idee waarom’.

V: Eén van mijn conclusies was op een gegeven moment: haal alles maar weg. Laten we alleen maar paragrafen en linkjes gebruiken en verder niks want dat levert alleen maar extra content op. Dat was na een eerste observatie van iemand die echt zo ontzettend zat te worstelen met alle heading levels, geen idee had wat al die dingen betekenden. Dan moeten we dat dus maar weglaten. Maar dat mocht ik laatst op het congres niet zeggen anders zou ik van het podium afgegooid worden.

B: Dat zei je wel ja, dat je het niet mocht zeggen.

V: Ja. Nou, ik vind het ook niet meer. Maar laten we zeggen dat […] Ik weet ook niet precies waar de oplossingen dan wel zitten.

B: Wat volgens mij nog wel een […] En ik weet niet zo goed hoeveel ze dat bijvoorbeeld bij een Jaws doen of bij een, ik zeg maar wat, een voice-over of een weet ik wat je nog meer voor screenreaders hebt […] Bijvoorbeeld bij NVDA, dat wordt door twee blinden gebouwd omdat ze niet blij waren met alle andere screenreaders want die waren of te duur of die deden niet wat ze wilden. En dan bouw je er zelf een, zo gaat dat dan uiteindelijk.

V: Heerlijk toch, die nerds.

B: Ik vind het ook heel tof dat dat tegenwoordig kan. Ik bedoel, je kan pas een screenreader bouwen als je een screenreader hebt want anders heb je geen screenreader om je code te lezen. Ja, het duurt even voordat blinden zelf screenreaders bouwen, maar gelukkig zijn we daar nu al een paar jaar beland. Het leuke daarvan is dat zij functies bouwen deels op basis van eigen inzichten en op basis van wat andere screenreaders voor hun deden. ‘Als zij het ook zo doen, dan zal het over het algemeen wel een goed idee zijn’. Maar eigenlijk hebben ze daar niemand op zitten die echt […] nou ja, dat helemaal vanuit de user bekijkt. Ja, ‘het idee dat we een webpagina vertalen in een soort van document waar je doorheen kan pijlen, dat doen we al jaren, dus dan bouwen wij het ook maar zo’. Het grappige is dat bijvoorbeeld voice-over en nu Narrator, de Windows screenreader doen dat niet. Die bieden wel allerlei sneltoetsen en doen ook allerlei navigatiedingen wel, maar die maken van je webpagina niet zo’n documentje waar je zo doorheen gaat pijlen. Dat staat nu ook wel weer ter discussie want het heeft ook andere nadelen. De hele interface […] Als je bijvoorbeeld naar, ik zeg maar wat, de website van Twitter gaat of zo, die heeft allemaal sneltoetsen bedacht om naar de volgende en vorige tweet te gaan. Dat is een J en K en van alles en nog wat. Een R voor reply, noem het allemaal maar op. Ja, voor screenreadergebruikers werkt dat standaard allemaal niet want al die sneltoetsen die zijn al gejat. Als ik op de J druk […] Ik zou eigenlijk niet weten wat de J doet. (computerstem: input J) Oh, die doet niks. Maar de K (computerstem: K, moves to the next link, left control), die gaat naar de volgende link. Als ik een tweet wil liken, dan ga ik naar (computerstem: L, moves to the next list), dan ga ik naar de volgende lijst. Dus al die dingen die werken niet omdat die screenreader daar zelf zijn dingetje voor bedacht heeft. Ik kan die hele leesmodus kan ik uitzetten dat doe ik als ik een formulier wil invullen bijvoorbeeld, anders zou ik ook niet kunnen typen. Dan kan ik gewoon al die toetsen doen. Maar ja, leg dat ook maar eens uit. Dus het levert ook wel problemen op, dit interactiemodel, maar ja, we hebben het nu eenmaal al jaren zo en technisch is dat ook hoe de browser en screenreader het makkelijkst in de meeste gevallen nu samenwerken.

Publiek: Is het dan niet zo dat er een NVDA light moet komen, voor simpele gebruikers.

B: Ja misschien, alleen de heel interessante vraag is dan dus ‘wat moet hij doen en hoe’. Want als je dan kijkt bijvoorbeeld naar die niveauprofielen in Jaws, als je dan zegt ‘beginner’, dat je dan juist alle informatie krijgt. Misschien is dat helemaal niet zo’n goed idee.

V: Ik vind het eigenlijk wel gewoon een heel leuke opdracht voor mijn studenten. Dat ga ik ze geven.

B: Maak maar een light.

V: Het volgende blok. Mogen ze dat lekker gaan onderzoeken. Wat moet een screenreader voor een beginner nou juist wel of niet doen. Zullen we dat eens gaan doen?

Publiek: Misschien moet je eerst vragen aan ze wie is de gebruiker, zijn ze blind, halfblind […]

B: Sure. Ja. Misschien moet zo’n screenreader dat ook vragen, wanneer je het voor het eerst opzet. ‘Wie ben je, wat wil je doen?’

Publiek: Een wizard.

B: Ja, zoiets.

V: Die werken als sinds 1999. He, dank je wel. We zijn al ruim een uur bezig. Zijn er nog vragen vanuit het publiek? Vast wel.

Publiek: Ik weet niet tot in hoeverre het van toepassing is, maar bij mijn werkgever zijn we onlangs bezig geweest met een component light reader. jullie spraken eerder over componenten en dat het belangrijk is dat je daar in ieder geval kijkt of de componenten toegankelijk zijn. Onze focus is om puur toegankelijke componenten te maken en wij kwamen erachter dat […] Er zijn fases dat […] Er zijn gevallen waarin bijvoorbeeld geen guidelines is. Ik noem een formulier waarin je zegt ‘ik heb een serie checkboxen en daar mag ik minimaal 0 selecteren en maximaal 5’. En daar is geen patroon voor.

B: Nee, dat klopt.

Publiek: En content hints, nou hoe zullen we die content hints doen. Daar is wel een soort patroon voor, maar dat werkt dan weer niet in elke combinatie van browsers en screenreaders en operating systems. Nou, dan gaan we maar gewoon doen wat in de meeste gevallen werkt. Misschien heb jij zelf hier een mening over. Het tab-panel.

B: O, houd op.

V: O God, nee. Daar wil ik het niet over hebben. Nee het moet leuk blijven.

B: Ik heb daar wel wat ideeën over, ja.

Publiek: Ok. Componentontwikkeling dat is moeilijk als je van sommige componenten al niet weet wat de guidelines zijn, hoe je het het beste kunt doen. Hoe komen wij er dan zelf achter wat die guideline moet zijn?

B: Wat ik al heel moeilijk vind bij componenten is dat ik soms ook niet weet waar ze terechtkomen. Zonder teveel op tab-panel in te gaan, maar als je een tab-panel maakt, wat gaat het tab-panel doen? Worden het van die uitklapdingen met verschillende stukjes content? Of worden het misschien […] Ik heb ook wel eens creatieve tab-panels gezien waar je dus een formulier hebt waar je meerdere tabbladen hebt voor stappen. Of een tab-panel als je bijvoorbeeld een route maakt en je kunt kiezen tussen de looproute, de fietsroute en de autoroute. Wat gaat het tab-panel doen? Soms is het afhankelijk van wat het ding gaat doen, moet je er technisch een andere logica achter gooien. Dus ik heb ook nu een, in twee componentlibraries die wij nu aan het testen zijn geweest […] sommige dingen gevonden waarvan ik zeg ja je moet het gewoon heel goed documenteren: ‘als je dit wilt doen met het component functioneel, dan moet je hem zo maken en als je dit wilt doen, moet je hem zo maken’. Bijvoorbeeld de aloude vraag: is een knop een knop of is een knop een link? Ja, er zijn mensen die het daar de hele middag over kunnen hebben en die vinden dat nog leuk ook. Maar dat zijn dingen die je soms gewoon moet documenteren omdat je niet weet wat het componentje gaat doen. En soms weet je wel wat het componentje doet, maar weet je inderdaad niet zo goed hoe je dat dan zou moeten vormgeven. Het vervelende daarvan vind ik: op het web kunnen we nu heel veel doen […] We kunnen bijvoorbeeld ook met, ik zeg maar wat, met life regions kunnen we eigenlijk gewoon die screenreader de opdracht geven: ‘ga maar dingen zeggen’. Dat geeft je eigenlijk heel veel flexibiliteit, het gaat soms zelfs nog verder dan wat je op native applicaties zou kunnen doen. Wat heel leuk is. Maar dan zie je dus ook weer dat mensen echt hun eigen interfacesjes gaan verzinnen en maken. Enerzijds omdat ze geen pattern hebben, geen standaard getest dingetje van ‘nou, dan gaan we dat toepassen’. Anderzijds ook omdat je die mogelijkheden hebt. Bijvoorbeeld toen Google Docs er nog niet zo lang was, toen hadden ze op een gegeven moment ook iets bedacht om het toegankelijk te maken en Google Docs ging gewoon zijn eigen spraakoutput regelen. Die stuurde letterlijk naar de screenreader ‘top of document, line 1’ en dan werd het voorgelezen. Dat is leuk als je met die spraak werkt en het werkt redelijk, maar als je bijvoorbeeld dan ook braille-output had, dan werkte het niet want in braille zag je alleen maar een knipperend cursortje en daar bleef het dan bij. Maar ja, vind ik dat fout? Ja, dat vind ik wel fout want het is vervelend en het werkt niet. Hoe moet het dan? Geen idee want er is geen patroon, nog steeds niet […] Er is nog steeds geen goed patroon voor een bewerkbaar document waarin alle mogelijke opmaak kan, zoals links, lijsten, tabellen en koppen, waar ik ook nog eens een keer spelfouten wil aangeven, stijlen wil aangeven en wil laten zien waar andere mensen aan het editen zijn. Nee, daar heb ik geen pattern voor wat je kunt toepassen. En dat is dan een van de complexere gevallen. Terwijl een Google Docs is natuurlijk voor heel veel mensen gewoon echt een redelijk simpel ding. Als je tegen een gemiddelde […] Een gemiddelde gebruiker bestaat niet, dat weet ik ook. Maar als je tegen een gemiddelde gebruiker zegt van ‘hier heb je een Google Docs link. Klik erop en je kunt in mijn document werken’, dan gaat dat meestal wel goed. Heel veel mensen doen dat ook. Maar als je dat naar een blinde stuurt, dan houd ik mijn hart vast want ik weet niet hoe ver de blinde gaat komen. Dus het is […] Ook dat lijkt eigenlijk een heel simpele interactie die dan technisch heel complex is en die we eigenlijk ook niet heel goed kunnen aanbieden omdat we er geen patroontje, of geen standaard idee voor hebben. En dat vind ik ook een heel goed van Job, van ‘wat doen we dan?’. Nou, dan proberen we meestal maar iets te verzinnen met onze inzichten dat op de meeste plekken tot op zekere hoogte gaat werken. Soms is dat heel frustrerend, vind ik zelf, omdat je het eigenlijk gewoon goed zou willen doen, maar ja, hoe dan?. Geen idee. Dus als jij daar ook nog een antwoord op hebt, Job?

Publiek: Was het maar zo’n feest. Ja, het enige wat ik kan verzinnen, is: onderzoeken, onderzoeken, onderzoeken en kijken wat het beste werkt. En soms is het er misschien niet. Of nog niet.

B: Klopt.

V: Ik zag nog een vraag […] Ik wil dat de laatste vraag maken.

Publiek: Het was ook misschien niet echt een vraag, misschien meer een aanvulling daarop. Ik denk dat dit juist een goed punt zou kunnen zijn waarop dus het gebruikersonderzoek, gebruikerstesten een goede aanvulling zouden zijn op de standaard.

B: Oh ja, zeker.

Publiek: Goede componenten zijn gebouwd volgens de standaarden waarschijnlijk, daar is geen patroon voor en dat is waarschijnlijk het moment dat je er mensen bij moet gaan halen.

V: En hen ook daadwerkelijk betrekken in je ontwerpproces, denk ik ook. Niet alleen als object om naar te kijken, maar ze ook […]

B: Ik zou ook de laatste zijn die zegt dat testen met gebruikers geen zin heeft. Maar testen met gebruikers, zeker als je met specifieke doelgroepen wilt testen, is best wel gevaarlijk want je eindigt al heel snel met een te kleine groep. Dus als je dan klakkeloos alles wat daaruit komt maar gaat doorvoeren, dan heb je het waarschijnlijk voor een andere kleine groep weer verpest. Dus het is best nog wel ingewikkeld en daarom vond ik die richting van Vasilis ook wel zo leuk dat hij zegt ‘nou, laten we dan voor elke groep maar een eigen dingetje gaan bouwen’. Waarvan we eigenlijk al jaren roepen ‘dat moet je absoluut niet doen, want dat gaat helemaal fout en dat is alleen maar slecht en iedereen moet dezelfde site hebben’. Maar ja, soms worden dan dingen misschien zo complex of heb je er geen patroontje voor, dat je kan zeggen ‘ja, ik weet dat dit voor die groep werkt en dat dat voor die groep werkt, misschien is dat dan toch heel soms de beste optie’. Dus dat vond ik wel een hele leuke dat jij dat ook deed.

V: En het is eigenlijk wat jij natuurlijk ook doet als nerd. Jij maakt jouw eigen oplossing. En ik maak nerd-oplossingen voor niet-nerds. Misschien moeten we dat ook af en toe doen: onze nerd-tijd aan aan niet-nerds geven.

B: Oh, dat doe ik wel eens, dat is leuk. Ja. Maar ik vind het ook gewoon heel leuk om te observeren waarom het de niet-nerds dan niet lukt, dan denk ik ‘oh, dat is interessant, zo had ik er nog helemaal niet over gedacht, dat dat een probleem kon zijn’. Dus dat is ook […] Als nerd leer je er een heleboel van.

V: Ik moet om een hele stomme reden dit gesprek stoppen. Namelijk: die blauwe HDMI-kabel, die moet voor 17 uur ingeleverd worden. Enorm bedankt voor dit fantastische gesprek, dank je wel.

B: Jij bedankt.

]]>
https://vasilis.nl/research/2018/11/transcriptie-en-video-van-het-gesprek-tussen-bram-duvigneau-en-vasilis-van-gemert/feed/ 0
A conversation about experts and casual users https://vasilis.nl/research/2018/11/a-conversation-about-experts-and-casual-users/ https://vasilis.nl/research/2018/11/a-conversation-about-experts-and-casual-users/#comments Mon, 12 Nov 2018 12:39:32 +0000 https://vasilis.nl/research/?p=318 On Friday the 16th of November at 15:30 Bram Duvigneau and Vasilis van Gemert will have a conversation about web design for people with disabilities. The conversation will focus on the different needs of expert and novice screen reader users.

Bram Duvigneau is an accessibility researcher and consultant at Firm Ground, with a background in (backend) web development. He has been helping governments and businesses in optimising their websites to work for everyone.

Bram also happens to be blind. He is the epitome of an expert screen reader user. During this conversation Bram will shortly show how he uses his screenreader, and the different options available for power users like himself.

Vasilis van Gemert is a lecturer at the University of Applied Sciences where he teaches the next generation of digital designers about designing for the web. Currently he is researching the role that design can play in accessible web design. He will give a short presentation about his research as an introduction to the event.

During his research Vasilis observed both experts and casual users working with screen readers. One of his conclusions is that with current best practices in web accessibility not all kinds of users might be best designed for. Bram and Vasilis will discuss all kinds of possible options to solve this problem.

The event is open to everybody. Please let me know if you’re planning to join.

Location: Wijnhaven 61, Rotterdam – room W4.139
Time: Friday 16 November, 15.30 PM

]]>
https://vasilis.nl/research/2018/11/a-conversation-about-experts-and-casual-users/feed/ 1
Design like it’s 1999 https://vasilis.nl/research/2018/09/design-like-its-1999/ https://vasilis.nl/research/2018/09/design-like-its-1999/#comments Fri, 28 Sep 2018 20:06:39 +0000 https://vasilis.nl/research/?p=271 Simon Dogger is a product designer. He designs all kinds of physical products. Simon is not really a computer guy. Like most people probably, if he doesn’t have to use his computer, he doesn’t use it. One of the things he wants to do with his computer every now and then is to use the online archive of Dutch documentaries, 2Doc, for his research.

When I visited this site for the first time with the intention to browser the archive, I took a quick look at the site, and without too much delay I found a promising link in the navigation that I clicked on.

An image of the homepage of 2doc.nl

For instance, when we click on the option Thema’s, we are presented with a drop down menu with the options to browse the archive via themes, makers and locations.

A dropdown showing three options to browse the archive

And when we pick themes, we are presented with this nice and easy page with a nice list of meaningful themes. From there on it’s pretty straightforward to find a specific documentary, or to be surprised with the various films that Dutch television has produced over the years. It is an incredible archive.

A clear overview of the themes that the 2doc archive uses

Back to Simon

For Simon things are a bit more complicated. Simon is blind. When Simon visits this website, every single item on the page is spoken out loud to him by his screenreader. And not just the content of the item is spoken out, its meaning is stated clearly as well. For instance, a link to Themes will be pronounced as themes, link. And a heading for the section with new documentaries will be pronounced as heading level 2, New documentaries. I tried to visualise this:

A visual impression of the extra words that some screenreaders speak, compared to the original website on the left.

As you can see, there’s more content on the page for screenreaders.

When the page loads the screenreader gives Simon some extra information about the page, so he can orientate a bit. It tells him how many headings there are (79) and how many links (149).

A summary of headings and links

One hundred and fourty nine links. And one of them is the one Simon is looking for. I’ve watched him trying to find a link to the archives. The screenreader started reading all elements, one by one. Navigation! List! Six items! Home, link! Documentaries, link! To him, every link, and every item on the page seems to be screaming: I am the most important thing on this page! With every single link he has to wonder if this is the one he’s looking for, or if it is one of the other 148 links. I think the image where I show the extra content that screenreaders add to the page doesn’t visualise the audible experience well enough. I think this next image does a better job of showing the difference between the visible and the audible experience.

A page with an overkill of screaming green letters splattered all over the page, with the original homepage on the left.

Simon quickly gave up. He simply can not use this site. There are too many things on this page. It’s a haystack where the needle looks like hay.

I made a redesign for him. It’s pretty simple.

A comparison between the original website and the one I designed for Simon

The homepage says:

I’ll keep it short.
On this page you can browse the documentaries via:
Themes, link; makers, link; locations, link.

That’s it. This enables Simon to browse the archive and use it for his pleasure and his research. Simon was amazed. While he had tried many times before, he had never found these three thematic entrances to the 2Doc archive.

When I showed this design to Yuri Westplat, a colleague of mine and very experienced UX designer, he exclaimed: this is what websites looked like in the nineties! Where did we go wrong?!

I’m not sure if this design I made for Simon is the ideal form for each and every website. It could be there’s a sweet spot somewhere between the two paragraphs and three links of my version, and the 80 headings and 150 links of the current version.

]]>
https://vasilis.nl/research/2018/09/design-like-its-1999/feed/ 2
Flipping Things https://vasilis.nl/research/2018/07/flipping-things/ https://vasilis.nl/research/2018/07/flipping-things/#respond Mon, 09 Jul 2018 09:07:48 +0000 https://vasilis.nl/research/?p=258 One of the assignments of the Master Design Research I’m doing is writing a visual essay. It can be seen as an exercise for my final publication, which hopefully will be done in January 2019. Of course I decided to publish this essay on the web. The web is my medium.

The colourful visual essay Flipping Things

The essay is about flipping things. About wondering what’s on the other side. About looking at things from a different perspective. There’s some theory that substantiates the reversal of principles, there’s examples of flipping in the wild that work out well, there are prototypes that are created with the flipped principles that I created, there’s some poetic flipping and, well, there are things that flip.

It’s called Flipping Things and I hope you like it.

A big thank you to Katrien Vermeulen, Hanneke Briër, Philip Saa, Alla Kholmatova, Vitaly Friedman and Qa’id Jacobs for taking the time to review the essay and providing me with valuable feedback. An enormous thank you to Bart-Jan Steerenberg for art directing me on the animations. And a huge thank you to Charlotte Gran of the Statens Museum for Kunst in Copenhagen, Denmark, who was so kind to send me the high resolution image I was looking for.

]]>
https://vasilis.nl/research/2018/07/flipping-things/feed/ 0
Turning the Inclusive Design Principles into the Exclusive Design Principles https://vasilis.nl/research/2018/07/turning-the-inclusive-design-principles-into-the-exclusive-design-principles/ https://vasilis.nl/research/2018/07/turning-the-inclusive-design-principles-into-the-exclusive-design-principles/#respond Sun, 08 Jul 2018 14:22:15 +0000 https://vasilis.nl/research/?p=249 The Exclusive Design Principles are at the basis of my research. In this blog post I’ll try to explain how this set of principles evolved out of a set of Inclusive Design Principles that the Paciello Group published.

Why flip?

Alla Kholmatova explains in her talk about design principles[1] that one way to test if design principles are powerful is to flip them. If you can imagine someone else using your flipped principle, then it’s a good one.

When the Paciello Group published their principles in September 2017 I was desperately looking for a direction in my Master research. Back then I explored all kinds of possible directions. As a simple exercise I decided to flip them. This turned out to be a valuable exercise.

How did I flip?

Initially I took each principle and flipped it as literally as possible.

Provide comparable experience versus Provide a unique experience

The idea of providing a comparable experience is that people consume the web with all kinds of input and output. You should make sure that everybody is able to use your site. So someone with a screenreader should have a comparable experience to someone with a screen.

On the other hand, providing a unique experience, without thinking about other possible ways to interact, means that a very specialised experience can be crafted. At the moment this is the state of things when it comes to web experiences for sighted people who use a screen and either a mouse or their fingers for most of their interactions. By providing only these kinds of experiences for the last 25 years we have become very, very good at them.

This principle passes the test.

Consider situation versus Ignore situation

The Paciello Group explains why you should consider situation: People use your interface in different situations. Make sure your interface delivers a valuable experience to people regardless of their circumstances.

There are websites that only work in tightly controlled environments. In these cases it’s debatable whether you should take other environments into consideration. For instance, a check-in kiosk on an airport only has to run in that particular environment.

This principle passes the test.

Be consistent versus Be inconsistent/innovative

This principle is all about using design patterns that people know. For instance, don’t put the main navigation on the bottom right corner of the screen, since people are used to finding it at the top of the page.

I can think of a few situations where someone might choose to ignore this principle. For instance, if you think that a current design pattern is not as good as it could be you could decide to innovate. Putting the navigation in the footer could be a much better pattern in certain situations.

This principle passes the test.

Give control versus Take control

In A Dao of Webdesign, published in 2000[2], John Allsopp explains that the best way to deal with the chaotic nature of the web is to let go of control as a designer and leave the user in control: there are so many different types of devices, different resolutions, different ways to interact, it’s impossible to control exactly how your websites looks and behaves. Instead it’s better to build your website in such a way that people are able change the way it looks and works according to their needs.

Taking control as a designer on the other hand can be a good idea in certain situations. For instance, when designing interfaces that are used in dangerous environments, where wrong usage is a matter of life and death, it’s important that flexibility is minimal.

This principle passes the test.

Offer choice versus Offer the best possible solution

The Paciello group explains this principle as follows: Consider providing different ways for people to complete tasks, especially those that are complex or non standard.

Again the opposite can be a good idea in certain situations: for instance, there are many possible ways to write code, and many developers have their personal preferences. If you work by yourself, coding preferences don’t matter all that much, but when you work in a team on a large scale software product it’s a good idea to follow a strict set of coding conventions.

This principle passes the test.

Prioritise content versus Prioritise identity

Help users focus on core tasks, features, and information by prioritising them within the content and layout.

I think this is a problematic principle. I can’t imagine any company working with a design principle that expects you to explicitly ignore the core tasks, features and information. So instead of flipping this principle literally into something like ignore content, I flipped it into prioritise identity: There are definitely design agencies that put branding first and foremost. It’s debatable whether this is a reversal though: content can be part of branding as well.

This principle doesn’t seem to pass the test without some trickery

Add value versus Add nonsense

Literally it doesn’t make sense to flip this principle. Nobody will work according to the remove value principle. The Paciello Group seems to use this princple in a technical way: use technical features of the browser to make it easier for people to use your application.

While a literal reversal doesn’t work, again a more liberal flip does work: instead of adding value, adding nonsense could be a fine principle to work with. There are many examples of companies that go to great length to add all kinds of funny features. Again it’s debatable if this is a strict reversal: it’s possible to add value and nonsense at the same time. In an emotional sense they are opposites in a way though: adding value is a serious, stern principle. Adding nonsense seems to be funny and flexible.

This principle doesn’t seem to pass the test without some trickery

Why did I stay with the exclusive principles?

In the summer of 2017 I read the book Design Meets Disability by Graham Pullin. Among many other things in this book he argues that accessible design at the moment is mostly accessible engineering: a purely functional approach. If it works it’s good enough. Pullin shows examples of what happens when you start adding features like emotion, taste, and personality to accessible design. All of a sudden glasses are much more than a functional tool to help us see better, they become part of our identity and even strengthen it.

The exclusive design principles I created made me think of certain digital design agencies that produce incredible online experiences where all kinds of wonderful animations and transitions try to delight the user. More often than not these kinds of websites are the opposite of inclusive design, and instead seem to follow the exclusive design principles almost to the letter:

These experiences are optimised for the high end hardware that the design team uses, they are usually not tested with alternative ways of input and output, common conventions are often ignored in order to create something you’ve never seen before, there are many examples where the experience makes if hard to get to the content, and many engineers consider these kinds of sites to be nonsensical.

For these kinds of websites the exclusive design principles are used exclusively for the design team itself.

Now what if we start using these principles when we design for people with disabilities? What if we take exclusivity literally? Could this help elevate accessible design from the purely functional into the emotional? What if we design exclusively for one real person with a real disability instead of for a target group? What if we provide a unique experience for someone who can not use a mouse but needs their keyboard instead. What if instead of using existing conventions we observe how someone with a screenreader lives and uses the web to see if our visual conventions even make sense to someone who hears our website. And what if we as UX experts took control here to not just do what the person we’re designing for says, but to observe what they do as well and thus come up with tailor made solutions. And what if we used the identity of the single person we’re working for to make it more personal. And last but not least, what if we added a bit of nonsense to the mix. This can help to make things a bit lighter but it’s a useful tool to come up with innovative ideas.

How did the exclusive design principles evolve?

At first I used these principles as derivative of the original inclusive principles. But eventually the evolved into an independent set that can be considered on their own.

I used these principles in a few workshops I gave. At first I used the full set of seven principles. But soon I came to the conclusion that seven is simply too many. At the same time I thought that a few of these principles could easily be combined without losing any value. So I decided, after a few iterations to combine the similar principles Provide a unique experience, Ignore situation, Take control, and Offer the best possible solution into one single principle. First I called it be unique but this seemed to confuse some so instead I turned it into study situation.

At first I kept working with the principle Be inconsistent/innovative but I think it’s too long. It’s hard to remember. Recently, after observing several people struggling with our visual conventions I decided to turn it into the short but clear Ignore conventions.

Many people have pointed out that prioritising identity is not the opposite of prioritising content, and they’re right. Yet I did choose to keep this principle in my set. And the reason why I because it forces the designer to really focus on the single person they’re designing for. This is something that we never do on the web, and I observed that this is a very valuable thing to do.

And last but not least I also decided to keep the add nonsense principle. It’s fun. But there are serious sides to making nonsense a principle as well: some people find accessibility to be a very serious matter, which means that they will look only for very serious solutions. By explicitly asking them to add nonsense you force them to keep iterating when an idea has reached the functional level.

Conclusion

The Exclusive Design Principles grew out of a practical exercise to see if the Inclusive Design Principles were powerful enough to use. By using the initial literal reversals as a basis for workshops and design iterations with designers and real people with real disabilities they slowly evolved into a new set of principles that should probably be considered to be an independent set of tools that can be used in all kinds of accessible design projects, even inclusive ones.


  1. Alla Kholmatova, June 2018, From Purpose to Patterns, Talk presented at CSS Day in Amsterdam  ↩

  2. John Allsopp, 2000, A Dao of Webdesign, https://alistapart.com/article/dao  ↩

]]>
https://vasilis.nl/research/2018/07/turning-the-inclusive-design-principles-into-the-exclusive-design-principles/feed/ 0
The Jargonizer https://vasilis.nl/research/2018/06/the-jargonizer/ https://vasilis.nl/research/2018/06/the-jargonizer/#respond Sat, 02 Jun 2018 08:57:33 +0000 https://vasilis.nl/research/?p=240 At the 2018 What Design Can Do conference in Amsterdam I hosted one of my Exclusive Design Challenges. 20 attendees worked on five cases for three real people with real disabilities: Marijn, a developer who is motor disabled, Marie, a designer who is Deaf, and Larissa, a student who is blind. The different teams came up with a few very interesting ideas. There was one team that basically said well, if all websites are boring and look the same anyway, then they should all look like a boring simple grid with one single action in each grid cell. Which would be a perfect solution for Marijn, who has difficulty with fine motor control. I should make a prototype of this idea one day. I did make a simple, working prototype of an idea that another team came up with though. I’d like to know what you think of it and I’d like your help with testing its use. But first let me explain.

Lectures for Deaf people

One of the problems that Marie used to have when she was a student was attending lectures. She would have to look at the sign language interpreter continuously, and look at the slides, and take notes at the same time. Another big issue was that often there is no sign for jargon, and lectures at university are often about jargon. The practice today is that the interpreter will spell out the term one time, for instance h-e-t-e-r-o-l-o-g-i-c-a-l d-i-v-e-r-s-i-t-y, and later on they will refer to it as that term. This way of referencing makes it harder to understand the term and its context. One of the ways to understand jargon is by hearing it repeatedly, hearing how it’s used and in what context it is used.

Flipping things

There are studies that show that old fashioned lectures are not the best way to learn[1]. It’s hard to keep listening and to stay focused for a long time. This is where ideas like flipping the classroom[2] come from, where students watch a recorded lecture at home, and have time to discuss it and work on the subject in class. So a logical solution to Marie’s problem would be to replace the lecture with a different kind of learning activity. This team came up with the idea to ask students to design a new sign language gesture for jargon. And since I asked them to add a layer of nonsense to their idea, they thought it would be nice if the students would have to use emojis to construct their new sign.

I asked the attendees of this workshop what a logical next step of this workshop would be, and one of the answer was prototyping and testing of first ideas. And so I created The Jargonizer, a simple tool that asks you to translate a difficult term into emoji.

The term Jargonizer translated using four emojis

Small teams of students are asked to use this tool to find a symbol for a word like inclusive design by using emojis. The idea is that this way they are forced to research the term themselves: they will have to understand what it means in quite some detail before they will be able to create a good chain of emojis that is a clear interpretation of the term. I guess in practice I would give them relevant source material to study the term.

Removing sign language

The first iteration of this prototype asked people explicitly to design a sign language gesture. But I noticed that people found this to be confusing. People were concerned that they didn’t know anything about sign language, or they couldn’t see any relationship between sign language and emojis — and probably rightly so. Instead of working on the assignment they wanted to discuss the difference between gestures and emojis. So I removed all references to sign language. Which sounds weird, right? The reason they came up with the Jargonizer is to help Marie and her interpreter to come up with new gestures. But removing this reference doesn’t mean this tool can’t be used this way. We can still send the ideas generated by this tool to Marie and her interpreter, and they can still use it as input to construct their own real gesture.

Maybe this is an example of one of the principles of universal design that the design is useful and marketable to people with diverse abilities[3]

Does this tool even make any sense?

I think this can be one of many ways to learn jargon. In the handful of quick user tests I did with my class mates at the Master Design it looked like it helps people to discuss the meaning of the word in detail. The constraint of working with emojis was seen as limiting by some — I want to fill in words in a text field! — but at the same time it forced people to overthink all the details of the term a few times and look at it from different perspectives in order to try and find the emojis that could describe it. So as a learning tool this could be useful.

I haven’t tested the results with sign language users yet. But we can do that right here. I suggest that you use the Jargonizer to create a string of emojis that represent the term *inclusive design, hit the button, and then paste the URL to your solution in the comments section below this post. I’ll then ask Marie to tell me if this makes any sense.


  1. Middendorf, Joan, and Alan Kalish. “The “change-up” in lectures.” Natl. Teach. Learn. Forum. Vol. 5. No. 2. 1996.  ↩

  2. Berrett, Dan. “How ‘flipping’ the classroom can improve the traditional lecture.” The Education Digest 78.1 (2012): 36.  ↩

  3. Clarkson, P. John, et al. Inclusive design: Design for the whole population. Springer Science & Business Media, 2013.  ↩

]]>
https://vasilis.nl/research/2018/06/the-jargonizer/feed/ 0
Visual tab interaction https://vasilis.nl/research/2018/05/visual-tab-interaction/ https://vasilis.nl/research/2018/05/visual-tab-interaction/#respond Fri, 18 May 2018 08:51:36 +0000 https://vasilis.nl/research/?p=235 Recently I asked my students to design and build a user interface that’s a pleasure to use for real people with real disabilities. They designed an interface that worked either for Larissa who is blind, for Marie who is Deaf, or for Marijn who is motor disabled. My students had two sessions with Marie and Larissa. In the first one they met each other, and they were able to ask questions about how they use the web. They observed how they use their computer and talked about the hurdles they faced. In the second session they tested the interfaces my students designed. Unfortunately I did not manage to organise such a session with Marijn.

Instead I did a session with my students where I tried to answer their questions as well as I could. I do know Marijn personally, so I assumed I could answer quite a few questions. Of course this turned out to be not true at all.

Assumptions

One of the things I got wrong was the assumption that Marijn would use his tab key a lot to navigate websites. When I met Marijn a while ago we did discuss how he uses his computer, and since he told me that he prefers to use his keyboard I assumed that he used his tab key a lot.

So all my students designed their interfaces for Marijn to work pleasurably when you tab through them. They designed very clear focus states, they thought about tab order and skip links that make sense, and they experimented with things like :focus-within. And many interfaces were enhanced with pretty focus-transitions.

The first thing we noticed when Marijn tested the prototypes was that he doesn’t use the tab key at all. He uses the arrow keys to scroll, and he uses the large track pad of his Macbook Pro to click on links and buttons.

Very interesting to see again that indeed assumptions are still the mother of all fuckups. And very interesting to see that using a keyboard is more than just using the tab key.

Visual keyboard interaction

Later I did discuss this with Marijn. I told him I assumed he would use him tab key a lot. And he told me he does use his tab key in applications he uses a lot. And he would love to use it on the web as well, but he doesn’t: on most websites the tab key is broken, and this has been the fact for years now. With a bit of luck you may see the default browser focus styles when you tab through the interactive items on a page, but more often than not these are disabled and there is no visible clue at all of where the focus is. Just try it for a few hours. It’s impossible.

What to do with this knowledge? Should we simply give up? Should we accept the fact that we basically destroyed tab key functionality by actively ignoring it for so long, for whatever reason. That’s an option. We could observe how people like Marijn navigate through web interfaces and then come up with innovative ideas to enhance the experience.

I think that’s a good idea. There’s much more to keyboard navigation than just tabbing.

But I also think it’s a good idea to keep designing interfaces for visual tab key interaction. Because tabbing through an interface with well designed focus states really feels good. Try it.

]]>
https://vasilis.nl/research/2018/05/visual-tab-interaction/feed/ 0
Form Prosthetics Let You Be You – Shapeways Magazine https://vasilis.nl/research/2018/03/form-prosthetics-let-you-be-you-shapeways-magazine/ https://vasilis.nl/research/2018/03/form-prosthetics-let-you-be-you-shapeways-magazine/#respond Wed, 21 Mar 2018 20:57:51 +0000 https://vasilis.nl/research/?p=229

Form Prosthetics Let You Be You – Shapeways Magazine. In his book Design meets Disability Graham Pullin shows some examples of beautiful custom built leg prostheses. Back when this book was published these were probably very, very expensive. Now with 3D printing it’s possible to print a different leg for each occasion. It’s not free yet, but it’s starting to get affordable.

]]>
https://vasilis.nl/research/2018/03/form-prosthetics-let-you-be-you-shapeways-magazine/feed/ 0
Designer Spotlight: Tatsuo Ishibashi – MizuLabo https://vasilis.nl/research/2018/03/designer-spotlight-tatsuo-ishibashi-mizulabo/ https://vasilis.nl/research/2018/03/designer-spotlight-tatsuo-ishibashi-mizulabo/#respond Wed, 21 Mar 2018 20:50:42 +0000 https://vasilis.nl/research/?p=225

Designer Spotlight: Tatsuo Ishibashi – MizuLabo. Today I received an email by Shapeways, a 3d printing on demand service in which they promoted a few very nice examples of customised products, like prostheses and these nice assistive gadgets. I love the fact that these examples clearly go beyond the level of engineering: the layer of ”design” that’s added makes the products even desireable.

Sometimes great design is about making common objects more accessible for everyone. Designer Tatsuo Ishibashi’s Mizu Laboratory does just that, developing… assistivedevices

]]>
https://vasilis.nl/research/2018/03/designer-spotlight-tatsuo-ishibashi-mizulabo/feed/ 0