Kleurkriebels

Samenvatting

Dit spel voldoet nog niet volledig aan WCAG 2.2 AA.

Apple-functies met Ja: VoiceOver, Voice Control, Larger Text, Dark Interface, Differentiate Without Color Alone, Sufficient Contrast, Reduced Motion.

WCAG 2.2 AA, 55 criteria: 26 voldoet, 5 deels, 0 voldoet niet, 4 niet getest, 20 niet van toepassing.

Wat nog niet werkt

• Met Stembediening kies je geen los vakje: je kleurt met de knoppen Kleur een vakje en Kleur een stuk.
• Een vakje kleurt al bij het neerzetten van de vinger, zonder ongedaan maken. Het kan alleen om een juist vakje gaan.
• In de donkere weergave valt de gekozen niveauknop op Plaatjes weinig op.

Zo stel je het in

• Knop Toegankelijkheid links bovenaan het startscherm, of Instellen op de kaart bij de eerste start.
• Kleurenblindheid: Symbool ook in de vakjes (standaard uit, zichtbaar vanaf 22 punten per vakje).
• Slechtziend: Grotere nummers, Hoog contrast (Auto, Aan, Uit; maakt de lijnen dikker) en Weergave (Auto, Licht, Donker). De tekst volgt de tekstgrootte van het toestel.
• Licht en beweging: Flitsen beperken, Beweging beperken (Auto volgt iOS) en Bewegend water.
• Tempo en bediening: Extra trillen bij een verkeerd vakje, en Knoppen om te kleuren zonder vegen (Auto, Aan, Uit; Auto = aan met VoiceOver of Schakelbediening).
• Toetsenbord op het kleurscherm: pijltjes, spatie om te kleuren, 1 tot 9 voor een kleur, S voor een heel stuk, N voor het volgende vakje, + en − om te zoomen, 0 voor het hele plaatje.
• Achter de ouderpoort: geluid, trillen en bewegend water. Geluid kan ook aan of uit op het kleurscherm.

Wat we hebben nagekeken

Apple vraagt dat alle gewone taken met een functie te doen zijn. Dit zijn de gewone taken van dit spel.

• Eerste start: opstartschermen en de kaart Speel op jouw manier
• Een plaatje, niveau en stijl kiezen
• Een plaatje inkleuren: kleur kiezen, zoomen, vakjes kleuren, verfpot, toverstaf, vergrootglas
• Het scherm Klaar, album en Mijn tekeningen bekijken
• Vrij kleuren en de vlinder inkleuren
• Toegankelijkheid instellen
• Voor ouders: de ouderpoort, instellingen, bewaren en delen

Apple: functies in de App Store

Een functie krijgt alleen Ja als je er alle gewone taken mee kunt doen. iPhone en iPad.

• VoiceOver✓ Ja

  Op het kleurveld kleurt omhoog vegen het dichtstbijzijnde vakje van je kleur en gaat omlaag vegen naar het volgende vakje; VoiceOver zegt kleur, rij, kolom en hoeveel er nog over zijn. Acties: Kleur een stuk, Volgende kleur, Vorige kleur, Toon het hele plaatje. Tips van Kriebel worden voorgelezen. Bij Vrij kleuren kies je een vlak met vegen en kleur je het met een dubbeltik. Getest op build 1.1 (5).

• Voice Control✓ Ja

  Met de optie Knoppen om te kleuren zonder vegen op Aan staan Kleur een vakje en Kleur een stuk op het scherm, en de kleuren luisteren naar Kleur 3 of hun naam. Zo werk je een plaatje af met de stem. Getest op build 1.1 (5).

• Larger Text✓ Ja

  Palet en tellers worden breder in plaats van afgekapt, titels groeien en breken af, de uitlegkaartjes en de kaart bij de eerste start scrollen, en menu's schikken zich onder elkaar bij de grootste tekst. De nummers in de vakjes groeien door in te zoomen of met Grotere nummers. Getest op build 1.1 (5).

• Dark Interface✓ Ja

  Weergave Auto volgt het toestel, of kies Licht of Donker. De tekening zelf blijft een licht blad papier, zodat nummers en lijnen hun contrast houden. Getest op build 1.1 (5).

• Differentiate Without Color Alone✓ Ja

  Elk vakje krijgt een nummer zodra je inzoomt, en uitgezoomd een stip in de vakjes van je kleur. Het palet toont nummer plus symbool. Een verkeerd vakje krijgt ook een tip in tekst. Bij Vrij kleuren staat de naam onder elke kleur.

• Sufficient Contrast✓ Ja

  De nummers van de andere kleuren zijn effen grijspaars (5,9 op 1), de ondertitels op de tegels en de melding Bewaard halen 4,5 op 1. Hoog contrast maakt daarbovenop de lijnen van de tekening dikker. Getest op build 1.1 (5).

