SC 1.3.4 Alle schermen zijn beperkt tot één weergavestand (staand).

De lay-out van alle schermen is beperkt tot één weergavestand (portret). Websites en 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 één 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 of website gebruiken op de manier die voor hen het handigst is, zonder iets te missen.

Oplossing

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

SC 1.4.3 Tekst heeft onvoldoende contrast

Op de schermen "Mijn kaarten", "Kaart" en "Kies je kaartkleuren" kan de tekst op de museumkaart worden ingesteld op veel verschillende kleurencombinaties. De contrastverhouding van sommige combinaties is te laag. Paarse tekst heeft op een roze achtergrond bijvoorbeeld een contrastverhouding 4,3:1; groene tekst op een blauwe achtergrond heeft een contrast van 3,3:1.

Oplossing

De tekst op de museumkaart is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast voor alle kleurencombinaties minimaal 4,5:1 zijn.

Pad: Beginscherm

SC 1.1.1 Decoratieve afbeelding wordt voorgelezen

Op het scherm "Mijn kaarten - Altijd je Museumkaart op zak" staat een decoratieve afbeelding die toch een tekstalternatief heeft: "kaart splash". Hierdoor is de afbeelding niet verborgen voor hulpsoftware, en dat moet wel. De afbeelding brengt namelijk geen informatie over.

SC 1.3.1 Kop niet als kop gemarkeerd

De tekst “Altijd je Museumkaart op zak” is een kop, maar niet als kop gemarkeerd.

Oplossing

Markeer deze tekst als kop.

SC 1.4.4 Tekst verdwijnt uit beeld als deze is vergroot

Als de tekst van de app is vergroot in de instellingen van de telefoon, verdwijnt een deel van de tekst op dit scherm. Het woordje ‘zak’ staat niet meer op het scherm.

Oplossing

Zorg dat alle tekst leesbaar blijft, ook als een bezoeker de teksten via de instellingen van de telefoon vergroot.

Pad: Altijd je Museumkaart op zak > Heb je al een Museumkaart?

SC 1.3.1 Kop niet als kop gemarkeerd

Op dit scherm staat de kop “Heb je al een museumkaart”. Deze tekst is niet als kop gemarkeerd.

Oplossing

Maak hier een kop van.

Pad: Welke kaart heb je? > Museumkaart

SC 2.5.3 Invoerveld is niet met stem te bedienen

Op dit scherm staat een invoerveld met de placeholder-tekst “Je code”. Dit invoerveld heeft geen permanent zichtbaar label met deze tekst. Dat is wel nodig nodig om dit veld met stem te kunnen bedienen.

Oplossing

Plaats deze tekst boven het invoerveld of zorg ervoor dat het woord "Museumkaartnummer" in de toegankelijke naam van dit invoerveld wordt opgenomen.

Pad: Scan je fysieke Museumkaart > Voer (cadeau) kaartnummer in

SC 1.3.1 Kop niet als kop gemarkeerd

Op het scherm "Welke kaart heb je?" staan onder de vraag “Welke kaart heb je” twee opties. De vraag is niet als kop gemarkeerd.

Oplossing

Markeer deze tekst als kop met een heading-element.

SC 4.1.2 Rol van de optie ontbreekt

Op het scherm "Welke kaart heb je?" staan twee opties onder de vraag “Welke kaart heb je”. Deze twee opties werken als knoppen, maar ze hebben niet deze rol.

Oplossing

Zorg dat de schermlezer het volgende voorleest: “Museumkaart, knop” of “Tijdelijke of Cadeaukaart, knop”.

SC 1.4.1 Alleen kleur wordt gebruikt om focus aan te geven

Op de schermen "Welke kaart heb je?" en "Wat is je Museumkaartnummer?" is voor de knop "Volgende" een aangepaste focusindicator ingesteld, die alleen bestaat uit een verandering van de achtergrondkleur. Dit is niet voldoende.

Oplossing

Gebruik contrast of vorm om de toetsenbordfocus duidelijk te maken.

SC 2.4.6 en 2.5.3 - Naam van de knop voldoet niet

Op het scherm "Welke kaart heb je?" staan twee opties die als knoppen zijn geprogrammeerd. Beide opties hebben de naam "Welke kaart heb je?" in plaats van de zichtbare teksten die erbij horen ("Museumkaart", "Tijdelijke of Cadeaukaart"). Hierdoor kunnen deze knoppen niet met stemgestuurde software worden bediend. Ook is het voor bezoekers met een schermlezer niet duidelijk wat het doel van elke knop is. De toegankelijke naam moet duidelijk en beknopt de actie van de knop weergeven.

Oplossing

Verander de toegankelijke naam van elke knop zodat deze de functie van de knop duidelijk beschrijft.

