Overal, maar niet voor iedereen

Touchscreens zijn niet meer weg te denken bij allerlei instanties en bedrijven, waaronder het openbaar vervoer, gemeentes en banken. Ze zijn ontzettend flexibel en kunnen erg gebruiksvriendelijk zijn, alleen moet de gebruiker wel in staat zijn om de knoppen goed te kunnen zien. Slechtzienden en andere visueel beperkten hebben dan ook een groot probleem, zeker omdat aanpassingen aan de touchscreens zelf vaak te kostbaar zijn. Wij namen de uitdaging aan om, zonder ingrijpende aanpassingen, touchscreens toch toegankelijk te maken voor deze groep gebruikers.

Foto van een touchscreen

De uitdaging

De uitdaging lag klaar: ontwerp een touchscreen dat zowel door visueel als niet-visueel beperkten gebruikt kan worden zonder dat er hardware aanpassingen nodig zijn. Daarnaast mochten er geen concessies worden gedaan aan de complexiteit van de interface: ook ingewikkelde systemen moesten zonder hulpmiddelen bediend kunnen worden.
Door in gesprek te gaan met visueel beperkten werden de mogelijkheden en onmogelijkheden voor een interface in kaart gebracht. Na een groot aantal brainstormsessies en testen met papieren prototypes werd er een zeer effectieve oplossing gevonden, met een luidspreker als enige hardware vereiste.

Foto van een jongen met een iPad

De oplossing

Elk touchscreen heeft aan de vier zijden voelbare randen zitten. Een visueel beperkte kan deze randen met de vinger volgen, waarbij het systeem de tekst op de knoppen uitspreekt. De visueel beperkte kan op deze wijze door het menu gaan, terwijl andere gebruikers de teksten op de knoppen kunnen lezen en dus geen last ondervinden van de uitgesproken tekst. Met dit basisontwerp kunnen alle mogelijke knoppensets zonder problemen worden toegepast. Van basis menustructuren en nummerinvoeringen tot het volledige alfabet, alles is mogelijk!

Schermafbeelding van een toegankelijke kaartautomaat

Uitgebreid getest

Met dit idee is een compleet werkend prototype gemaakt van een kaartjesautomaat. Samen met een groep visueel beperkten is dit prototype uitgebreid getest. De visueel beperkten kregen alleen een opdracht mee om uit te voeren met het systeem, er werd verder geen instructie gegeven over hoe het systeem werkte of bediend moest worden. Binnen een zeer korte termijn konden zij net zo snel, of zelfs sneller, met het systeem werken als ieder ander. Het prototype is daarnaast ook getest met niet-visueel beperkten en ook zij konden net zo eenvoudig als normaal de opdrachten uitvoeren.

Gratis te gebruiken

Gezien het algemeen maatschappelijk nut van dit ontwerp hebben wij de basisstappen tot het maken van uw eigen toegankelijke touchscreen interface uitgebreid beschreven. U kunt deze hieronder bekijken. Deze richtlijnen kunnen gratis worden gedownload en mogen worden gebruikt onder een Creative Commons licentie. Er is dus geen excuus om ook uw touchscreen toegankelijk te maken!

Tekst versie van de ontwerprichtlijn:

Concept voor toegankelijke touchscreens

Tijdens een onderzoeksproject hebben wij een interface ontworpen waarmee visueel beperkten op gebruiksvriendelijke wijze touchscreens kunnen gebruiken, zonder dat daar extra hardware voor nodig is. De interface is tot stand gekomen door middel van uitgebreid onderzoek en testen in samenwerking met een groep visueel beperkten. In dit document introduceren wij dit concept en leggen wij uit hoe het gebruikt kan worden om touchscreens toegankelijk te maken.

Het grootste probleem dat visueel beperkten tegenkomen wanneer zij proberen een touchscreen te gebruiken is het vinden van de knoppen. Het enige voelbare onderdeel van een touchscreen zijn de randen rondom het scherm. Om deze reden hebben wij de knoppen langs deze randen geplaatst, zodat zij eenvoudig te vinden zijn. Als de vinger op een knop wordt gehouden, wordt de tekst van de knop uitgesproken. Als een knop kort wordt aangeraakt en losgelaten, dan wordt de desbetreffende actie uitgevoerd. Door de vinger langs de rand van het scherm te bewegen, hoort de visueel beperkte welke acties er mogelijk zijn en kan hij/zij eenvoudig de gewenste actie kiezen.

Hierdoor weet de gebruiker altijd waar de knoppen beginnen en eindigen. Daarnaast is het mogelijk om alle opties te horen door zijn of haar vinger tegen de klok in langs de rand van het scherm te bewegen.De ruimte in het midden van het scherm wordt gebruikt om instructies weer te geven. Deze instructies worden ook hardop uitgesproken als het scherm wordt getoond en vervolgens ongeveer elke 15 seconden herhaalt.

