Errores comunes de nomenclatura que silencian controles

Un control sin nombre calculado se anuncia simplemente como botón o enlace. Estos errores de nomenclatura dejan a los usuarios intentando adivinar qué hace un elemento.

Un botón que solo contiene un icono a menudo no tiene ningún nombre calculado. Añada un aria-label para que el control sin texto siga anunciando su acción.

Un placeholder no es un nombre accesible fiable. Desaparece al escribir y muchos lectores lo ignoran, así que añada una etiqueta real.

Un aria-labelledby que apunta a un id inexistente o mal escrito no produce ningún nombre, y deshace silenciosamente la etiqueta que pretendía usar.

Establecer aria-label en una cadena vacía elimina el nombre. El elemento se queda sin nada que un lector de pantalla pueda anunciar.

Colocar aria-hidden en el único texto dentro de un botón elimina su fuente de nombre, por lo que el control se vuelve anónimo para los lectores.

Los enlaces llamados Leer más o Haga clic aquí tienen técnicamente un nombre, pero son inútiles fuera de contexto, porque no indican ningún destino.

Depender de title como único nombre es arriesgado. Es la fuente de menor prioridad y varios lectores de pantalla la omiten por completo.

Una entrada sin una label asociada a menudo no tiene ningún nombre calculado, por lo que los usuarios no saben con certeza qué deben escribir en el campo.

Diez botones llamados Editar obligan a los usuarios a adivinar qué fila modificarán. Dé a cada uno un nombre distinto que incluya su destino.

Abra el panel de accesibilidad del navegador y lea el nombre calculado de cada control. Si está vacío, hay un error que debe corregir.

Ha aprendido cuáles son las trampas que silencian los controles, desde los botones que solo contienen iconos hasta los ids incorrectos, y a verificar cada nombre en el inspector. ✅