• Reduced Motion✓ Ja

  Vlinders, wiebelen, water, glitter, time-lapse, zoomen, verfpot en overgangen staan stil of springen meteen, via de eigen optie of de instelling van iOS. Alleen het korte inzakken van een knop (0,08 seconde) blijft.

• Captions– Niet van toepassing

  Geen video en geen gesproken tekst.

• Audio Descriptions– Niet van toepassing

  Geen video en geen gesproken tekst.

Google: Android

Google vraagt onder meer om beschrijvingen voor TalkBack, aanraakdoelen van minstens 48 dp, voldoende contrast en tekst die mee schaalt.

Deze Android-versie is nog niet uitgebracht. We hebben de code nagekeken.

• TalkBack◐ Deels

  Het kleurveld is één element dat kleur, rij, kolom en wat er nog over is voorleest. Dubbeltikken kleurt een vakje; Volgend vakje, Kleur een stuk, Volgende en Vorige kleur en Toon het hele plaatje staan bij Acties. Tips van Kriebel worden voorgelezen. Bij Vrij kleuren kies je een vlak via Acties en kleur je het met een dubbeltik. Gebouwd zoals op iOS, maar nog niet met TalkBack op een toestel getest.

• Schakeltoegang◐ Deels

  Wordt herkend: Knoppen om te kleuren zonder vegen gaan op Auto aan, zodat Kleur een vakje en Kleur een stuk op het scherm staan. Nog niet op een toestel getest.

• Voice Access◐ Deels

  Zet Knoppen om te kleuren zonder vegen op Aan; dan staan Kleur een vakje en Kleur een stuk op het scherm, en elk kleurrondje heet Kleur 1, Kleur 2 … Nog niet getest.

• Lettergrootte van het systeem tot 200%✓ Ja

  Alle tekst staat in sp en groeit mee; menu's scrollen en schikken zich onder elkaar bij heel grote tekst. Nagekeken op de emulator; de nummers in de vakjes groeien door in te zoomen of met Grotere nummers.

• Doelgrootte minstens 48dp✓ Ja

  Knoppen, kleurrondjes en de cijfers van de ouderpoort zijn minstens 48 dp.

• Donker thema✓ Ja

  Weergave Auto volgt het donkere thema van het toestel, of kies Licht of Donker. De tekening blijft een licht blad papier. Nagekeken op de emulator.

• Contrast✓ Ja

  Dezelfde kleuren als iOS (tekst minstens 4,5 op 1). Hoog contrast op Auto volgt het contrastniveau van het toestel en Tekst met hoog contrast, en maakt de lijnen dikker.

• Animaties verwijderen✓ Ja

  Met animaties uit gaan Beweging beperken en Flitsen beperken op Auto aan: vlinders, water, glitter, overgangen en de time-lapse staan stil.

• Niet alleen kleur✓ Ja

  Nummers in de vakjes, een stip uitgezoomd, een symbool per kleur in het palet (en desgewenst in de vakjes), en de naam onder elke kleur bij Vrij kleuren.

• Toetsenbord✓ Ja

  Pijltjes, spatie, 1 tot 9, S, N, + en − en 0 op het kleurveld; Tab en een zichtbare focusrand op de knoppen. Nog niet met een echt toetsenbord getest.

WCAG 2.2 AA

WCAG is geschreven voor het web. Voor apps volgen we de uitleg van WCAG2ICT. Niveau AA telt 55 criteria.

1. Waarneembaar

• 1.1.1 Niet-tekstuele content Niveau A◐ Deels

  Knoppen, plaatjes en stickers hebben een tekstlabel en sierbeelden zijn verborgen. VoiceOver zegt het nummer en de plaats van het vakje onder de cursor, maar niet van elk vakje apart.

• 1.2.1 Louter geluid en louter video (vooraf opgenomen) Niveau A– Niet van toepassing
• 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) Niveau A– Niet van toepassing
• 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) Niveau A– Niet van toepassing
• 1.2.4 Ondertitels (live) Niveau AA– Niet van toepassing
• 1.2.5 Audiodescriptie (vooraf opgenomen) Niveau AA– Niet van toepassing
• 1.3.1 Info en relaties Niveau A◐ Deels

  Koppen zijn als kop gemarkeerd en de instellingen zijn gegroepeerd. Van het raster leest VoiceOver rij en kolom van het vakje onder de cursor; het raster als geheel is geen tabel.

• 1.3.2 Betekenisvolle volgorde Niveau A? Niet getest

  De voorleesvolgorde over de lagen van het kleurscherm kan niet uit de code worden vastgesteld.

• 1.3.3 Zintuiglijke eigenschappen Niveau A✓ Voldoet

  Instructies noemen altijd ook het nummer, bv. gele vakjes met 3, en niet alleen kleur of plaats.

