Falta el ID de aria-activedescendant
Silktide comprueba cada atributo aria-activedescendant en tus páginas y
verifica que el ID del elemento al que apunta realmente exista. Este atributo
indica a las qué elemento dentro de un widget, como una lista desplegable,
está resaltado en ese momento.
<!-- Problema: ningún elemento de la página tiene id="opt-2" -->
<ul role="listbox" aria-activedescendant="opt-2">
<li role="option" id="opt-1">Primera opción</li>
</ul>
Por qué es importante
Los widgets como listas desplegables personalizadas, cuadros combinados y rejillas mantienen
el en el contenedor y usan
el atributo aria-activedescendant de para indicar
qué elemento interno está activo. Cuando la referencia apunta a un ID que no
existe, una persona usuaria de un no oye
nada al desplazarse por las opciones - el widget parece no tener ninguna
selección, lo que lo hace inutilizable sin visión.
Cómo solucionarlo
- Haz que el atributo haga referencia al
iddel elemento actualmente activo y actualízalo a medida que la persona usuaria se desplaza por el widget. - Si el widget vuelve a renderizar sus elementos, asegúrate de que los nuevos elementos conserven
ID estables, o actualiza
aria-activedescendanten el mismo paso. - Elimina el atributo si el widget ya no existe o gestiona el foco directamente.
Cómo lo prueba Silktide
- Buscar cada elemento de la página con un atributo
aria-activedescendant. - Comprobar el ID al que hace referencia frente a los ID de elementos presentes en la página.
- Informar de cada referencia que no coincida con ningún elemento.
Solución de problemas
El destino se crea más tarde mediante un script
Silktide prueba la página mientras se carga. Si el elemento de destino solo existe
después de la interacción de la persona usuaria, la referencia seguirá rota mientras tanto - establece
aria-activedescendant solo cuando su destino exista.
Esta comprobación no muestra resultados aunque espero resultados
Las pruebas de ARIA pueden desactivarse por sitio web. Revisa la configuración avanzada del sitio web.