Falta el ID de aria-controls
Silktide comprueba cada atributo aria-controls en tus páginas y verifica que los ID de elemento que enumera existan realmente. Este atributo declara qué parte de la página controla un control, como el panel que muestra una pestaña o el menú que abre un botón.
<!-- Problema: ningún elemento de la página tiene id=\"filter-panel\" -->
<button aria-expanded=\"false\" aria-controls=\"filter-panel\">Filtros</button>
Por qué es importante
El atributo aria-controls permite que las
conecten un
control con el contenido que afecta; algunos
ofrecen un atajo para saltar
directamente al elemento controlado. Cuando la referencia está rota, esa
relación desaparece sin avisar. Las referencias rotas suelen significar que se
cambió el ID o que se eliminó un componente, por lo que también son una señal
temprana de que el propio componente puede que ya no funcione como se espera.
Cómo solucionarlo
- Haz que cada ID indicado en
aria-controlscoincida con elidde un elemento real en la misma página. El atributo puede enumerar varios ID separados por espacios; compruébalos todos. - Si el elemento controlado se añade dinámicamente, o bien inclúyelo oculto
desde el principio o establece
aria-controlscuando exista. - Si el elemento controlado ha desaparecido definitivamente, elimina el atributo.
Cómo lo prueba Silktide
- Encontrar cada elemento de la página con un atributo
aria-controls. - Comprobar cada ID al que hace referencia frente a los ID de elementos presentes en la página.
- Informar de cada referencia que no coincide con ningún elemento.
Solución de problemas
El destino se crea más tarde mediante un script
Silktide analiza la página mientras se carga. Si el panel referenciado solo aparece tras la interacción del usuario, la referencia estará rota hasta entonces; es preferible mantener el destino en la página (oculto) para que la referencia siempre se resuelva.
Esta comprobación no muestra resultados aunque esperaba hallazgos
Las pruebas de ARIA pueden desactivarse por sitio web. Revisa la configuración avanzada del sitio web.