¿Por qué un lector de pantalla no lee mis campos de formulario?

Por qué una etiqueta visible no siempre cuenta

Un lector de pantalla no lee un campo de formulario cuando la etiqueta que aparece no está vinculada programáticamente a ese campo — el texto aparece en la pantalla, pero en el código fuente falta la referencia que un lector de pantalla necesita para vincular la etiqueta y el campo. Esto suele ocurrir porque el atributo `for` de la etiqueta no coincide con el `id` del campo de entrada, porque la etiqueta no rodea el campo en el marcado, o porque solo se usa un placeholder en lugar de un elemento de etiqueta real. Para el ojo, el formulario se ve completamente correcto; para un lector de pantalla, el campo no tiene nombre.

Este tipo de error se puede detectar automáticamente en gran medida: un análisis ve si falta un elemento de etiqueta o no apunta al campo correcto, y si un campo solo tiene un placeholder en lugar de una etiqueta. Lo que un análisis no evalúa es si el texto de la etiqueta que aparece realmente indica lo que el campo solicita — una etiqueta con el texto "campo 1" está técnicamente vinculada correctamente, pero no transmite significado para un usuario. Esa evaluación sigue siendo trabajo humano, incluso cuando la vinculación en sí es correcta.

Dónde aparece esto en WCAG 2.1

Este requisito surge de WCAG 2.1, el marco de evaluación en el que EN 301 549 se traduce en la práctica: el criterio 1.3.1 (Info and Relationships) requiere que la relación entre una etiqueta y su campo también esté establecida programáticamente y no solo sea visible visualmente, el criterio 4.1.2 (Name, Role, Value) requiere que cada elemento de formulario tenga un nombre que pueda ser leído por software — incluyendo un lector de pantalla — y el criterio 3.3.2 (Labels or Instructions) requiere que un campo tenga una etiqueta o instrucción en absoluto. Juntos, estos tres criterios determinan si un campo de formulario es reconocible y utilizable para alguien que usa un lector de pantalla.