Mise à jour de l'extension Axe DevTools : nouvel analyseur de contraste des couleurs

Harris Schneiderman

Par Harris Schneiderman

19 mai 2022

axeDevTools ColorContrastRelease2

La version 4.28.0 de DevTools est l'une des plus marquantes à ce jour ! Après avoir échangé avec les utilisateurs, nous avons rapidement constaté que les problèmes de contraste des couleurs signalés comme « à vérifier » constituaient pour eux un véritable casse-tête. En effet, dans une récente étude menée par Deque portant sur plus de 13 000 pages, nous avons constaté que les problèmes de contraste des couleurs représentaient 30,8 % du nombre total de problèmes détectés.

Avec cette mise à jour, les utilisateurs de la version Pro peuvent désormais tirer parti de la puissance de nos algorithmes d’apprentissage automatique pour réduire considérablement ce problème. Ces nouveaux algorithmes déterminent automatiquement si les problèmes de contraste des couleurs signalés comme « à vérifier » lors d’une analyse automatique constituent réellement des problèmes ou non.

Qu'entend-on par « problèmes de contraste des couleurs nécessitant une vérification » ?

Dans certains cas, l’analyse automatique fournie par axe-core ne parvient pas à déterminer avec précision les couleurs de premier plan et d’arrière-plan d’un élément, par exemple lorsque du texte s’étend sur un dégradé ou une image. Si vous connaissez notre principe « zéro faux positif » ( axe-core ), vous comprendrez pourquoi il est important que ces problèmes ne soient pas traités de manière définitive avant d’avoir été examinés. Nous ne voulons pas perdre de temps à traquer les faux positifs ; c’est pourquoi nous les avons classés auparavant dans la catégorie « À examiner », ce qui indique qu’un examen manuel est nécessaire pour confirmer si les problèmes sont réels ou non.

Cela change dès aujourd'hui. Grâce à axe DevTools v.4.28.0, les utilisateurs peuvent désormais évaluer avec précision les problèmes de contraste des couleurs tout en restant fidèles à notre philosophie, ce qui permet de gagner un temps considérable lors des vérifications manuelles.

Fonctionnement du nouvel analyseur de contraste des couleurs

Lorsque les utilisateurs du forfait Pro effectuent pour la première fois une analyse qui détecte des problèmes de contraste des couleurs nécessitant une vérification («Les éléments doivent présenter un contraste de couleurs suffisant »), une boîte de dialogue s'affiche pour les informer de cette nouvelle fonctionnalité. Ils peuvent alors choisir le mode de fonctionnement de cette nouvelle fonctionnalité :

  • Choisissez le moment de l'exécution (recommandé) : Si des problèmes de contraste des couleurs nécessitant une vérification apparaissent, vous pouvez lancer cette analyse à tout moment après une numérisation.
  • S'exécuter automatiquement après chaque analyse : Si des problèmes de contraste des couleurs nécessitant une vérification apparaissent, cet outil s'exécutera automatiquement.

Capture d'écran de la nouvelle boîte de dialogue relative au contraste des couleurs dans l'extension axe DevTools, qui indique : « Nous avons détecté (13) problèmes de contraste des couleurs qui nécessitent votre vérification… Comment souhaitez-vous utiliser cet outil ? Choisissez de l'exécuter manuellement (recommandé) ou de l'exécuter automatiquement après chaque analyse ».

Choisir le moment d'exécution de l'outil

Nous vous recommandons d'utiliser l'option « Choisir quand lancer l'analyse ». Cela permettra aux utilisateurs de contrôler précisément le moment où l'outil s'exécute, sans pour autant allonger automatiquement la durée de l'analyse. Chaque fois que des problèmes de contraste des couleurs « à vérifier » sont détectés, le bouton « Nous avons détecté (x) problèmes de contraste des couleurs à vérifier. Cliquez pour les examiner automatiquement » (situé dans le corps de la page) s'affichera.

Capture d'écran de l'extension Axe pour DevTools affichant l'info-bulle d'un bouton indiquant : « Nous avons détecté (13) problèmes de contraste des couleurs à vérifier. Cliquez ici pour les examiner automatiquement. »

Exécution automatique de l'outil après chaque analyse

Les utilisateurs peuvent choisir de lancer automatiquement l'outil à la fin de chaque analyse. Cela peut allonger considérablement la durée nécessaire à la réalisation de chaque analyse. Dans ce mode, l'outil de contraste des couleurs se lancera immédiatement après la fin de l'analyse automatique.

Résultats