Om het ontwerp toe te passen hebben we de volgende richtlijnen opgesteld. Ons concept is gebaseerd op schermen die een aantal knoppen bevatten.De knoppen hebben een hoog contrasterende kleur en de teksten hebben grote, duidelijke lettertypes. Wij adviseren het gebruik van lettergroottes tussen de 20 en 24 punten. Om het lezen te vereenvoudigen zijn de teksten links uitgelijnd. Op deze wijze kunnen sommige visueel beperkten de tekst lezen.Voor schermen met een minimale resolutie van 1024x768 pixels, raden wij een knopbreedte aan van ongeveer 1/5e van het scherm en voor de hoogte ongeveer 1/8e van het scherm. Er kunnen dus 8 knoppen van boven naar beneden en 5 van links naar rechts. De tekst die wordt uitgesproken moet hetzelfde zijn als de tekst die te lezen is op de knop om verwarring te voorkomen.De knoppen worden langs de randen van het scherm geplaatst, beginnend in de linkerbovenhoek en vervolgens tegen de klok in. Vergeet niet om wat ruimte tussen knoppen te laten. Annuleer of terug knoppen worden in een andere kleur, het liefst rood, getoond. Deze knoppen worden aan het eind van de keten van knoppen geplaatst.

Door middel van het gebruik van deze standaard regels, kunnen er allerlei verschillende menustructuren worden opgebouwd voor allerlei verschillende apparaten. Door de grootte van de knoppen aan te passen, is het bijvoorbeeld mogelijk om het gehele alfabet te tonen op een touchscreen. Wij moedigen u aan om ons concept te gebruiken en waar nodig te verbeteren. Laten we touchscreens toegankelijk maken!

Gebruik van dit document: Dit document is gelicenseerd onder de Creative Commons Naamsvermelding-Niet-commercieel-Gelijk delen 3.0 Nederland Licentie. De licentie is te bekijken op: http://creativecommons.org/licenses/by-nc-sa/3.0/nl/

Tijdens een onderzoeksproject hebben wij een interface ontworpen waarmee visueel beperkten op gebruiksvriendelijke wijze touchscreens kunnen gebruiken, zonder dat daar extra hardware voor nodig is. De interface is tot stand gekomen door middel van uitgebreid onderzoek en testen in samenwerking met een groep visueel beperkten. In dit document introduceren wij dit concept en leggen wij uit hoe het gebruikt kan worden om touchscreens toegankelijk te maken.

Het grootste probleem dat visueel beperkten tegenkomen wanneer zij proberen een touchscreen te gebruiken is het vinden van de knoppen. Het enige voelbare onderdeel van een touchscreen zijn de randen rondom het scherm. Om deze reden hebben wij de knoppen langs deze randen geplaatst, zodat zij eenvoudig te vinden zijn. Als de vinger op een knop wordt gehouden, wordt de tekst van de knop uitgesproken. Als een knop kort wordt aangeraakt en losgelaten, dan wordt de desbetreffende actie uitgevoerd. Door de vinger langs de rand van het scherm te bewegen, hoort de visueel beperkte welke acties er mogelijk zijn en kan hij/zij eenvoudig de gewenste actie kiezen.

Hierdoor weet de gebruiker altijd waar de knoppen beginnen en eindigen. Daarnaast is het mogelijk om alle opties te horen door zijn of haar vinger tegen de klok in langs de rand van het scherm te bewegen.De ruimte in het midden van het scherm wordt gebruikt om instructies weer te geven. Deze instructies worden ook hardop uitgesproken als het scherm wordt getoond en vervolgens ongeveer elke 15 seconden herhaalt.

Om het ontwerp toe te passen hebben we de volgende richtlijnen opgesteld. Ons concept is gebaseerd op schermen die een aantal knoppen bevatten.De knoppen hebben een hoog contrasterende kleur en de teksten hebben grote, duidelijke lettertypes. Wij adviseren het gebruik van lettergroottes tussen de 20 en 24 punten. Om het lezen te vereenvoudigen zijn de teksten links uitgelijnd. Op deze wijze kunnen sommige visueel beperkten de tekst lezen.Voor schermen met een minimale resolutie van 1024x768 pixels, raden wij een knopbreedte aan van ongeveer 1/5e van het scherm en voor de hoogte ongeveer 1/8e van het scherm. Er kunnen dus 8 knoppen van boven naar beneden en 5 van links naar rechts. De tekst die wordt uitgesproken moet hetzelfde zijn als de tekst die te lezen is op de knop om verwarring te voorkomen.De knoppen worden langs de randen van het scherm geplaatst, beginnend in de linkerbovenhoek en vervolgens tegen de klok in. Vergeet niet om wat ruimte tussen knoppen te laten. Annuleer of terug knoppen worden in een andere kleur, het liefst rood, getoond. Deze knoppen worden aan het eind van de keten van knoppen geplaatst.

Door middel van het gebruik van deze standaard regels, kunnen er allerlei verschillende menustructuren worden opgebouwd voor allerlei verschillende apparaten. Door de grootte van de knoppen aan te passen, is het bijvoorbeeld mogelijk om het gehele alfabet te tonen op een touchscreen. Wij moedigen u aan om ons concept te gebruiken en waar nodig te verbeteren. Laten we touchscreens toegankelijk maken!

Gebruik van dit document: Dit document is gelicenseerd onder de Creative Commons Naamsvermelding-Niet-commercieel-Gelijk delen 3.0 Nederland Licentie. De licentie is te bekijken op: http://creativecommons.org/licenses/by-nc-sa/3.0/nl/

Wilt u persoonlijk advies over het toegankelijk maken van touchscreen interfaces? Of heeft u een innovatieve oplossing nodig voor een ander probleem op het gebied van gebruiksvriendelijkheid? Bel dan met telefoonnummer 06-1070 4253 of stuur een mailtje naar post@wolq.nl voor een vrijblijvend gesprek.

 
    

T: 06-1070 4253
KVK: 2733 6720

post@wolq.nl
www.wolq.nl