Acerca de este problema HTML
El atributo aria-describedby no puede ser una cadena vacía — debe contener referencias de ID válidas o eliminarse completamente.
El atributo aria-describedby acepta uno o más valores de ID (separados por espacios) que apuntan a elementos que proporcionan texto descriptivo adicional para el elemento actual. Cuando un lector de pantalla enfoca el elemento, lee el contenido de los elementos referenciados para dar al usuario más contexto.
Establecer aria-describedby="" es inválido porque el atributo espera al menos un IDREF válido — una cadena no vacía que coincida con el id de otro elemento en la página. Un valor vacío no referencia nada y crea un error de validación. Si no se necesita descripción, simplemente omite el atributo por completo.
Esto ocurre comúnmente cuando una plantilla o JavaScript establece dinámicamente el atributo pero proporciona un valor de respaldo vacío en lugar de eliminar el atributo completamente.
Ejemplo inválido
<label for="email">Email</label>
<input type="email" id="email" aria-describedby="">Ejemplos corregidos
Si no hay descripción que referenciar, elimina el atributo:
<label for="email">Email</label>
<input type="email" id="email">
Si existe una descripción, apunta a su id:
<label for="email">Email</label>
<input type="email" id="email" aria-describedby="email-hint">
<p id="email-hint">Nunca compartiremos tu email con nadie.</p>
Si estás generando el atributo dinámicamente, asegúrate de que tu código elimine aria-describedby completamente en lugar de establecerlo como una cadena vacía cuando no haya sugerencia disponible.
Encuentra problemas como este automáticamente
Rocket Validator escanea miles de páginas en segundos, detectando problemas de HTML en todo tu sitio web.