Référence

Chaque vérification que nous exécutons, et quoi faire quand elle échoue

75 vérifications se rattachent à un critère de succès WCAG. 30 autres relèvent de la bonne pratique qu'aucun critère n'exige — nous les signalons à part pour qu'une discussion sur la conformité reste une discussion sur la conformité.

Propulsé par axe-core 4.13.0 · © Deque Systems, MPL-2.0

ARIA

critiquearia-allowed-attrLes éléments doivent seulement utiliser les attributs ARIA autorisés4.1.2

critiquearia-hidden-bodyaria-hidden='true' ne doit pas être présent sur <body>1.3.1, 4.1.2

critiquearia-required-attrLes attributs ARIA requis doivent être présents4.1.2

critiquearia-required-childrenCertains rôles ARIA doivent comporter des descendants directs spécifiques1.3.1

critiquearia-required-parentCertains rôles ARIA doivent être contenus par des parents spécifiques1.3.1

critiquearia-rolesLes rôles ARIA doivent se conformer aux valeurs valides4.1.2

critiquearia-valid-attrLes attributs ARIA doivent se conformer aux noms valides4.1.2

critiquearia-valid-attr-valueLes attributs ARIA doivent comporter des valeurs valides4.1.2

gravearia-braille-equivalentaria-braille attributes must have a non-braille equivalent4.1.2

gravearia-command-nameLes commandes ARIA doivent avoir un nom accessible4.1.2

gravearia-conditional-attrARIA attributes must be used as specified for the element's role4.1.2

gravearia-input-field-nameLes champs de formulaire ARIA ont un intitulé accessible4.1.2

gravearia-meter-nameLes nœuds ARIA "meter" doivent avoir un nom accessible1.1.1

gravearia-progressbar-nameLes nœuds ARIA "progressbar" doivent avoir un nom accessible1.1.1

gravearia-prohibited-attrElements must only use permitted ARIA attributes4.1.2

gravearia-roledescriptionUtiliser aria-roledescription sur les éléments dont le rôle a une valeur sémantique4.1.2

gravearia-tab-nameARIA tab nodes must have an accessible name4.1.2

gravearia-toggle-field-nameLes champs de basculement ARIA ont un libellé accessible4.1.2

gravearia-tooltip-nameLes nœuds ARIA "tooltip" doivent avoir un nom accessible4.1.2

mineuraria-deprecated-roleDeprecated ARIA roles must not be used4.1.2

Couleur

gravecolor-contrastLes éléments doivent avoir un contraste de couleurs suffisant1.4.3

gravecolor-contrast-enhancedLes éléments doivent avoir un contraste de couleurs suffisant1.4.6

gravelink-in-text-blockLes liens doivent pouvoir être distingués du texte environnant d’une façon qui ne repose pas sur la couleur1.4.1

Formulaires

critiquelabelChaque élément de formulaire doit avoir une étiquette4.1.2

critiqueselect-nameL’élément 'select' doit avoir un nom accessible4.1.2

graveautocomplete-validL’attribut autocomplete doit être utilisé correctement1.3.5

modéréform-field-multiple-labelsLe champ de formulaire ne devrait pas comporter plusieurs éléments d’étiquettes3.3.2

Clavier

gravebypassChaque page doit fournir des moyens de contourner les contenus répétés2.4.1

graveframe-focusable-contentLes cadres avec du contenu focalisable ne doivent pas avoir tabindex=-12.1.1

gravenested-interactiveVerifier que les éléments interactifs ne sont pas imbriqués4.1.2

gravescrollable-region-focusableVérifier que les régions défilantes sont accessibles au clavier2.1.1, 2.1.3

Langue

gravehtml-has-langL’élément <html> doit avoir un attribut lang3.1.1

gravehtml-lang-validL’élément <html> doit avoir une valeur valide pour l’attribut lang3.1.1

gravevalid-langL’attribut lang doit avoir une valeur valide3.1.2

