Los botones y enlaces deben mantener suficiente contraste al pasar el ratón y al recibir el foco

La comprobación lee a[href], button, [role="button"], [role="link"] y los botones creados con input, y omite los desactivados, los ocultos y los casi transparentes. Toma una muestra de un elemento por estilo (etiqueta, clase, colores, tipografía, zona de la página), hasta 60 por página, y congela las transiciones CSS para leer los colores finales.

Tras una pulsación real de la tecla Tab, para que se aplique :focus-visible, cada muestra se lee en su estado predeterminado y después con el foco. Las muestras con texto que están en primer plano en su punto central se prueban además con el ratón encima, durante los primeros 10 segundos de la comprobación.

El texto es un hallazgo cuando, en un estado hover o de foco que cambia los colores, su contraste queda por debajo de 4,5:1, o de 3:1 en el texto grande (24 px, o 18,66 px en negrita). Los colores se componen sobre blanco a través de los fondos y la opacidad de los ancestros; se omite el texto que está sobre una imagen, un vídeo u otra caja superpuesta. Un outline de foco o un box-shadow añadido es un hallazgo cuando el mejor de ellos queda por debajo de 3:1 frente al fondo contiguo; el anillo auto del navegador no se mide. Los bordes, los subrayados y los cambios de fondo no se miden como indicadores de foco.