Audit digitale toegankelijkheid van de Museumkaart app, iOS versie

#1 - Alle schermen zijn beperkt tot een weergavestand (staand)

De lay-out van alle schermen is beperkt tot een weergavestand (portret). Apps moeten zowel in verticale (portret) als horizontale (landschap) stand goed werken. Bezoekers moeten de vrijheid hebben om te kiezen welke modus het beste voor hen werkt. Hiervan afwijken mag alleen als een bepaalde stand echt noodzakelijk is. Dit is bijvoorbeeld belangrijk voor mensen die hun tablet aan hun rolstoel hebben gemonteerd en de oriëntatie niet kunnen aanpassen. Zo kunnen zij de app gebruiken op de manier die voor hen het handigst is, zonder iets te missen.

Hoe te reproduceren: draai de scherm in de liggende posite.

Oplossing:

Zorg ervoor dat de inhoud van de app draait en zich aanpast aan de weergavestand.

#2 - Toestand knop ontbreekt

Tijdens de eerste audit werd geconstateerd dat de knoppen met tekst "Museumkaart" en "Tijdelijke of Cadeaukaart" geen correcte rol hadden. De interactieve rol is nu toegevoegd.

Deze knoppen hebben meerdere toestanden, bijvoorbeeld geselecteerd of niet. Deze informatie ontbreekt in de code. Daardoor kan hulpsoftware de actuele toestand niet doorgeven. Gebruikers van een schermlezer weten niet of de knop is in- of uitgeschakeld.

Hoe te reproduceren: druk met je vinger op de knop terwijl VoiceOver aanstaat. Zegt de schermlezer of de knop is geselecteerd?

Oplossing:

Zorg ervoor dat de toestand van de knop ook in de code wordt weergegeven.

#3 - Statusbericht wordt niet goed voorgelezen

Als je op het scherm "Je gaat je fysieke Museumkaart omzetten naar een digitale kaart" op de knop "Ja, maak mijn Museumkaart digitaal" drukt, verschijnt er een wachtanimatie. Deze animatie is een statusmelding, maar deze statusinformatie is niet toegankelijk voor bezoekers met hulpsoftware.

Hoe te reproduceren: open dit scherm terwijl VoiceOver aanstaat. Zegt de schermlezer dat je moet wachten?

Oplossing:

Zorg ervoor dat de schermlezer deze melding voorleest als statusmelding.

#4 - Tekst heeft niet genoeg contrast

Bovenaan het scherm "Kaart" staat een knop met drie puntjes. Deze knop opent een menu waarin het laatste item "Verwijder kaart" een rode tekstkleur heeft op een donkergrijze achtergrond met transparantie. Dit menu valt over de gekozen achtergrondkleur van de kaart.

De achtergrond van de kaart hangt af van de kleur die de bezoeker zelf heeft gekozen. In sommige combinaties is het contrast onvoldoende. Bijvoorbeeld als de gekozen kleur rood is: dan krijg je rode tekst op een rode achtergrond.

Omdat de app het niet toelaat om screenshots te maken, is het slechts een schatting van het contrast.

Oplossing:

Zorg dat alle mogelijke kleurcombinaties een minimaal contrast van 4,5:1 hebben.

#5 - Beweging kan niet worden gepauzeerd

Op het scherm "Kaart" is er een animatie rond de streepjescode die automatisch wordt afgespeeld en niet kan worden gepauzeerd of gestopt.

Het kan storend zijn voor mensen met een cognitieve beperking als een video, GIF of animatie in een app automatisch gaat spelen. De bewegende inhoud zorgt voortdurend voor afleiding terwijl ze de tekst op het scherm proberen te lezen. Er moet een manier zijn voor bezoekers om dit soort multimedia te stoppen, pauzeren of verbergen. Dit geldt voor alle bewegende, knipperende, scrollende of automatisch actualiserende content die tegelijk met andere informatie wordt getoond, automatisch start en langer dan 5 seconden speelt.

#6 - Kleur wordt gebruikt om informatie te geven

Op het scherm "Kies je kaartkleuren" staan gekleurde cirkels, waarmee bezoekers de voor- of achtergrondkleur van de museumkaart kunnen veranderen. De enige manier om de cirkels te onderscheiden is door de kleur.

Oplossing:

Voeg een tekstueel label toe aan de individuele keuzerondjes.

#7 - De juiste rol van een interactief element ontbreekt

Het vierkante vlak waarmee de foto kan worden gemaakt heeft geen toegankelijke rol. Een bezoeker met een schermlezer krijgt hierdoor niet te horen dat hier een interactief element staat.

Oplossing:

Geef dit element een rol en naam die beschrijven wat dit element doet.

#8 - Beweging kan niet worden gestopt

Het vierkante vlak waarmee de foto kan worden gemaakt heeft een animatie die automatisch wordt afgespeeld en niet kan worden gepauzeerd of gestopt.

Het kan storend zijn voor mensen met een cognitieve beperking als een video, GIF of animatie in een app automatisch gaat spelen. De bewegende inhoud zorgt voortdurend voor afleiding terwijl ze de tekst op het scherm proberen te lezen.

Oplossing:

Er moet een manier zijn voor bezoekers om dit soort multimedia te stoppen, pauzeren of verbergen. Dit geldt voor alle bewegende, knipperende, scrollende of automatisch actualiserende content die tegelijk met andere informatie wordt getoond, automatisch start en langer dan 5 seconden speelt.