Score d'accessibilité Lighthouse

Le score d'accessibilité de Lighthouse est une moyenne pondérée de tous les audits d'accessibilité. La pondération est basée sur des évaluations d'impact orientées utilisateur.

Tous les audits d'accessibilité réussissent ou échouent. Contrairement aux audits de performances, une page n'obtient pas de points après avoir partiellement réussi un audit d'accessibilité. Par exemple, si certains boutons d'une page ont des noms accessibles, mais pas d'autres, la page obtient un 0 pour l'audit Les boutons n'ont pas de nom accessible.

Le tableau suivant indique la pondération pour chaque audit d'accessibilité. Les audits plus pondérés ont un impact plus important sur votre score. Les audits manuels ne sont pas inclus dans le tableau, car ils n'affectent pas votre score.

Auditer Poids
Les valeurs [accesskey] sont uniques 7
Les attributs [aria-*] correspondent à leurs rôles 10
Les valeurs attribuées à role="" sont des rôles ARIA valides 1
Les éléments button, link et menuitem ont des noms accessibles 7
Les éléments comportant role="dialog" ou role="alertdialog" ont des noms accessibles 7
[aria-hidden="true"] ne figure pas sur le document <body> 10
Les éléments [aria-hidden="true"] ne contiennent pas de descendants sélectionnables 7
Les champs de saisie ARIA ont des noms accessibles 7
Les éléments meter ARIA ont des noms accessibles 7
Les éléments progressbar ARIA ont des noms accessibles 7
Les [role] possèdent tous les attributs [aria-*] obligatoires 10
Les éléments avec un [role] ARIA qui exigent que les enfants contiennent un [role] spécifique possèdent tous les enfants requis 10
Les éléments [role] sont contenus dans l'élément parent requis 10
Les valeurs [role] sont valides 7
Les éléments avec l'attribut role=text n'ont pas de descendants sélectionnables 7
Les champs d'activation/de désactivation ARIA ont des noms accessibles 7
Les éléments tooltip ARIA ont des noms accessibles 7
Les éléments treeitem ARIA ont des noms accessibles 7
La valeur des attributs [aria-*] est valide 10
Les attributs [aria-*] sont valides et correctement orthographiés 10
Les boutons ont un nom accessible 10
La page contient un titre, un lien "Ignorer" ou un point de repère 7
Les couleurs d'arrière-plan et de premier plan doivent présenter un rapport de contraste suffisant 7
Les éléments <dl> ne contiennent que des groupes <dt> et <dd>, ainsi que des éléments <script>, <template> ou <div> dans le bon ordre. 7
Les éléments de liste de définition sont encapsulés dans des éléments <dl>. 7
Le document contient un élément <title> 7
Les attributs [id] sur les éléments sélectionnables actifs sont uniques 7
Les ID ARIA sont uniques 10
Aucun champ du formulaire ne comporte plusieurs libellés 3
Les éléments <frame> ou <iframe> ont un titre 7
Les éléments d'en-tête apparaissent dans l'ordre décroissant 3
L'élément <html> comporte un attribut [lang] 7
La valeur de l'attribut [lang] de l'élément <html> est valide 7
L'élément <html> comporte un attribut [xml:lang] avec la même langue de base que l'attribut [lang] 3
Les éléments d'image possèdent des attributs [alt] 10
Les éléments d'image ne comportent pas d'attributs [alt] correspondant à du texte redondant 1
Les boutons d'entrée contiennent du texte visible 10
<input type="image"> éléments contiennent du texte [alt] 10
Les éléments comportant des libellés de texte visibles sont associés à des noms accessibles 7
Les éléments de formulaire sont associés à des libellés 7
Les liens sont identifiables sans se baser sur la couleur 7
Les liens ont un nom visible 7
Les listes ne contiennent que des éléments <li> et des éléments compatibles avec les scripts (<script> et <template>) 7
Les éléments de liste (<li>) sont contenus dans des éléments parents <ul>, <ol> ou <menu> 7
Le document n'utilise pas <meta http-equiv="refresh"> 10
[user-scalable="no"] n'est pas utilisé dans l'élément <meta name="viewport">, et la valeur de l'attribut [maximum-scale] n'est pas inférieure à 5 10
<object> éléments comportent un texte alternatif 7
Certains éléments sont associés à des éléments de libellé 7
Les liens d'ancrage sont sélectionnables 3
Aucun élément n'a de valeur [tabindex] supérieure à 0 7
Le contenu des tableaux dans l'attribut "summary" et dans <caption> est différent. 1
Les tableaux utilisent <caption> au lieu de cellules avec l'attribut [colspan] pour indiquer une légende 7
Les éléments <td> d'un grand <table> comportent un ou plusieurs en-têtes de tableau 10
Les cellules d'un élément <table> qui utilisent l'attribut [headers] font référence aux cellules d'un même tableau 7
<th> éléments et éléments comportant des [role="columnheader"/"rowheader"] décrivent des cellules de données 7
La valeur des attributs [lang] est valide 7
Les éléments <video> contiennent un élément <track> avec [kind="captions"] 10