modéréhtml-xml-lang-mismatchLes éléments HTML avec les attributs lang et xml:lang doivent avoir la même langue de base3.1.1

Nom, rôle, valeur

critiquebutton-nameLes boutons doivent avoir un texte perceptible4.1.2

critiqueinput-button-nameLa valeur textuelle des contrôles de boutons doit être perceptible4.1.2

gravearia-hidden-focusaria-hidden n’est pas assigné aux éléments qui reçoivent le focus au clavier4.1.2

gravelink-nameLes liens doivent avoir un texte perceptible2.4.4, 4.1.2

gravesummary-nameSummary elements must have discernible text4.1.2

Analyse du code

critiqueduplicate-id-ariaLes IDs utilisés avec ARIA et dans les étiquettes doivent être uniques4.1.2

graveduplicate-id-activeLes IDs des éléments actifs doivent être uniques4.1.1

gravemarqueeL’élément <marquee> est déprécié et ne doit pas être utilisé2.2.2

mineurduplicate-idLa valeur de l’attribut id doit être unique4.1.1

Sémantique

gravelabel-content-name-mismatchLe contenu textuel des éléments doit aussi se retrouver dans leur intitulé accessible2.5.3

gravep-as-headingLa graisse, le style et le corps du texte ne doivent pas être utilisés pour styler les éléments p comme des niveaux de titres1.3.1

mineuridentical-links-same-purposeLes liens avec le même nom ont la même finalité2.4.9

Indices sensoriels et visuels

critiquemeta-viewportLe zoom et l’agrandissement ne doivent pas être désactivés1.4.4

gravetarget-sizeToutes les cibles tactiles doivent faire 24px de large, ou être suffisamment grandes2.5.8

Structure

graveavoid-inline-spacingL’espacement du texte inline peut être ajusté avec des feuilles de style personnalisées1.4.12

gravecss-orientation-lockLes CSS Media queries ne sont pas utilisées pour verrouiller l’orientation de l’écran1.3.4

gravedefinition-listLes éléments <dl> ne doivent contenir directement que des groupes d’éléments <dt> et <dd> correctement ordonnés, ou des éléments <script> ou <template>1.3.1

gravedlitemLes éléments <dt> et <dd> doivent être contenus dans un élément <dl>1.3.1

gravelist<ul> et <ol> ne doivent contenir directement que des éléments <li>, <script> ou <template>1.3.1

gravelistitemLes éléments <li> doivent être contenus dans un élément <ul> ou <ol>1.3.1

Tableaux

critiquetd-has-headerChaque élément td non vide dans un tableau plus grand que 3 × 3 doit avoir une cellule d’entête associée1.3.1

gravetable-fake-captionLes données ou les cellules d’entête ne devraient pas être utilisées pour légender un tableau de données1.3.1

gravetd-headers-attrLes cellules utilisant l’attribut headers ne doivent faire référence qu’à d’autres cellules du même tableau1.3.1

graveth-has-data-cellsTous les éléments th et ceux avec role=columnheader/rowheader doivent décrire des cellules de données1.3.1

Alternatives textuelles

critiquearea-altLes éléments <area> actifs doivent avoir une alternative textuelle2.4.4, 4.1.2

critiqueimage-altLes images doivent avoir une alternative textuelle1.1.1

critiqueinput-image-altLes boutons images doivent avoir une alternative textuelle1.1.1, 4.1.2

critiquevideo-captionLes éléments <video> doivent avoir des sous-titres1.2.2

gravedocument-titleChaque document doit avoir un élément <title> pour aider à la navigation2.4.2

graveframe-titleChaque cadre doit avoir un attribut title4.1.2

graveframe-title-uniqueChaque cadre doit avoir un attribut title unique4.1.2

graveobject-altLes éléments <object> doivent avoir une alternative textuelle1.1.1

graverole-img-altLes éléments avec [role='img'] ont une équivalence textuelle1.1.1

