WCAG 2.0 AA accessible games. Smile Crew

Created for the agency La Fabbrica, the Smile Crew Oral-B platform is aimed at primary schools across Italy and at families, with the goal of informing and raising awareness about proper oral hygiene for young children. Our task was to turn this content into a playable, accessible digital product: 5 missions built on two mechanics, a Runner and an interactive Cloze test.

The educational content is intended for a national and diverse audience of schools, families, and children with different needs, so today’s technical challenge is making the same learning content accessible through different sensory channels.

The product’s distinctive feature is precisely its “by design” accessibility: not an added or parallel layer, but a foundational requirement built into the design of the mechanics from the start, developed in compliance with the WCAG 2.0 AA standards.

In the Runner game, every game element can be used with a screen reader, instructions are delivered step by step and require user interaction, the position of elements is communicated through sounds of different frequencies and types, and the game speed can be adjusted by the user. The interactive Cloze test is also fully usable with speech synthesis tools: the question, the description of the proposed object, and the alternative answers are all handled in this dual mode. Screen reader and keyboard navigation accessibility was developed for both the desktop and mobile versions of the platform.

Client: LaFabbrica – Oral-B
Type: Development of the edu-gaming platform, with implementation of screen reader and keyboard accessibility compliant with WCAG 2.0 AA.
Goal: To support the client’s educational project on oral hygiene, and to raise families’ awareness of the topic, through technical development.
Target: Primary school children, schools, and families.

TECH STACK

Frontend: React
Animations: Rive