Pad: Wat is je Museumkaartnummer? > Volgende

SC 1.3.1 Kop is niet als kop gemarkeerd

Op dit scherm is de tekst “Je gaat je fysieke Museumkaart omzetten” niet als kop gemarkeerd.

Oplossing

Verander deze tekst in een kop.

SC 4.1.3 Statusbericht wordt niet goed voorgelezen

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

Oplossing

Zorg ervoor dat de schermlezer deze melding voorleest als statusmelding.

Pad: Beginscherm wanneer de kaarten zijn toegevoegd

SC 1.1.1 Informatieve afbeelding heeft onvoldoende tekstalternatief

Op het scherm "Mijn kaarten" staat bovenaan een knop met een icoon van een persoon. Dit icoon heeft de alternatieve tekst "persoon". Deze tekst beschrijft de visuele inhoud van de afbeelding in plaats van de functie (een account aanmaken). Dit wordt ook afgekeurd onder SC 2.4.6, omdat de naam van de knop de functie niet goed beschrijft.

Bestaat een knop alleen uit een afbeelding? Dan dient de alternatieve tekst van de afbeelding als naam voor de knop. In dat geval moet deze alternatieve tekst anders worden ingevuld dan bij een normale informatieve afbeelding.

Oplossing

Er moet niet staan wat er te zien is, maar wat de functie of het doel van de knop is. Als dit niet duidelijk is, weet hulpsoftware niet wat de functie van de knop is. Een beter tekstalternatief is bijvoorbeeld "een account aanmaken".

SC 1.3.1 Koppen zijn niet als kop gemarkeerd

Op het scherm "Mijn kaarten" zijn de teksten "Mijn kaarten", "Ontdek" en "Heb je vragen?" niet gemarkeerd als kop. Dit komt ook voor op alle andere schermen. Bijvoorbeeld op de schermen "Heb je al een Museumkaart?", "Altijd je Museumkaart op zak" en "Welke kaart heb je?".

Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die fungeert als kop, maar niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren.

Oplossing

Markeer deze koppen met heading-elementen.

SC 1.4.1 Toetsenbordfocus is alleen te zien aan verandering van kleur

Op het scherm "Mijn kaarten" is voor alle interactieve elementen een aangepaste focusindicator ingesteld, namelijk een verandering van de achtergrondkleur. Dit is bijvoorbeeld zo bij de knoppen in het bovenste menu, de knop die het kaartscherm opent en de knop "Duik in de collectie".

Het gebruik van alleen kleur om focus aan te geven is hier niet voldoende. Voor bezoekers met een visuele beperking of kleurenblindheid is zo’n subtiele kleurverandering vaak niet duidelijk genoeg. En ook mensen die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn.

Oplossing

Zorg dat er een duidelijk zichtbare focusindicator is. Hiervoor kan het beste een extra visuele aanduiding toegevoegd worden. Denk aan een dikkere rand, een onderstreping of een verandering van achtergrond.

SC 1.3.2 Leesvolgorde klopt niet

Als iemand twee kaarten aan de app heeft toegevoegd, zie je in dit scherm twee kaartjes op elkaar. Als een bezoeker op een van de kaartjes drukt, opent een carrousel met de kaarten. Als de bezoeker deze carrousel laat voorlezen hoort hij dit: het logo van kaart 1, de foto van de pashouder van kaart 1, het logo van pas 2, de foto van de pashouder van kaart 2, de achternaam van de pashouder van pas 1, de achternaam van de pashouder van kaart 2, “Jongeren”, “Volwassene”, “Geldig tot”, “Geldig tot”, datum kaart 1, datum kaart 2. Deze volgorde is niet logisch.

Oplossing

Zorg dat de leesvolgorde van de informatie logisch en kloppend is.

SC 1.1.1 Afbeeldingen hebben dezelfde alternatieve tekst

Als iemand twee kaarten aan de app heeft toegevoegd, staan er twee foto’s van de kaarthouders op dit scherm. Beide foto’s hebben hetzelfde tekstalternatief. Ook in de grote weergave hebben de twee foto’s dezelfde alternatieve tekst “Foto pashouder”. Dit geldt ook voor de streepjescodes van de kaarten.

Oplossing

Geef deze foto’s de naam van de kaarthouder zodat het duidelijk is welke pashouder op welke afbeelding staat.

Pad: Mijn kaarten > druk op de kaart

SC 1.1.1 Alternatieve tekst van informatieve afbeelding op knop is niet voldoende

Op het scherm "Kaart" heeft de bovenste knop met een icoon met drie puntjes de alternatieve tekst "ellipsis.vertical". Deze tekst beschrijft de visuele inhoud van de afbeelding in plaats van de functie van de knop (submenu openen). Dit valt ook onder SC 2.4.6 omdat de toegankelijke naam van deze knop de functie van de knop niet goed beschrijft.

