Mouvement réduit : pourquoi couper les animations

La plupart des jeux de puzzle reposent sur le mouvement : les pièces glissent en place, les lignes effacées éclatent, l'écran tremble lors d'un gros combo. Pour beaucoup de joueurs, cela fait partie du plaisir. Pour d'autres, c'est gênant, et le réglage qui l'atténue est l'une des options d'accessibilité les plus utiles qu'un jeu puisse proposer.

Pourquoi le mouvement dérange certaines personnes

Le sens de l'équilibre dépend du système vestibulaire de l'oreille interne, qui travaille avec la vision. En cas de trouble vestibulaire, ou chez les personnes simplement sensibles au mouvement, ce système peut être déréglé par ce que les yeux voient sur un écran. Les symptômes habituels sont vertiges, nausées, maux de tête et sensation que la pièce bouge. Le mal des transports repose sur le même décalage : les yeux signalent un mouvement alors que le corps reste immobile.

Le mouvement qui pose problème est en général grand ou couvre une grande partie de l'écran : zoom, rotation, transitions glissantes, parallaxe (des couches qui bougent à des vitesses différentes pour suggérer la profondeur) et secousses. Une petite icône qui change de couleur gêne rarement. Les réactions varient d'une personne à l'autre ; il n'existe donc pas de quantité d'animation sans danger, et c'est pourquoi il s'agit d'un réglage et non d'une règle de conception.

La sensibilité vestibulaire n'est pas la même chose que l'épilepsie photosensible. Cette dernière concerne les clignotements rapides, et elle a ses propres limites, traitées ensuite.

Ce que disent les recommandations d'accessibilité

Les WCAG (Web Content Accessibility Guidelines) sont rédigées pour le web, mais leur formulation est la référence habituelle pour les applications aussi. Trois critères de succès de la version 2.1 concernent l'animation.

• 2.3.1 Trois flashs ou seuil non atteint (niveau A). Rien ne doit clignoter plus de trois fois en une seconde, sauf si le flash est sous les seuils définis de flash général et de flash rouge. C'est la règle de photosensibilité.
• 2.2.2 Pause, arrêt, masquage (niveau A). Un contenu en mouvement, clignotant ou défilant qui démarre automatiquement, dure plus de cinq secondes et côtoie d'autres contenus doit pouvoir être mis en pause, arrêté ou masqué. Les mouvements essentiels sont exemptés.
• 2.3.3 Animation déclenchée par interaction (niveau AAA). Une animation de mouvement déclenchée par une action de l'utilisateur peut être désactivée, sauf si elle est essentielle à la fonction ou à l'information. C'est celui qui vise les déclencheurs vestibulaires, et c'est le niveau le plus strict, donc beaucoup de produits ne le revendiquent pas.

Les trois se distinguent par ce qu'ils protègent. 2.3.1 fixe un plafond strict pour tout le monde. 2.2.2 concerne les éléments qui continuent de bouger pendant que vous essayez de lire. 2.3.3 concerne la réaction à vos propres gestes, ce qui est le cas d'un jeu de puzzle : vous appuyez, et le plateau répond par un mouvement.

Les réglages qui désactivent l'animation

Sur Android, les réglages d'accessibilité comprennent Supprimer les animations. Turning it on shortens or removes the transitions the system itself plays, such as opening an app or switching screens, and apps can read the preference and follow it. Where it sits in the menu varies by phone maker and Android version, so search the settings for “animation”.

Sur le web, l'équivalent est la requête média CSS prefers-reduced-motion. It has two values, no-preference et reduce, qui reflète un réglage effectué une fois au niveau du système d'exploitation. Une page qui le respecte peut remplacer son mouvement par quelque chose de plus calme lorsque la valeur est reduce. Other platforms have similar switches, and the idea is the same everywhere: the player says it once, and software is meant to listen.

Ce que remplace en général une conception en mouvement réduit

Mouvement réduit ne signifie pas absence de retour. Les joueurs doivent toujours savoir qu'une pièce s'est posée ou qu'une ligne a été effacée. La démarche habituelle consiste à garder l'information et à changer la manière dont elle arrive :

1. Des fondus au lieu du mouvement. Une case effacée disparaît en fondu sur place, au lieu de s'envoler ou d'éclater.
2. Pas de parallaxe. Les couches d'arrière-plan restent immobiles, donc il n'y a pas d'effet de profondeur à suivre.
3. Pas de secousse d'écran. L'accent vient d'un changement statique, comme une mise en évidence ou l'apparition d'un nombre.
4. Pas de zoom ni de rotation. Les changements d'échelle et de rotation sont remplacés par un changement instantané ou un bref fondu.
5. Rien qui boucle tout seul. L'animation d'ambiance est supprimée, dans l'esprit du 2.2.2.

Rien de tout cela ne rend un puzzle plus facile ou plus difficile. Une rangée de neuf cases est complète, qu'elle clignote, s'estompe ou disparaisse simplement. C'est l'une des raisons pour lesquelles les puzzles de blocs se prêtent bien à ce réglage : les règles portent sur les cases remplies, et l'animation n'est qu'une décoration par-dessus.

Ce que dit Big Ben Blocks

La fiche Google Play de Big Ben Blocks: Block Puzzle indique que le jeu inclut des libellés pour lecteurs d'écran et la prise en charge du mouvement réduit. La fiche ne dit pas comment le mouvement réduit s'active ni quels effets il modifie, donc cet article ne le dit pas non plus. Elle montre en revanche que cette option côtoie les autres fonctions d'accessibilité qu'elle cite : les blocs portent des symboles de forme en plus des couleurs, et la pose par tap est une alternative au glisser-déposer. Ces points sont traités dans les articles sur les joueurs daltoniens et la pose par tap.

Si vous choisissez un jeu avec du mouvement en tête, trois vérifications valent la peine. Le jeu suit-il le réglage du système, ou a-t-il son propre interrupteur ? Le retour reste-t-il cohérent sans le mouvement ? Et quelque chose clignote-t-il ? Si vous êtes sujet aux vertiges, essayez une courte session avec le réglage Android activé avant une longue, et arrêtez si des symptômes apparaissent.