Kleurkriebels

Summary

This game does not fully meet WCAG 2.2 AA yet.

Apple features with Yes: VoiceOver, Voice Control, Larger Text, Dark Interface, Differentiate Without Color Alone, Sufficient Contrast, Reduced Motion.

WCAG 2.2 AA, 55 criteria: 26 meets, 5 partly, 0 does not meet, 4 not tested, 20 not applicable.

What does not work yet

• With Voice Control you do not pick a single cell: you colour with the buttons Colour a cell and Colour an area.
• A cell is coloured as soon as the finger touches it, without undo. This can only be a correct cell.
• In the dark appearance the chosen level button on Pictures stands out little.

How to set it up

• Accessibility button at the top left of the start screen, or Set up on the card on first launch.
• Colour blindness: Symbol in the cells too (off by default, visible from 22 points per cell).
• Low vision: Larger numbers, High contrast (Auto, On, Off; makes the lines thicker) and Appearance (Auto, Light, Dark). Text follows the text size of the device.
• Light and motion: Reduce flashing, Reduce motion (Auto follows iOS) and Moving water.
• Pace and controls: Extra vibration for a wrong cell, and Buttons to colour without swiping (Auto, On, Off; Auto = on with VoiceOver or Switch Control).
• Keyboard on the colouring screen: arrows, space to colour, 1 to 9 for a colour, S for a whole area, N for the next cell, + and − to zoom, 0 for the whole picture.
• Behind the parent gate: sound, vibration and moving water. Sound can also be turned on or off on the colouring screen.

What we checked

Apple asks that all common tasks can be done with a feature. These are the common tasks of this game.

• First launch: opening screens and the Play your way card
• Choosing a picture, level and style
• Colouring a picture: choosing a colour, zooming, colouring cells, paint pot, magic wand, magnifier
• Viewing the Done screen, the album and My drawings
• Free colouring and colouring the butterfly
• Setting up accessibility
• For parents: the parent gate, settings, saving and sharing

Apple: features on the App Store

A feature only gets Yes if you can do all common tasks with it. iPhone and iPad.

• VoiceOver✓ Yes

  On the colouring area, swiping up colours the nearest cell of your colour and swiping down moves to the next cell; VoiceOver says the colour, row, column and how many are left. Actions: Colour an area, Next colour, Previous colour, Show the whole picture. Tips from Kriebel are read aloud. In free colouring you pick an area by swiping and colour it with a double tap. Tested on build 1.1 (5).

• Voice Control✓ Yes

  With the option Buttons to colour without swiping on, Colour a cell and Colour an area are on screen, and the colours respond to Colour 3 or their name. That way you can finish a picture by voice. Tested on build 1.1 (5).

• Larger Text✓ Yes

  The palette and counters get wider instead of being cut off, titles grow and wrap, the explanation cards and the first-launch card scroll, and menus stack at the largest sizes. Numbers in the cells grow by zooming in or with Larger numbers. Tested on build 1.1 (5).

• Dark Interface✓ Yes

  Appearance Auto follows the device, or choose Light or Dark. The drawing itself stays a light sheet of paper, so numbers and lines keep their contrast. Tested on build 1.1 (5).

• Differentiate Without Color Alone✓ Yes

  Every cell gets a number once you zoom in, and a dot in the cells of your colour when zoomed out. The palette shows number plus symbol. A wrong cell also gets a tip in text. In free colouring the name is shown under each colour.

• Sufficient Contrast✓ Yes

  The numbers of the other colours are solid grey-purple (5.9 to 1), and the subtitles on the tiles and the Saved message reach 4.5 to 1. High contrast also makes the lines of the drawing thicker. Tested on build 1.1 (5).

• Reduced Motion✓ Yes

  Butterflies, wobbling, water, glitter, time-lapse, zooming, paint pot and transitions stand still or jump straight to the end, via the app's own option or the iOS setting. Only the brief press-in of a button (0.08 seconds) remains.

• Captions– Not applicable

  No video and no spoken text.

• Audio Descriptions– Not applicable

  No video and no spoken text.

Google: Android

Google asks, among other things, for descriptions for TalkBack, touch targets of at least 48 dp, enough contrast and text that scales.

This Android version has not been released yet. We checked the code.

• TalkBack◐ Partly

  The colouring field is one element that reads the colour, row, column and what is left. Double-tap colours a square; Next square, Colour a whole piece, Next and Previous colour and Show the whole picture are under Actions. Kriebel's tips are read aloud. In free colouring you pick an area with Actions and colour it with a double-tap. Built like on iOS, but not yet tested with TalkBack on a device.

• Switch Access◐ Partly

  Is detected: Buttons to colour without swiping turn on in Auto, so Colour a square and Colour a piece are on screen. Not yet tested on a device.

