Qué revisa 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
- Encuentra los botones que no tienen nombre, por lo general botones que solo muestran un ícono.
- Agrega texto visible, texto visualmente oculto o un aria-label que diga lo que 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.
- Revisa 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, y reporta cada elemento que no la cumple con su página, su marcado y, cuando aplica, una captura de pantalla.
Una prueba automatizada confirma que este problema específico está presente. No puede determinar si el resto de la página es accesible: algunas barreras solo aparecen cuando una persona revisa la página.