• 1.3.4 Weergavestand Niveau AA✓ Voldoet

  Op iPhone werken staand en liggend, op iPad alle vier de standen.

• 1.3.5 Het doel van de invoer bepalen Niveau AA– Niet van toepassing
• 1.4.1 Gebruik van kleur Niveau A✓ Voldoet

  Nummers en symbolen geven de kleur ook zonder kleur aan, uitgezoomd krijgen je vakjes een stip, verkeerd krijgt tekst, en Vrij kleuren toont de naam van elke kleur.

• 1.4.2 Geluidsbediening Niveau A✓ Voldoet

  Alle geluiden duren minder dan een seconde (langste 0,88 s) en het geluid kan uit op het kleurscherm en bij Voor ouders.

• 1.4.3 Contrast (minimum) Niveau AA✓ Voldoet

  Menu's halen 4,5 tot 15 op 1, ook in de donkere weergave. De nummers van de andere kleuren halen 5,9 op 1.

• 1.4.4 Herschalen van tekst Niveau AA✓ Voldoet

  Tekst schaalt mee tot de grootste tekstgrootte; palet, tellers en uitlegkaartjes worden groter of scrollen, titels breken af in plaats van te krimpen. Alleen het woordbeeld Kleurkriebels krimpt, want een logo breekt niet af.

• 1.4.5 Afbeeldingen van tekst Niveau AA✓ Voldoet

  Alle tekst is echte tekst. Alleen het Studio Nolu-logo is beeld, en een logo mag dat.

• 1.4.10 Reflow Niveau AA✓ Voldoet

  Menu's, uitlegkaartjes en de kaart bij de eerste start scrollen; liggend en bij grote tekst schuiven de keuzes op Plaatjes mee. Het kleurveld is tweedimensionaal en mag dat.

• 1.4.11 Contrast van niet-tekstuele content Niveau AA◐ Deels

  Zwarte ring om de gekozen kleur, rode rand, cursor en de stip in je vakjes zijn goed (minstens 3 op 1). De gekozen niveauknop valt weinig op tegenover de achtergrond, en bleke palettkleuren behalve wit hebben geen rand.

• 1.4.12 Tekstafstand Niveau AA– Niet van toepassing

  Een native app laat de speler geen tekstafstand instellen (WCAG2ICT).

• 1.4.13 Content bij hover of focus Niveau AA– Niet van toepassing

2. Bedienbaar

• 2.1.1 Toetsenbord Niveau A✓ Voldoet

  Menu's werken met Volledige toetsenbordtoegang. Op het kleurscherm kleur je met pijltjes en spatie, bij Vrij kleuren met pijltjes en spatie, en Schakelbediening gebruikt dezelfde acties als VoiceOver.

• 2.1.2 Geen toetsenbordval Niveau A? Niet getest

  De code bevat geen eigen focusafhandeling; het gedrag met een toetsenbord is niet op een toestel nagekeken.

• 2.1.4 Enkel teken als sneltoets Niveau A– Niet van toepassing
• 2.2.1 Timing aanpasbaar Niveau A– Niet van toepassing

  Er is geen tijdslimiet. Plaatje van de week en verrassing wisselen met de kalender, maar je verliest niets.

• 2.2.2 Pauzeren, stoppen, verbergen Niveau A✓ Voldoet

  Vlinders, wiebelen, water en glitter stoppen met de optie Beweging beperken; water kan ook apart uit. Opstartschermen duren samen minder dan 5 seconden en een tik slaat ze over.

• 2.3.1 Drie flitsen of onder de drempelwaarde Niveau A✓ Voldoet

  Niets knippert. De glitter pulseert rustig rond 1 keer per seconde in kleine sterretjes en de vlindertjes zijn klein.

• 2.4.1 Blokken omzeilen Niveau A– Niet van toepassing

  Geldt niet voor één native app (WCAG2ICT).

• 2.4.2 Paginatitel Niveau A✓ Voldoet

  De app heeft een naam en elk scherm toont bovenaan zijn titel.

• 2.4.3 Focusvolgorde Niveau A? Niet getest

  Bij een nieuw scherm stuurt de app de focus niet zelf, want er is geen schermmelding in de code. Het effect in VoiceOver is niet op een toestel nagekeken.

• 2.4.4 Linkdoel (in context) Niveau A✓ Voldoet

  Elke knop zegt wat hij doet, ook de icoonknoppen via hun label.

• 2.4.5 Meerdere manieren Niveau AA– Niet van toepassing

  Geldt niet voor één native app (WCAG2ICT).

• 2.4.6 Koppen en labels Niveau AA✓ Voldoet

  Titels en knopnamen zijn beschrijvend.