• Voice Access◐ Partly

  Turn Buttons to colour without swiping On; then Colour a square and Colour a piece are on screen, and each colour circle is called Kleur 1, Kleur 2 … Not yet tested.

• System font size up to 200%✓ Yes

  All text is in sp and grows; menus scroll and stack at very large sizes. Checked on the emulator; the numbers in the squares grow by zooming in or with Larger numbers.

• Touch targets at least 48dp✓ Yes

  Buttons, colour circles and the parental gate keypad are at least 48 dp.

• Dark theme✓ Yes

  Appearance Auto follows the device's dark theme, or choose Light or Dark. The drawing stays a light sheet of paper. Checked on the emulator.

• Contrast✓ Yes

  The same colours as iOS (text at least 4.5:1). High contrast on Auto follows the device contrast level and High contrast text, and makes the lines thicker.

• Remove animations✓ Yes

  With animations off, Reduce motion and Reduce flashes turn on in Auto: butterflies, water, glitter, transitions and the time-lapse stand still.

• Not colour alone✓ Yes

  Numbers in the squares, a dot when zoomed out, a symbol per colour in the palette (and optionally in the squares), and the name under each colour in free colouring.

• Keyboard✓ Yes

  Arrows, space, 1 to 9, S, N, + and − and 0 on the colouring field; Tab and a visible focus ring on the buttons. Not yet tested with a real keyboard.

WCAG 2.2 AA

WCAG was written for the web. For apps we follow the guidance in WCAG2ICT. Level AA has 55 criteria.

1. Perceivable

• 1.1.1 Non-text content Level A◐ Partly

  Buttons, pictures and stickers have a text label and decorative images are hidden. VoiceOver reads the number and position of the cell under the cursor, but not of every cell separately.

• 1.2.1 Audio-only and video-only (prerecorded) Level A– Not applicable
• 1.2.2 Captions (prerecorded) Level A– Not applicable
• 1.2.3 Audio description or media alternative (prerecorded) Level A– Not applicable
• 1.2.4 Captions (live) Level AA– Not applicable
• 1.2.5 Audio description (prerecorded) Level AA– Not applicable
• 1.3.1 Info and relationships Level A◐ Partly

  Headings are marked as headings and the settings are grouped. For the grid, VoiceOver reads the row and column of the cell under the cursor; the grid as a whole is not a table.

• 1.3.2 Meaningful sequence Level A? Not tested

  The reading order across the layers of the colouring screen cannot be determined from the code.

• 1.3.3 Sensory characteristics Level A✓ Meets

  Instructions always give the number as well, for example yellow cells with 3, and not only colour or position.

• 1.3.4 Orientation Level AA✓ Meets

  On iPhone both portrait and landscape work, on iPad all four orientations.

• 1.3.5 Identify input purpose Level AA– Not applicable
• 1.4.1 Use of colour Level A✓ Meets

  Numbers and symbols indicate the colour without colour, zoomed out your cells get a dot, a wrong cell gets text, and free colouring shows the name of each colour.

• 1.4.2 Audio control Level A✓ Meets

  All sounds last less than a second (longest 0.88 s) and sound can be turned off on the colouring screen and in For parents.

• 1.4.3 Contrast (minimum) Level AA✓ Meets

  Menus reach 4.5 to 15 to 1, also in the dark appearance. The numbers of the other colours reach 5.9 to 1.

• 1.4.4 Resize text Level AA✓ Meets

  Text scales up to the largest text size; palette, counters and explanation cards grow or scroll, and titles wrap instead of shrinking. Only the Kleurkriebels wordmark shrinks, because a logo does not wrap.

• 1.4.5 Images of text Level AA✓ Meets

  All text is real text. Only the Studio Nolu logo is an image, and a logo is allowed to be.

• 1.4.10 Reflow Level AA✓ Meets

  Menus, explanation cards and the first-launch card scroll; in landscape and with large text the choices on Pictures scroll along. The colouring area is two-dimensional, which is allowed.

• 1.4.11 Non-text contrast Level AA◐ Partly

  The black ring around the chosen colour, the red border, the cursor and the dot in your cells are fine (at least 3 to 1). The chosen level button stands out little against the background, and pale palette colours other than white have no border.

• 1.4.12 Text spacing Level AA– Not applicable

  A native app does not let the player set text spacing (WCAG2ICT).

• 1.4.13 Content on hover or focus Level AA– Not applicable

2. Operable

• 2.1.1 Keyboard Level A✓ Meets

  Menus work with Full Keyboard Access. On the colouring screen you colour with the arrows and space, in free colouring with the arrows and space, and Switch Control uses the same actions as VoiceOver.

• 2.1.2 No keyboard trap Level A? Not tested

  The code contains no focus handling of its own; behaviour with a keyboard has not been checked on a device.

