L’animation Do a Barrel Roll de Google repose sur une transformation CSS appliquée à l’élément racine de la page de résultats. Une rotation complète de 360° sur l’axe de roulis, déclenchée côté client dès que le serveur détecte la requête. Pour la plupart des utilisateurs, le tour passe inaperçu.
Pour d’autres, notamment les personnes sensibles aux mouvements vestibulaires ou souffrant de troubles visuels, cette seconde d’animation provoque un vrai inconfort. Nous détaillons ici les méthodes techniques pour neutraliser cet effet, qu’il s’agisse d’un réglage système, d’une configuration navigateur ou d’un contournement structurel.
Propriété prefers-reduced-motion : le levier natif contre le barrel roll Google
La méthode la plus propre pour bloquer l’animation passe par la media query prefers-reduced-motion. Quand cette préférence est activée au niveau du système d’exploitation, le navigateur la transmet aux sites web via CSS. Google Search respecte cette directive et limite ou supprime ses animations, barrel roll compris.
L’activation dépend du système :
- Sur macOS, ouvrir Réglages système, puis Accessibilité, puis Affichage, et cocher « Réduire les animations ».
- Sur Windows, accéder à Paramètres, puis Accessibilité, puis Effets visuels, et désactiver « Effets d’animation ».
- Sur iOS, aller dans Réglages, puis Accessibilité, puis Mouvement, et activer « Réduire les animations ».
- Sur Android, ouvrir Paramètres, puis Accessibilité, et activer « Supprimer les animations ».
Une fois ce réglage en place, la rotation ne se déclenche plus du tout ou se réduit à un mouvement imperceptible. Ce paramètre agit sur l’ensemble du système, pas uniquement sur Google. Les transitions dans les applications et les sites web deviennent plus sobres.
Désactiver le barrel roll en changeant de moteur de recherche par défaut
L’easter egg barrel roll n’existe que sur la page de résultats de Google. Il n’est pas intégré au navigateur. Si votre moteur de recherche par défaut est DuckDuckGo, Qwant, Brave Search ou tout autre alternative, taper « do a barrel roll » dans la barre d’adresse ne déclenche aucune rotation.
Nous recommandons cette approche aux utilisateurs qui tapent fréquemment des requêtes directement dans la barre d’adresse et qui tombent sur l’animation par accident. Le changement se fait en quelques secondes dans les paramètres du navigateur, section « Moteur de recherche ».
Sur Chrome, Firefox et Edge, la liste des moteurs disponibles est accessible depuis les préférences. Sur Safari, le choix se limite à Google, Yahoo, Bing, DuckDuckGo et Ecosia. Dans tous les cas, rien n’empêche de revenir sur google.com manuellement quand c’est nécessaire, tout en évitant le déclenchement involontaire au quotidien.
Extensions navigateur pour bloquer l’animation barrel roll
Les extensions de blocage de scripts et de protection de la vie privée neutralisent souvent l’animation sans configuration supplémentaire. uBlock Origin bloque les scripts responsables de l’easter egg dans sa configuration par défaut, car l’animation repose sur du JavaScript injecté dans la page de résultats.
Méthode avec uBlock Origin
Installer l’extension suffit dans la majorité des cas. Si l’animation persiste, il est possible d’ajouter un filtre cosmétique personnalisé ciblant la transformation CSS. Dans le tableau de bord de uBlock Origin, onglet « Mes filtres », ajouter une règle qui neutralise la propriété transform: rotate(360deg) sur l’élément body de google.com.
Autres extensions compatibles
NoScript et Privacy Badger produisent un effet similaire en bloquant les scripts tiers ou en limitant l’exécution JavaScript sur les pages de résultats. Le compromis est plus lourd : certaines fonctionnalités de Google Search (suggestions instantanées, aperçus de Knowledge Panel) peuvent aussi être affectées.
Bloquer le barrel roll via les outils de développement du navigateur
Pour un contrôle ponctuel sans installer d’extension, les DevTools offrent une solution immédiate. Cette méthode s’adresse aux utilisateurs à l’aise avec l’inspecteur de code.
Ouvrir les outils de développement (F12 ou Ctrl+Shift+I), puis accéder à l’onglet « Rendu » (Rendering). L’option « Emulate CSS media feature prefers-reduced-motion » permet de forcer la valeur « reduce » sans toucher aux réglages système. L’animation est alors bloquée pour la session en cours.
Sur Chrome et Edge, cette option se trouve dans le panneau Rendering accessible via le menu à trois points des DevTools. Sur Firefox, le raccourci se situe dans l’inspecteur d’accessibilité. Le réglage ne persiste pas après la fermeture de l’onglet, ce qui le rend pratique pour un test rapide sans modifier la configuration globale.
Accessibilité web et norme WCAG 2.2.2 : pourquoi Google permet la désactivation
La norme WCAG 2.2.2 (Pause, Stop, Hide) impose que tout contenu en mouvement, clignotant ou défilant automatiquement puisse être mis en pause, arrêté ou masqué par l’utilisateur. L’easter egg barrel roll dure moins de cinq secondes et ne se répète pas, ce qui le place techniquement en dehors du périmètre strict de cette exigence.
Google respecte néanmoins la préférence prefers-reduced-motion, ce qui constitue une conformité de fait. L’animation ne se déclenche pas si le système signale une sensibilité aux mouvements. Ce comportement est cohérent avec les recommandations du W3C sur les animations déclenchées par l’utilisateur.
Pour les développeurs web qui intègrent des animations similaires dans leurs projets, la bonne pratique consiste à envelopper toute transformation CSS dans une media query vérifiant que prefers-reduced-motion n’est pas à « reduce ». Google applique ce principe sur ses easter eggs depuis que la media query est devenue un standard supporté par l’ensemble des navigateurs modernes.
La méthode la plus durable reste l’activation de prefers-reduced-motion au niveau système. Elle protège contre le barrel roll, mais aussi contre toutes les animations non sollicitées sur le web. Les utilisateurs qui ne souhaitent pas modifier leurs réglages globaux peuvent se contenter de changer leur moteur de recherche par défaut ou d’ajouter un filtre dans uBlock Origin. Ces trois approches couvrent la totalité des scénarios, du plus simple au plus technique.
