Score d'accessibilité Lighthouse

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

Chaque audit d'accessibilité est concluant ou non. Contrairement aux audits des performances, une page ne reçoit pas de points si elle réussit partiellement un audit d'accessibilité. Par exemple, si certains boutons d'une page ont un nom accessible, mais que d'autres ne l'ont pas, la page reçoit un score de 0 pour l'audit "Les boutons n'ont pas de nom accessible".

Le tableau suivant indique la pondération de chaque audit d'accessibilité. Les audits les 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'ont aucune incidence sur votre score.

Audit 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 avec 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 ARIA meter ont des noms accessibles 7
Les éléments ARIA progressbar ont des noms accessibles 7
Les éléments [role] contiennent tous les attributs [aria-*] requis 10
Les éléments ayant un [role] ARIA, qui exigent que les enfants incluent un [role] spécifique, possèdent tous les enfants requis. 10
Les éléments [role] sont inclus dans l'élément parent requis. 10
Les valeurs [role] sont valides 7
Les éléments comportant 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 ARIA tooltip ont des noms accessibles 7
Les éléments ARIA treeitem ont des noms accessibles 7
Les attributs [aria-*] ont des valeurs valides 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 sont suffisamment contrastées 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 des éléments sélectionnables actifs sont uniques 7
Les ID ARIA sont uniques 10
Aucun champ de formulaire ne comporte plusieurs libellés 3
Les éléments <frame> ou <iframe> ont un titre 7
Les éléments d'en-tête sont classés séquentiellement par ordre décroissant 3
L'élément <html> contient 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
Les éléments <input type="image"> contiennent du texte [alt] 10
Les éléments accompagnés de 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 de type script (<script> et <template>). 7
Les éléments de liste (<li>) sont inclus 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 l'attribut [maximum-scale] n'est pas inférieur à 5. 10
Les éléments <object> contiennent du texte de substitution 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 tables 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 à des cellules figurant dans le même tableau. 7
Les éléments <th> et ceux portant l'attribut [role="columnheader"/"rowheader"] décrivent des cellules de données. 7
Les attributs [lang] ont une valeur valide. 7
Les éléments <video> contiennent un élément <track> avec [kind="captions"]. 10