Saltar al contenido
SilktideAyuda

Atributo ARIA prohibido

Silktide comprueba que cada atributo ARIA en tus páginas sea uno que el rol del elemento realmente admite. Los atributos que un rol no admite, y los atributos que ni siquiera forman parte del estándar ARIA, son ignorados por los navegadores: el comportamiento previsto por el autor nunca ocurre.

<!-- Problema: aria-checked no significa nada en un botón -->
<button aria-checked="true">Negrita</button>

<!-- Solución: usa un rol que admita el estado que necesitas -->
<button role="switch" aria-checked="true">Negrita</button>

Por qué es importante

Cada rol de admite un conjunto específico de estados y propiedades, y los navegadores descartan todo lo que esté fuera de ese conjunto. La página entonces parece correcta en la revisión de código mientras que los usuarios de no obtienen nada: un interruptor cuyo estado nunca se anuncia, una descripción que nunca se lee. Esta categoría también detecta atributos mal escritos como aria-lable - el caso más perjudicial, porque el autor cree que existe una etiqueta y un usuario de no recibe ninguna.

Cómo solucionarlo

  1. Corrige los nombres de atributos mal escritos (aria-lable debería ser aria-label, aria-labeledby debería ser aria-labelledby).
  2. Si el atributo es correcto pero no está admitido, cambia el rol del elemento a uno que lo admita, o plantéate si un elemento nativo de ya proporciona el comportamiento.
  3. Si el atributo no hace nada útil, elimínalo.

Cómo lo prueba Silktide

  1. Encontrar cada elemento en la página que tenga al menos un atributo aria-.
  2. Determinar el conjunto de atributos ARIA válidos para ese elemento: los atributos globales que funcionan en todas partes (como aria-label y aria-hidden), más los atributos admitidos por el rol del elemento.
  3. Informar de nombres de atributos que no forman parte de ARIA 1.2 (normalmente errores tipográficos).
  4. Informar de atributos reconocidos usados en un elemento cuyo rol no los admite, o que requieren un rol que el elemento no tiene.

Los atributos obsoletos se informan por separado en Atributo ARIA obsoleto, y los valores de los atributos se validan en Valor de atributo ARIA no válido.

Solución de problemas

El atributo funciona en mis pruebas

Algunas combinaciones de lector de pantalla y navegador toleran combinaciones no estándar que otras descartan. Cumplir el estándar es lo que hace que el comportamiento sea predecible en la tecnología de asistencia que no puedes probar.

Esta comprobación no informa de nada aunque espero hallazgos

Las pruebas de ARIA se pueden desactivar por sitio web. Revisa la configuración avanzada del sitio web.

Más información

Última actualización

¿Le ha resultado útil esta página?