Robusto: ¿funcionará con su tecnología?

Robusto es el cuarto principio de WCAG: su contenido debe funcionar de forma fiable en distintos navegadores, dispositivos y tecnologías de asistencia.

Las herramientas cambian con el tiempo. Un marcado robusto sigue funcionando con los lectores de pantalla actuales y con los que las personas usarán mañana.

Los navegadores y las tecnologías de asistencia analizan su marcado. Un HTML válido, con etiquetas cerradas e IDs únicos, les proporciona un árbol limpio que pueden leer. ✅

Cada control necesita un nombre, función y valor que la tecnología pueda leer. Una casilla de verificación real expone automáticamente los tres a un lector de pantalla.

Un botón real ya tiene la función y el valor correctos. Elegir un elemento nativo es el camino más sencillo hacia un marcado robusto.

Cuando HTML no puede expresar una función, ARIA puede añadirla. Úselo con moderación para proporcionar a los widgets personalizados un nombre, una función y un estado.

Una función incorrecta puede hacer que un control anuncie disparates. La primera regla de ARIA es: ninguna ARIA es mejor que una ARIA incorrecta.

Las etiquetas y ARIA vinculan los elementos mediante su id. Un id duplicado rompe esos vínculos, por lo que los lectores de pantalla señalan el elemento equivocado.

La única forma de saber si algo es robusto es probarlo. Hágalo con un lector de pantalla real y con el teclado, no solo con sus propios ojos.

Si su página solo funciona porque un navegador es tolerante, es frágil. El código estándar y válido resiste la próxima actualización.

Pregúntese en cada componente: ¿leerá correctamente la tecnología de asistencia su nombre, función y valor? Si no está seguro, su marcado aún no es robusto.

Ha aprendido que Robusto significa que su código funciona con distintas tecnologías: HTML válido, elementos nativos, ARIA bien aplicada, IDs únicos y pruebas reales. ¡POUR completado! 🚀