Toegankelijkheid
SemmieWealth app
Onderzoeksbevindingen
De uitingen van SemmieWealth, waaronder de app, moeten voldoen aan de WCAG-richtlijnen. Over dit onderwerp heb ik enkele jaren geleden mijn scriptie geschreven, waardoor ik deze kennis direct heb kunnen toepassen in de praktijk. Binnen dit project is bewust gekozen om de focus te leggen op visueel gehandicapte en blinde gebruikers.
De SemmieWealth-app voldeed op meerdere onderdelen nog niet aan de toegankelijkheidsrichtlijnen. Zo waren er kleuren en componenten met onvoldoende contrast, foutmeldingen die tekstueel onduidelijk waren, slecht zichtbare invoervelden en het gebruik van toaster meldingen die niet toegankelijk zijn voor schermlezers. Daarnaast was er een blokkade in het onboardingproces, waardoor gebruikers die met een schermlezer navigeren niet verder konden in de app.
Inputvelden
Omdat SemmieWealth een relatief oudere doelgroep bedient, komen visuele beperkingen vaker voor. Op basis van gebruikersfeedback heb ik de inputvelden binnen de SemmieWealth-app herontworpen, met specifieke aandacht voor toegankelijkheid en leesbaarheid voor blinde en slechtziende gebruikers.
De bestaande inputvelden boden onvoldoende visuele feedback wanneer een veld actief was om te typen. Daarnaast werden er kleine labels en foutmeldingen gebruikt en waren de inputvelden niet altijd duidelijk in gebruik door onduidelijke label- en/of placeholderteksten. Placeholders werden door gebruikers als prettig ervaren en zijn daarom behouden als aanvullende ondersteuning.
In het redesign zijn de inputvelden volledig omlijnd, waardoor direct zichtbaar is welk veld actief is en waar wordt getypt. Labels en foutmeldingen zijn vergroot voor betere leesbaarheid en hebben op bepaalde plaatsen een tekstuele update gekregen voor een duidelijkere omschrijving. Foutmeldingen zijn visueel sterker te onderscheiden doordat het volledige inputveld 'rood' oplicht. Daarnaast zijn de kleuren aangepast voor een hoger contrast tussen de verschillende inputveld statussen.
Ook op het gebied van toegankelijkheid voor blinde gebruikers is er aan de achterkant een grote stap gezet: alle elementen worden correct voorgelezen door schermlezers. Foutmeldingen worden automatisch uitgesproken zodra de gebruiker via toetsenbordnavigatie naar het volgende element gaat, zodat feedback direct en zonder extra handelingen beschikbaar is. Daarnaast worden bepaalde foutmeldingen op specifieke momenten realtime geüpdatet.
Toaster meldingen
Uit onderzoek is gebleken dat toastermeldingen onvoldoende toegankelijk zijn. Binnen de SemmieWealth-app had dit meerdere oorzaken: meldingen verdwenen na enkele seconden, bevonden zich niet in de directe context van de uitgevoerde actie en waren niet toegankelijk voor schermlezers.
Omdat toastermeldingen op meerdere plekken binnen de SemmieWealth-app werden gebruikt, heb ik deze vervangen door toegankelijkere alternatieven die beter aansluiten bij de behoeften van alle gebruikers. De gekozen oplossingen verschillen per situatie en type feedback.
Meldingen die betrekking hebben op meerdere inputvelden en/of acties worden nu weergegeven in de directe omgeving van waar de actie plaatsvindt. Toastermeldingen die inhoudelijk overeenkwamen met invoerfouten zijn vervangen door reguliere foutmeldingen onder het betreffende inputveld.
Toasters die werden getoond bij beperkte toegangsrechten na het aanklikken van een actie zijn vervangen door modals, zodat de feedback duidelijker, consistenter en niet te missen is.
Voor positieve feedback bij de kopieerfunctie is een inline melding geïntroduceerd. Wanneer tekst succesvol wordt gekopieerd, verschijnt de bevestiging op dezelfde plek waar normaal gesproken foutmeldingen worden getoond.
Risicobereidheid
De risicobereidheidsvragenlijst vormde een blokkade binnen de onboarding van de SemmieWealth-app. Hierdoor konden blinde gebruikers die navigeren met een schermlezer de onboarding niet succesvol afronden. De oorspronkelijke opzet maakte gebruik van sliders, die onvoldoende toegankelijk waren voor schermlezers.
In het nieuwe ontwerp zijn deze sliders vervangen door selecteerbare buttons. Hierdoor is de vragenlijst volledig bedienbaar met een schermlezer en kunnen alle gebruikers de onboarding zelfstandig en zonder belemmeringen doorlopen.
Have a
nice day!
hi@kugeldesign.nl
+31 6 2007 4374
Jacob van Lennepstraat 70-1
Amsterdam