Score d'accessibilité Lighthouse

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

Chaque audit d'accessibilité est réussi ou échoue. Contrairement aux audits de performances, une page n'obtient pas de points si elle réussit partiellement un audit d'accessibilité. Par exemple, si certains boutons d'une page ont des noms accessibles, mais que d'autres n'en ont pas, la page obtient la note 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 ayant une pondération plus élevée ont un impact plus important sur votre score. Les audits manuels et les audits à faible impact / de bonnes pratiques 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 é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 ARIA meter ont des noms accessibles 7
Les éléments ARIA progressbar ont des noms accessibles 7
Tous les éléments [role] contiennent 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 approprié 10
Les valeurs [role] sont valides 10
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 actifs et sélectionnables 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> 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 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 10
Le document doit comporter un repère principal. 3
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 de balise Meta <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 alternatif 7
Certains éléments sont associés à des éléments de libellé 10
Les liens d'ancrage sont sélectionnables 3
Aucun élément n'a de valeur [tabindex] supérieure à 0 7
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