Une fois le processus de contraste des couleurs terminé, les utilisateurs seront informés du nombre de problèmes confirmés comme réels (qui ne sont plus « à examiner »), du nombre de problèmes jugés sans fondement et du nombre de problèmes restant « à examiner ». Ceux qui ont été confirmés comme des problèmes ne seront plus marqués comme « à examiner » mais s'afficheront comme de véritables problèmes « automatiques ». Les problèmes jugés sans fondement seront supprimés, car cela signifie qu’il n’y a pas de problème de contraste des couleurs à résoudre. Les autres problèmes resteront classés dans la catégorie « À vérifier » et devront faire l’objet d’une vérification manuelle.

Capture d'écran de l'extension Axe pour DevTools affichant les résultats obtenus après l'exécution de l'outil d'analyse du contraste des couleurs : « Vérification automatique du contraste des couleurs terminée. 6 éléments conformes, 2 non conformes figurant dans la section « PROBLÈMES AUTOMATIQUES », et 5 éléments nécessitant une vérification manuelle figurant dans la section « À VÉRIFIER ».

Configuration

L'outil d'analyse du contraste des couleurs « À vérifier » peut être configuré dans les « Paramètres avancés », sous l'en-tête « Paramètres de vérification du contraste des couleurs ».

Capture d'écran de l'extension DevTools d'Axe affichant les paramètres d'analyse du contraste des couleurs, qui vous permettent de sélectionner les « Options d'exécution de l'outil ».

Ce paramètre peut également être configuré à l'échelle de l'entreprise via une stratégie d'extension, à l'aide de la propriété « AutomaticColorContrastReview ». Cette propriété peut être définie sur « automatic », ce qui équivaut à «Exécuter automatiquement après chaque analyse », ou sur « manual », ce qui équivaut à «Choisir quand l'exécuter (recommandé) ».

Conclusion

Grâce au nouvel analyseur de contraste des couleurs « À vérifier », l'extension axe DevTools se chargera du gros du travail et examinera automatiquement ces problèmes. Nous sommes constamment à l'écoute des besoins de nos utilisateurs et nous nous efforçons d'y répondre. Dans cette version, nous avons intégré deux fonctionnalités majeures liées à la rubrique « À vérifier ». Nous espérons que ces fonctionnalités vous feront gagner du temps et amélioreront la couverture de vos tests d'accessibilité !

Si vous n'utilisez pas encore axe DevTools Pro, vous pouvez vous inscrire pour bénéficier d'un essai gratuit (aucun paiement requis).

Rejoignez-nous le mardi 24 mai pour un webinaire gratuit de 30 minutes consacré au nouvel analyseur de contraste des couleurs. Réservez votre place et inscrivez-vous au webinaire.

Harris Schneiderman

Harris Schneiderman

Harris Schneiderman est un développeur web animé par une grande passion pour l'égalité numérique. Il travaille chez Deque Systems en tant que chef de produit senior pour axe DevTools, où il développe des applications web exceptionnelles. Il est l'auteur de Cauldron (la bibliothèque de modèles deDeque) et de Dragon Drop, et occupe le poste de développeur principal sur axe DevTools Pro. Lorsqu'il n'est pas au travail, il trouve encore le temps de contribuer à de nombreux projets open source.

Recevez les articles de blog directement dans votre boîte mail

Pas de bavardages inutiles, mais des informations concrètes sur l'accessibilité, fournies par des experts qualifiés.

Vous acceptez que Deque , utilise et partage des informations conformément à Dequedéclaration de confidentialité. Vous pouvez modifier votre consentement à tout moment en nous contactant.

En savoir plus sur ce sujet

Nouveautés d'Axe MCP Server : une couverture plus automatisée et des workflows de développement optimisés

Les tests d'accessibilité automatisés permettent aux équipes de détecter les problèmes plus tôt dans le cycle de développement et de réduire la charge de travail manuel. Cependant, certains des contrôles d'accessibilité les plus complexes ont traditionnellement nécessité des tests guidés ou manuels. Grâce aux dernières mises à jour d'Axe MCP Server, vos développeurs peuvent désormais automatiser encore davantage de tests d'accessibilité directement au sein de leurs workflows de développement.

Lire l'article
Image illustrant comment utiliser le serveur Axe MCP pour effectuer deux tâches : analyser les problèmes d'accessibilité à l'aide d'un ensemble de règles avancées et exécuter le test IGT au clavier

Je suis responsable technique. Par où commencer en matière d'accessibilité ?

Dylan Barrell
28 avril 2026 Par Dylan Barrell

En tant que responsable technique chargé pour la première fois de l'accessibilité numérique, par où commencer ? Ce plan d'action en trois étapes, s'étalant sur 90 jours, vous aidera à vous lancer.

Lire l'article
Un responsable technique travaillant à son bureau. Des bulles entourent l'image et indiquent les mots suivants : « Conformité », « Outillage et tests », « Formation des développeurs » et « Stratégie ».