• 2.4.7 Focus zichtbaar Niveau AA◐ Deels

  Op het kleurveld toont een dikke inktrand het vakje onder de cursor, bij Vrij kleuren een rand rond het vlak. Bij de andere knoppen zorgt iOS voor de focusring.

• 2.4.11 Focus niet bedekt (minimum) Niveau AA? Niet getest

  Niet getest met een toetsenbord.

• 2.5.1 Aanwijzergebaren Niveau A✓ Voldoet

  Knijpen kan ook met + en −. Vegen kan ook met losse tikken. Uitleg en album hebben knoppen naast vegen. Schuiven kan via vergrootglas en overzichtskaartje.

• 2.5.2 Aanwijzerannulering Niveau A◐ Deels

  Een vakje kleurt al bij het neerzetten van de vinger, zonder ongedaan maken. Het kan alleen om een juist vakje gaan. Andere knoppen werken bij het loslaten.

• 2.5.3 Label in naam Niveau A✓ Voldoet

  Labels bevatten de zichtbare tekst, bv. Kleur 3, rood, nog 12 vakjes.

• 2.5.4 Bediening via beweging Niveau A– Niet van toepassing
• 2.5.7 Sleepbewegingen Niveau AA✓ Voldoet

  Kleuren kan met tikken en verplaatsen met vergrootglas of kaartje. De palettkleuren die buiten beeld vallen vragen wel gewoon scrollen, wat iOS zelf regelt.

• 2.5.8 Grootte van het aanwijsgebied (minimum) Niveau AA✓ Voldoet

  Knoppen zijn minstens 38 punten, vakjes kan je tot 56 punten inzoomen en bij Vrij kleuren kan je tot 4 keer inzoomen.

3. Begrijpelijk

• 3.1.1 Taal van de pagina Niveau A✓ Voldoet

  De app is alleen in het Nederlands en dat staat zo ingesteld.

• 3.1.2 Taal van onderdelen Niveau AA– Niet van toepassing

  Geen stukken in een andere taal; geldt ook niet voor een native app (WCAG2ICT).

• 3.2.1 Bij focus Niveau A✓ Voldoet

  De code doet niets op basis van focus.

• 3.2.2 Bij invoer Niveau A✓ Voldoet

  Een keuze wijzigen verandert alleen die keuze; opties openen geen ander scherm.

• 3.2.3 Consistente navigatie Niveau AA– Niet van toepassing

  Geldt niet voor één native app (WCAG2ICT).

• 3.2.4 Consistente identificatie Niveau AA– Niet van toepassing

  Geldt niet voor één native app (WCAG2ICT).

• 3.2.6 Consistente hulp Niveau A– Niet van toepassing

  Geldt niet voor één native app (WCAG2ICT).

• 3.3.1 Foutidentificatie Niveau A✓ Voldoet

  Bij de ouderpoort verschijnt een melding, die ook wordt voorgelezen. Bij een verkeerd vakje zie je een rode rand en een tip.

• 3.3.2 Labels of instructies Niveau A✓ Voldoet

  De ouderpoort zegt welke cijfers je moet intikken en telt mee hoeveel er al zijn.

• 3.3.3 Foutsuggestie Niveau AA✓ Voldoet

  De ouderpoort zegt dat je opnieuw kan proberen en Foto's zegt waar je toegang geeft.

• 3.3.4 Foutpreventie (wettelijk, financieel, gegevens) Niveau AA– Niet van toepassing
• 3.3.7 Overbodige invoer Niveau A– Niet van toepassing
• 3.3.8 Toegankelijke authenticatie (minimum) Niveau AA– Niet van toepassing

  Er is geen account en geen aanmelding. De ouderpoort is geen aanmelding, maar vraagt wel om drie uitgeschreven cijfers te lezen.

4. Robuust

• 4.1.2 Naam, rol, waarde Niveau A✓ Voldoet

  Knoppen, schakelaars en keuzes hebben naam, rol en stand. Het kleurveld is een regelbaar element met acties, en de vlakken bij Vrij kleuren zijn een voor een bereikbaar.

• 4.1.3 Statusberichten Niveau AA✓ Voldoet

  Tips van Kriebel worden voorgelezen, ook bij een fout vakje of een nieuwe kleur, net als de foutmelding van de ouderpoort.

Hoe we dit hebben nagekeken

We hebben de broncode van het spel nagekeken op de datum hierboven. Dit is een eigen controle, geen keuring door een onafhankelijke partij, en we hebben dit nog niet op toestellen met hulpmiddelen getest. Daarom staat er "Niet getest" waar de code alleen geen antwoord geeft.

We passen deze pagina aan telkens de toegankelijkheid van het spel verandert.

Loopt je ergens tegenaan, of klopt iets niet? Mail ons op hello@studionolu.com.