Puntuación de accesibilidad de Lighthouse

La puntuación de accesibilidad de Lighthouse es un promedio ponderado de todas las auditorías de accesibilidad. El ponderamiento se basa en las evaluaciones del impacto en los usuarios de Axe.

Cada auditoría de accesibilidad se aprueba o se rechaza. A diferencia de las auditorías de rendimiento, una página no obtiene puntos por aprobar parcialmente una auditoría de accesibilidad. Por ejemplo, si algunos botones de una página tienen nombres accesibles, pero otros no, la página obtiene un 0 en la auditoría Los botones no tienen nombres accesibles.

En la siguiente tabla, se muestra la ponderación de cada auditoría de accesibilidad. Las auditorías más ponderadas tienen un mayor efecto en tu puntuación. Las auditorías manuales no se incluyen en la tabla porque no afectan tu puntuación.

Auditoría Peso
Los valores de [accesskey] son únicos 7
Los atributos [aria-*] coinciden con sus roles 10
Los valores asignados a role="" son roles de ARIA válidos 1
Los elementos button, link y menuitem tienen nombres de accesibilidad 7
Los elementos con role="dialog" o role="alertdialog" tienen nombres accesibles 7
[aria-hidden="true"] no aparece en el documento <body> 10
Los elementos [aria-hidden="true"] no contienen objetos descendentes enfocables 7
Los campos de entrada de ARIA tienen nombres de accesibilidad 7
Los elementos meter de ARIA tienen nombres aptos para la accesibilidad 7
Los elementos progressbar de ARIA tienen nombres aptos para la accesibilidad 7
Los [role] tienen todos los atributos [aria-*] obligatorios 10
Los elementos con un [role] ARIA que requieren que los elementos secundarios contengan un [role] específico tienen todos los elementos secundarios necesarios 10
Los elementos [role] se incluyen en sus elementos principales obligatorios 10
Los valores de [role] son válidos 7
Los elementos con el atributo role=text no tienen descendientes enfocables 7
Los campos de activación de ARIA tienen nombres de accesibilidad 7
Los elementos tooltip de ARIA tienen nombres aptos para la accesibilidad 7
Los elementos treeitem de ARIA tienen nombres aptos para la accesibilidad 7
Los atributos [aria-*] tienen valores válidos 10
Los atributos [aria-*] son válidos y están bien escritos 10
Los botones tienen nombres accesibles 10
La página contiene un título, un vínculo de omisión o una región de punto de referencia 7
Los colores de fondo y de primer plano tienen una relación de contraste suficiente 7
Los elementos <dl> solo contienen grupos de <dt> y <dd>, y elementos <script>, <template> o <div> ordenados correctamente. 7
Los elementos de la lista de definiciones se incluyen en elementos <dl> 7
El documento tiene un elemento <title> 7
Los atributos [id] de los elementos enfocables y activos son únicos 7
Los IDs de ARIA son únicos 10
Ningún campo del formulario tiene varias etiquetas 3
Los elementos <frame> o <iframe> tienen título 7
Los elementos de encabezado están ordenados en una secuencia descendente 3
El elemento <html> tiene un atributo [lang] 7
El elemento <html> tiene un valor válido para su atributo [lang] 7
El elemento <html> tiene un atributo [xml:lang] con el mismo idioma base que el atributo [lang]. 3
Los elementos de imagen tienen atributos [alt] 10
Los elementos de imagen no tienen atributos [alt] que sean texto redundante 1
Los botones de entrada tienen texto distinguible 10
<input type="image"> elementos tienen texto [alt] 10
Los elementos con etiquetas de texto visibles tienen nombres de accesibilidad que coinciden 7
Los elementos del formulario tienen etiquetas asociadas 7
Los vínculos se distinguen sin depender del color 7
Los vínculos tienen nombres reconocibles 7
Las listas contienen solo elementos <li> y elementos que admiten secuencias de comandos (<script> y <template>) 7
Los elementos de lista (<li>) se encuentran dentro de elementos superiores <ul>, <ol> o <menu> 7
El documento no usa <meta http-equiv="refresh"> 10
No se usa [user-scalable="no"] en el elemento <meta name="viewport"> y el atributo [maximum-scale] no es menor que 5 10
Los elementos <object> tienen texto alternativo 7
Los elementos <select> tienen elementos <label> asociados 7
Los vínculos de navegación son enfocables 3
Ningún elemento tiene un valor [tabindex] superior a 0 7
Las tablas tienen contenido diferente en el atributo de resumen y en <caption> 1
Las tablas usan <caption> en lugar de celdas con el atributo [colspan] para indicar una leyenda 7
Los elementos <td> de una <table> grande tienen uno o más encabezados de tabla 10
Las celdas de un elemento <table> que usan el atributo [headers] hacen referencia a las celdas de esa misma tabla 7
Los elementos <th> y los elementos con [role="columnheader"/"rowheader"] contienen celdas de datos que describen. 7
Los atributos [lang] tienen un valor válido 7
Los elementos <video> contienen un elemento <track> con [kind="captions"] 10