WCAG 4.1.2 · Nivel A

Los elementos de formulario deben tener etiquetas

Algunos campos de formulario no tienen etiqueta, así que los usuarios de lectores de pantalla no saben qué deben introducir.

Qué comprueba esta regla

Garantiza que cada elemento de formulario tiene una etiqueta.

Por qué es importante

WCAG 1.3.1, 3.3.2 y 4.1.2 exigen que los campos de formulario tengan etiquetas. Los campos de suscripción a la newsletter y de búsqueda son los que más suelen fallar.

Cómo corregirlo

  1. Dale a cada campo un elemento <label for="field-id"> o, como mínimo, un aria-label.
  2. El texto del marcador de posición (placeholder) por sí solo no cuenta como etiqueta.

Cómo comprobar la corrección

  • Vuelve a analizar y confirma que la regla label ya no falla.
  • Haz clic en cada etiqueta y comprueba que lleva el foco a su campo.

Cómo lo detecta FixReports

Nuestro análisis ejecuta la regla label de axe-core en un navegador Chrome real en cada página que prueba, e informa de cada elemento que no la cumple con su página, su marcado y, cuando procede, una captura de pantalla.

Una prueba automatizada confirma que este problema concreto está presente. No puede determinar si el resto de la página es accesible: algunas barreras solo se detectan cuando una persona revisa la página.

Analiza tu sitio web hoy

Encuéntralo. Corrígelo. Verifícalo.

¿Qué tipo de sitio web es?

Tu respuesta elige las comprobaciones adecuadas, como el recorrido de compra en tiendas online. Aun así revisamos las señales del propio sitio y mostramos ambas.

¿Qué tipo de sitio web es?

Análisis gratis. Sin tarjeta de crédito.