• 2.1.4 Character key shortcuts Level A– Not applicable
• 2.2.1 Timing adjustable Level A– Not applicable

  There is no time limit. Picture of the week and surprise change with the calendar, but you lose nothing.

• 2.2.2 Pause, stop, hide Level A✓ Meets

  Butterflies, wobbling, water and glitter stop with the Reduce motion option; water can also be turned off separately. Opening screens last less than 5 seconds in total and a tap skips them.

• 2.3.1 Three flashes or below threshold Level A✓ Meets

  Nothing flashes. The glitter pulses gently at around once per second in small stars and the little butterflies are small.

• 2.4.1 Bypass blocks Level A– Not applicable

  Does not apply to a single native app (WCAG2ICT).

• 2.4.2 Page titled Level A✓ Meets

  The app has a name and every screen shows its title at the top.

• 2.4.3 Focus order Level A? Not tested

  On a new screen the app does not move focus itself, because there is no screen-change announcement in the code. The effect in VoiceOver has not been checked on a device.

• 2.4.4 Link purpose (in context) Level A✓ Meets

  Every button says what it does, including icon buttons through their label.

• 2.4.5 Multiple ways Level AA– Not applicable

  Does not apply to a single native app (WCAG2ICT).

• 2.4.6 Headings and labels Level AA✓ Meets

  Titles and button names are descriptive.

• 2.4.7 Focus visible Level AA◐ Partly

  On the colouring area a thick ink border shows the cell under the cursor, in free colouring a border around the area. For the other buttons iOS provides the focus ring.

• 2.4.11 Focus not obscured (minimum) Level AA? Not tested

  Not tested with a keyboard.

• 2.5.1 Pointer gestures Level A✓ Meets

  Pinching can also be done with + and −. Swiping can also be done with separate taps. Explanation and album have buttons as well as swipes. Panning is possible via the magnifier and the overview card.

• 2.5.2 Pointer cancellation Level A◐ Partly

  A cell is coloured as soon as the finger touches down, with no undo. It can only be a correct cell. Other buttons work on release.

• 2.5.3 Label in name Level A✓ Meets

  Labels contain the visible text, for example Colour 3, red, 12 cells to go.

• 2.5.4 Motion actuation Level A– Not applicable
• 2.5.7 Dragging movements Level AA✓ Meets

  Colouring can be done with taps, and moving with the magnifier or the card. Palette colours that fall out of view do require ordinary scrolling, which iOS handles itself.

• 2.5.8 Target size (minimum) Level AA✓ Meets

  Buttons are at least 38 points, cells can be zoomed to 56 points and free colouring can be zoomed up to 4 times.

3. Understandable

• 3.1.1 Language of page Level A✓ Meets

  The app is in Dutch only and is set up that way.

• 3.1.2 Language of parts Level AA– Not applicable

  No passages in another language; also does not apply to a native app (WCAG2ICT).

• 3.2.1 On focus Level A✓ Meets

  The code does nothing based on focus.

• 3.2.2 On input Level A✓ Meets

  Changing a choice changes only that choice; options do not open another screen.

• 3.2.3 Consistent navigation Level AA– Not applicable

  Does not apply to a single native app (WCAG2ICT).

• 3.2.4 Consistent identification Level AA– Not applicable

  Does not apply to a single native app (WCAG2ICT).

• 3.2.6 Consistent help Level A– Not applicable

  Does not apply to a single native app (WCAG2ICT).

• 3.3.1 Error identification Level A✓ Meets

  At the parent gate a message appears, which is also read aloud. With a wrong cell you see a red border and a tip.

• 3.3.2 Labels or instructions Level A✓ Meets

  The parent gate says which digits to enter and counts how many have been entered.

• 3.3.3 Error suggestion Level AA✓ Meets

  The parent gate says you can try again, and Photos says where to grant access.

• 3.3.4 Error prevention (legal, financial, data) Level AA– Not applicable
• 3.3.7 Redundant entry Level A– Not applicable
• 3.3.8 Accessible authentication (minimum) Level AA– Not applicable

  There is no account and no sign-in. The parent gate is not a sign-in, but it does ask you to read three spelled-out digits.

4. Robust

• 4.1.2 Name, role, value Level A✓ Meets

  Buttons, switches and choices have a name, role and state. The colouring area is an adjustable element with actions, and the areas in free colouring can be reached one by one.

• 4.1.3 Status messages Level AA✓ Meets

  Tips from Kriebel are read aloud, also for a wrong cell or a new colour, as is the error message of the parent gate.

How we checked this

We reviewed the source code of the game on the date above. This is our own review, not an audit by an independent party, and we have not yet tested this on devices with assistive technology. That is why it says "Not tested" where the code alone gives no answer.

We update this page whenever the accessibility of the game changes.

Running into a problem, or is something wrong here? Email us at hello@studionolu.com.