Detecta IDs repetidos en los elementos de tu sitio web

Los diseñadores ya pueden identificar duplicados en una página y actuar antes de que surjan problemas. Esto significa que no perderás más tiempo depurando código personalizado, buscando elementos con el mismo ID o arriesgándote a reducir la accesibilidad de tus sitios publicados.

Los diseñadores usan identificadores únicos (ID) al optimizar sitios para la accesibilidad o ampliar su funcionalidad con código personalizado, ya sea para enlaces, scripts o estilos (CSS). Por eso, es una buena práctica de desarrollo web asegurarse de que cada ID sea único en toda la página (es decir, que cada ID se use en un solo elemento).

Usar el mismo ID en varios elementos puede hacer que el código personalizado o los lectores de pantalla fallen al enfocarse solo en el primero. Aunque los navegadores modernos suelen aceptar duplicados, esto expone a los diseñadores (y a los usuarios finales) a posibles errores en los sitios publicados.

Por eso hemos añadido una nueva comprobación de accesibilidad en el panel de Auditoría: detecta los ID de cada página y guía a los diseñadores para que corrijan los duplicados.

¿Necesitas repasar cómo funciona el panel de auditoría? Echa un vistazo a nuestro artículo actualizado de Webflow University. Crear sitios web bonitos y de alto rendimiento requiere muchas revisiones (y paciencia), pero siempre se agradece contar con orientación y comentarios proactivos.