Accessability Meetup

IDEA11Y

Deze week komen er mensen van IDEA11Y ons een Weekly Nerd presenteren. IDEA11Y staat voor inclusive design en accessibility, dit is een groep developers en designers die willen dat websites toegankelijk worden voor iedereen en ons introduceert standaarden voor WCAG.

Practical Fixes for Common WCAG Failures

Erik Kroes

Erik heeft een vest aan die hij uit doet, de T-shirt die hij aan heeft is geprint met punten waar wij op moeten letten voor toegankelijkheid. Keyboard, Contrast, Alternative en Sizing.

Wat is toegankelijkheid? Een toegankelijke product is een product dat door iedereen gebruikt kan worden, ook mensen met beperkingen. Dit betekent niet dat het geweldige usability moet zijn voor mensen met een beperking, dit betekent dat het technisch bruikbaar moet zijn tenminste.

Testen met een toetsenbord is cruciaal, wij developers zijn lui en testen vaak slechts met de muis. Je hoort met de toetsenboord de tab knop te gebruiken en daarmee kijken of elke knop of functie bereikbaar is. Bekende toetsenboord problemen zijn geen skip links, geen focus state of bijvoorbeeld een div gebruiken als knop etc.

Contrast is een interessante punt, mensen die slecht ziend zijn hebben sneller moeite met het lezen van kleurvolle text. De user interface en states zouden een contrast moeten hebben van minimaal 3:1. Deze contrast moet gemeten worden met de omgeving van kleuren. Het contrast van grote text (minimaal 24px of 19px en bold) zouden minstens 3:1 moeten zijn. Voor kleinere text zou dit 4.5:1 zijn. Dit zijn minimale eisen en geen doelen. Vaak voorkomende fouten voor contrast: placeholders die te licht zijn, branding colours en states.

Alternatives, wat er hiermee wordt bedoelt zijn alternatieve manieren om de content te bekijken. Stel je voor je bent doof, dan is een youtube podcast frustrerend en bijna onmogelijk om te volgen, vooral als er mensen door elkaar praten. Een voorbeeld voor een alternatief hiervan is transcripts voor podcasts. Alternatieve tekst voor fotos. Veel voorkomende fouten zijn: Afbeeldingen in knoppen of links en video content.

Hoe test je sizing? Je kan je site bekijken op Mobiel, tablet, desktop, widescreen, TV etc. Doe dit ook. Je design hoort op alle devices bruikbaar en consistent te zijn. Knoppen op mobiel horen bijvoorbeeld niet te klein te zijn, omdat je klikt met een vinger en dit frustratie met zich mee kan brengen. De meest voorkomende fouten zijn: designs die niet worden gemaakt voor 320px width en external content.

Thinking outside of the accessibility box

Nienke de Keijzer

Voor accessibility is er veel discussie over wat het nou moet worden. We hebben aan de ene kant de Web Content Accessibility Guidelines (WCAG), maar er komen ook EU wetten nu. De European Accessability Act (EAA) is wat sinds 28 juni onze randvoorwaarden moeten bepalen.

Research methodes, je kan veel onderzoek op het internet vinden maar dit past niet altijd bij jouw specifieke design test. Nienke zegt dat het veel fijner was om onderzoek in persoon te doen, zodat je ook werkelijk de handelingen van de gebruiker kunt zien. Hierdoor kan je achter nieuwe inzichten komen.

De uitdaging van onderzoeken op deze manier kan zijn dat je test groep te klein is en je weinig inzichten kan krijgen, soms is het moeilijk om bijvoorbeeld meerdere mensen met een beperking als testpersonen te krijgen. Een ander uitdaging kan zijn dat het probleem te specifiek of technisch is, stel je maar eens voor dat je voor een olieraffinage een systeem maakt en je testpersonen moet vinden. De laatste uitdaging kan zijn dat het testen en prototypen nog fout kan gaan, zorg er voor dat je voorbereid je testen uitvoert en zelf de app test om te kijken of alles wel op de juiste manier werkt.

Nienke eindigt met een mooie quote: "Everyone wants to innovate, we want new things and we want them now. But what about the people who were left behind and want to get up to speed". Hier mee maakt ze een duidelijke punt dat we eerst toegankelijkheid voor iedereen moeten verzorgen voordat we nieuwe dingen uitvinden waar slechts een gering aantal gebruik van kan maken.