Morgan Dutemple
← Tous les outils
RGAA

Détecteur de focus masqué RGAA

Le focus clavier invisible est souvent introduit par un seul sélecteur CSS global (outline: none) et rend toute l'interface inaccessible au clavier. Il est rarement détecté sans test actif. Cet outil analyse votre CSS et identifie les règles fautives.

Partager :LinkedInXWhatsAppRedditEmail

Détecte les règles CSS qui masquent l'indicateur de focus clavier, conformément au critère RGAA 10.7. L'analyse se fait entièrement dans votre navigateur — aucune donnée n'est transmise.

Comment utiliser cet outil

  1. 1Entrez l'URL de la page à analyser
  2. 2L'outil récupère et analyse les feuilles de style
  3. 3Les règles CSS masquant le focus sont listées
  4. 4Identifiez les sélecteurs fautifs à corriger

Pourquoi ce critère compte

Le critère 10.7 du RGAA exige que le focus clavier soit toujours visible. Une règle CSS `outline: none` ou `outline: 0` appliquée globalement rend toute l'interface inaccessible à la navigation clavier et aux technologies d'assistance. C'est l'une des non-conformités les plus fréquentes et les plus faciles à introduire accidentellement dans une feuille de style.

Questions fréquentes

Pourquoi ne pas utiliser outline:none en CSS ?

`outline: none` supprime l'indicateur de focus clavier sur les éléments interactifs, rendant la navigation au clavier impossible pour les personnes qui n'utilisent pas de souris. C'est une non-conformité RGAA critère 10.7 et WCAG 2.4.7.

Comment rendre le focus visible sans outline disgracieux ?

Remplacez `outline: none` par un style personnalisé : `outline: 2px solid #005fcc; outline-offset: 2px` ou utilisez `box-shadow` pour un rendu intégré à votre design. La règle `:focus-visible` permet de n'appliquer ce style qu'aux utilisateurs clavier.

Le critère de focus s'applique-t-il aux composants JavaScript ?

Oui. Tout composant interactif, qu'il soit natif HTML ou créé en JavaScript (modales, menus déroulants, sliders), doit afficher un focus visible quand il reçoit le focus clavier. Le critère 10.7 s'applique sans exception.

Tester un autre outil

DeliveryPlanning d'équipe ICS

Un planning en Gantt qui se branche sur n'importe quel calendrier ICS (Google Calendar, Outlook), avec budget par projet et chiffre d'affaires calculé au prorata exact des jours. Outil open source que je maintiens et que vous pouvez vous approprier tel quel.

DeliveryCalculateur de coût de réunion

J'ai calculé un jour le coût réel d'un comité de pilotage hebdo à 8 personnes en agence. Le chiffre était suffisamment inconfortable pour que je construise cet outil. Participants, salaires, durée : le résultat parle de lui-même.

SEO/GEODétecteur de tracking Utiq

Utiq est un système de tracking opéré par les opérateurs télécom au niveau réseau, plus profond que les cookies et impossible à effacer. Il se glisse dans les bannières de consentement sans expliquer clairement ce qu'il collecte. Cet outil détecte sa présence sur n'importe quel site.

RGAAVérificateur de contraste RGAA

Sur neuf audits d'accessibilité sur dix, les problèmes de contraste sur les états désactivés ou les placeholders passent à la trappe. Les designers testent le texte principal, pas tous les états de l'interface. Cet outil vérifie l'ensemble, niveau RGAA.

IACalculateur de ROI automatisation IA

Avant de recommander un outil IA à un client, la première question est toujours la même : est-ce que ça vaut vraiment le coût de mise en place ? Ce calculateur sort un chiffre honnête à partir des paramètres réels du poste concerné.

À lire aussi

RGAA

Comment tester l'accessibilité de son site sans expert RGAA en interne

Un premier diagnostic d'accessibilité est possible en interne avec des outils gratuits et une méthode simple, avant de savoir ce qui nécessite un vrai audit RGAA.

RGAA

Obligation RGAA pour les entreprises privées en 2025-2026 : qui est concerné, quels délais, quels risques

La loi ELAN et ses décrets étendent les obligations RGAA au-delà du secteur public. Qui est vraiment concerné, quels délais, quelles sanctions, et par où commencer sans bloquer les projets en cours.

RGAA

Ce que le RGAA doit à l'accessibilité, et ce qu'il ne couvre pas

Le RGAA est un référentiel de conformité, pas une garantie d'accessibilité réelle. Comprendre la différence évite de confondre les deux objectifs.