gravesvg-img-altLes éléments svg avec un rôle 'img' ont un texte alternatif1.1.1

mineurserver-side-image-mapLes images réactives côté serveur ne devraient pas être utilisées2.1.1

Temps et médias

critiqueaudio-captionLes éléments <audio> doivent avoir une piste de sous-titres1.2.1

critiquemeta-refreshL'actualisation différée en dessous de 20 heures ne doit pas être utilisée2.2.1

graveblinkL’élément <blink> est déprécié et ne doit pas être utilisé2.2.2

modéréno-autoplay-audioLes éléments <video> ou <audio> ne jouent pas de son automatiquement1.4.2

mineurmeta-refresh-no-exceptionsL'actualisation différée ne doit pas être utilisée2.2.4, 3.2.5

Bonne pratique, pas conformité

Elles détectent de vrais problèmes, mais en échouer une ne fait pas échouer WCAG. Elles sont désactivées par défaut sur les analyses planifiées, pour que votre score veuille dire ce qu'il dit.

graveaccesskeysLa valeur de l’attribut accesskey doit être uniqueconseil

mineuraria-allowed-roleLe rôle ARIA doit être valide pour cet élémentconseil

gravearia-dialog-nameLes nœuds ARIA "dialog" and "alertdialog" doivent avoir un nom accessibleconseil

gravearia-text"role=text" ne doit pas avoir de descendant focalisableconseil

gravearia-treeitem-nameLes nœuds ARIA "treeitem" doivent avoir un nom accessibleconseil

graveempty-headingLes niveaux de titre ne doivent pas être videsconseil

mineurempty-table-headerLes textes d’entêtes de tableaux ne doivent pas être videsconseil

mineurfocus-order-semanticsLes éléments dans le parcours du focus doivent avoir un rôle approprié pour le contenu interactifconseil

critiqueframe-testedLes cadres doivent être testés avec axe-coreconseil

modéréheading-orderLes niveaux de titre doivent s’incrémenter d’un seul niveau à la foisconseil

mineurhidden-contentLe contenu caché sur la page ne peut pas être analyséconseil

mineurimage-redundant-altL’intitulé des liens et boutons ne doit pas être répété dans l’alternative de l’imageconseil

gravelabel-title-onlyChaque élément de formulaire doit avoir un label visibleconseil

modérélandmark-banner-is-top-levelLa région banner doit être au niveau le plus hautconseil

modérélandmark-complementary-is-top-levelAside ne doit pas être contenu dans un autre landmarkconseil

modérélandmark-contentinfo-is-top-levelLa région contentinfo doit être au niveau le plus hautconseil

modérélandmark-main-is-top-levelLa région main doit être au niveau le plus hautconseil

modérélandmark-no-duplicate-bannerLe document contient au plus une région bannerconseil

modérélandmark-no-duplicate-contentinfoLe document contient au plus une région contentinfoconseil

modérélandmark-no-duplicate-mainLe document ne doit pas contenir plus d’un landmark mainconseil

modérélandmark-one-mainLa page doit contenir une région mainconseil

modérélandmark-uniqueVérifier que chaque landmark est uniqueconseil

mineurmeta-viewport-largeLes utilisateurs devraient pouvoir zoomer et agrandir le texte jusqu’à 500%conseil

modérépage-has-heading-oneLa page doit contenir un titre de niveau 1conseil

mineurpresentation-role-conflictLes éléments avec un rôle 'none' ou 'presentation' doivent être signalésconseil

modéréregionLe contenu doit être localisé dans une régionconseil

critiquescope-attr-validL’attribut scope doit être utilisé correctementconseil

modéréskip-linkLa cible d’un lien d’évitement doit exister et pouvoir recevoir le focusconseil

gravetabindexAucun élément ne devrait avoir un tabindex avec une valeur supérieure à zéroconseil

mineurtable-duplicate-nameL’élément <caption> ne devrait pas contenir le même texte que l’attribut summaryconseil