Outils

Outils

L'onglet Outils rassemble des outils pour vérifier un point précis ou produire du code conforme. Sauf mention contraire, tout se passe dans votre navigateur : rien n'est envoyé au serveur. Depuis un rapport, chaque critère renvoie vers les outils qui aident à le corriger.

Couleurs et contrastes

Calculateur de contraste (3.2, 3.3) : saisissez une couleur de texte et une couleur de fond (formats #1a2b3c, #abc ou rgb(10, 20, 30), ou via le sélecteur). L'outil affiche le rapport de contraste, un aperçu, et le verdict pour le texte courant (4,5:1), le grand texte (3:1), les composants d'interface (3:1) et le niveau AAA (7:1). Si le contraste est insuffisant, il propose la couleur conforme la plus proche, en version AA et AAA, avec un bouton Utiliser.

Matrice de palette (3.2, 3.3) : collez les couleurs d'une charte, une par ligne. Le tableau croise chaque couleur de texte avec chaque fond : AA (texte courant), GT (grand texte et composants seulement) ou Échec.

Hiérarchie des titres (9.1) : saisissez l'adresse d'une page, ou collez son code HTML. L'outil affiche l'arbre des titres h1 à h6 et signale l'absence de h1, les h1 multiples, les sauts de niveau et les titres vides. Le chargement par adresse lit le HTML envoyé par le serveur, sans exécuter le JavaScript : pour une page générée dans le navigateur, collez le code de la page affichée.

Liens d'évitement (12.7) : génère le HTML et le CSS de liens « Aller au contenu » cachés, qui apparaissent au focus clavier.

Fil d'Ariane (12.2) : génère un fil d'Ariane accessible (navigation nommée, liste ordonnée, aria-current) et les données structurées Schema.org correspondantes.

Attributs de langue (8.3, 8.4, 8.7, 8.8) : génère l'attribut lang de la page et le balisage d'un passage dans une autre langue, avec dir="rtl" pour l'arabe et l'hébreu.

Formulaires

Groupes de champs (11.5, 11.6) : génère un groupe de boutons radio ou de cases à cocher avec fieldset et legend, champ obligatoire compris.

Attribut autocomplete (11.13) : moteur de recherche dans la liste officielle des valeurs autocomplete (prénom, code postal, téléphone…).

Tableaux

Tableau de données (5.4, 5.6, 5.7) : génère un tableau avec titre (caption), en-têtes de colonnes et, si besoin, en-têtes de lignes, avec leur portée (scope). Un aperçu s'affiche sous le code.

Composants d'interface

Motifs ARIA (7.1, 7.3, 7.5, 10.7) : code prêt à copier pour une fenêtre modale, un message de statut, un indicateur de focus, un contenu repliable et des onglets. La modale et le message de statut sont testables sur place.

Testeur de focus visible (10.7) : collez une feuille de styles. L'outil repère les règles qui suppriment l'indicateur de focus (outline: none ou 0), avec ou sans style de remplacement, et ignore le motif :focus:not(:focus-visible), qui est correct. Un aperçu permet de parcourir des éléments au clavier avec ces styles.

Bouton ou lien ? (6.1, 7.1) : quiz en huit situations pour choisir la bonne balise.

Multimédia

Sous-titres : conversion et contrôle (4.3, 4.4) : chargez ou collez un fichier SRT ou WebVTT. Téléchargement en WebVTT, SRT ou TTML (IMSC1). Contrôle selon la charte Arcom : vitesse de lecture (12 caractères pour 1 seconde, 20 pour 2, 36 pour 3, 60 pour 4), nombre de lignes et longueur des lignes (réglables), chevauchements.

Développement

Convertisseur PX ↔ REM (10.4) : conversion dans les deux sens selon la taille de base, et tableau des correspondances courantes.

Démarche de conformité

Le vérificateur de documents, la déclaration, le schéma, le plan annuel et le vérificateur d'obligations ont leurs propres pages : Vérificateur de documents, Déclaration, Schéma et plan, Obligations.