Oplossing

De schermlezer moet “Meer opties” of iets dergelijks voorlezen als op deze knop wordt gedrukt.

SC 1.4.3 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 van de combinatie 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 contrast.

Oplossing

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

SC 2.2.2 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 op een website automatisch gaat spelen. De bewegende inhoud zorgt voortdurend voor afleiding terwijl ze de tekst op de pagina proberen te lezen. Daarom moet er 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.

SC 2.4.6 Naam van de knop beschrijft de functie van de knop niet

De foto van de kaarthouder op het scherm “Kaart” heeft als toegankelijke naam het woord “Sterrenhemel”. Deze tekst beschrijft de functie van de knop niet.

Oplossing

Geef deze knop een naam die het doel beschrijft (bijvoorbeeld "open profielfoto").

Pad: Kaart > Foto pashouder

SC 1.1.1 Afbeelding heeft geen tekstalternatief

Als een bezoeker op de knop met de kaarthouder heeft gedrukt, opent een grote weergave van de foto. Deze afbeelding heeft geen tekstalternatief. Daardoor leest hulpsoftware alleen ‘Afbeelding’ voor.

Oplossing

Gebruik de naam van de kaarthouder als tekstalternatief voor deze afbeelding.

Pad: Kaart > drie puntjes in top menu > Kies je kaartkleuren

SC 1.3.1 Koppen zijn niet als kop gemarkeerd

Op het scherm "Kies je kaartkleuren" staan twee groepen rondjes: opties voor kaartkleuren onder “Kaartkleur” en opties voor tekstkleuren onder “Tekstkleur”. De relatie tussen de teksten en de groepen rondjes wordt niet op de juiste manier voorgelezen.

Oplossing

Je lost dit op door de teksten “Kaartkleuren” en “Tekstkleur” als koppen te markeren.

SC 1.4.1 Kleur wordt gebruikt om informatie te geven

Op het scherm "Kies je kaartkleuren" staan gekleurde circkels, 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.

SC 4.1.2 De geselecteerde knop wordt niet voorgelezen

De knoppen die de kleuren aangeven hebben meerdere toestanden (bijvoorbeeld geselecteerd of niet geselecteerd). Deze informatie wordt niet voorgelezen. Hierdoor kan hulpsoftware deze informatie niet doorgeven aan een blinde bezoeker. Blinde bezoekers weten daardoor niet welke kleur is geselecteerd.

Oplossing

Zorg dat de schermlezer deze tekst voorleest.

Pad: Heb je al een Museumkaart? > Ik heb al een Museumkaart > Tijdens gebruik van de app

SC 1.3.1 Kop is niet als kop gemarkeerd

Op dit scherm is de tekst “Scan je fysieke Museumkaart” niet als kop opgemaakt.

Oplossing

Verander deze tekst in een kop.

SC 4.1.2 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.

SC 2.2.2 Beweging kan niet worden gestopt

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 op een website automatisch gaat spelen. De bewegende inhoud zorgt voortdurend voor afleiding terwijl ze de tekst op de pagina proberen te lezen.

Oplossing

Daarom moet er 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.

Pad: Scan je fysieke kaart > Wil je deze Museumkaart activeren?

SC 1.3.1 Kop is niet als kop gemarkeerd

Op dit scherm is de tekst “Deze Museumkaart is al actief op een ander toestel” niet als kop gemarkeerd.

Oplossing

Verander deze tekst in een kop.

Pad: Scan je fysieke kaart > Wil je deze Museumkaart activeren?

SC 1.3.1 Kop is niet als kop gemarkeerd

Op dit scherm is de tekst “Wil je deze Museumkaart activeren?” niet als kop gemarkeerd.

Oplossing

Verander deze tekst in een kop.

SC 1.1.1 Foto van de eigenaar heeft een alt-tekst “Sterrenhemel”

De foto van de kaarthouder op dit scherm heeft als toegankelijke naam het woord “Sterrenhemel”.

Oplossing

Verander deze tekst in de naam van de kaarthouder.

Pad: Scan je fysieke Museumkaart > Gelukt!

SC 1.3.1 Kop is niet als kop gemarkeerd

Op dit scherm is de tekst “Gelukt! Je digitale Museumkaart is nu actief” niet als kop gemarkeerd.

Oplossing

Verander deze tekst in een kop.

SC 1.1.1 Streepjescode heeft geen tekstalternatief

Op dit scherm staat een streepjescode zonder een tekstalternatief. De schermlezer leest alleen “Afbeelding” voor, en dat is niet duidelijk voor bezoekers met hulpsoftware.

Oplossing

Verander deze tekst in “Streepjescode”.