Qué comprueba esta regla
Garantiza que los botones tienen texto discernible.
Por qué es importante
WCAG 4.1.2 exige que cada control tenga un nombre. Entre los botones sin nombre suelen estar los selectores de cantidad, los botones de cerrar y las flechas de los carruseles.
Cómo corregirlo
- Localiza los botones que no tienen nombre, normalmente botones que solo muestran un icono.
- Añade texto visible, texto visualmente oculto o un aria-label que diga qué hace el botón (por ejemplo, aria-label="Close" o aria-label="Increase quantity").
Cómo comprobar la corrección
- Vuelve a analizar las páginas afectadas.
- Comprueba los botones con un lector de pantalla.
Cómo lo detecta FixReports
Nuestro análisis ejecuta la regla button-name de axe-core en un navegador Chrome real en cada página que prueba, e informa de cada elemento que no la cumple con su página, su marcado y, cuando procede, una captura de pantalla.
Una prueba automatizada confirma que este problema concreto está presente. No puede determinar si el resto de la página es accesible: algunas barreras solo se detectan cuando una persona revisa la página.