Saltar al contenidoSaltar al contenido

Módulo de mecánica WCAG 3.3.1 Nivel A

Formularios accesibles

Corrige las etiquetas que faltan, las marcas de campos obligatorios y los enlaces con errores en los formularios de contacto, pedidos e inicio de sesión.

Lo que hace

Función en una oración — y en tres oraciones

Los formularios son el obstáculo más común para los usuarios de lectores de pantalla. Si el `

El módulo escanea todos los formularios de la página y añade los atributos ARIA que faltan, las relaciones entre etiquetas y las marcas de campos obligatorios.

Así es como lo implementa el complemento.

Medidas técnicas

  • Etiqueta para conexión: agrega atributos `for` faltantes a `
  • Campo obligatorio aria: establece `aria-required="true"` y `aria-invalid` en caso de errores de validación.
  • Enlace de texto de error: validación-`` obtiene un ID, el campo de entrada obtiene `aria-describedby`.
  • Conjunto de campos/Leyenda: en grupos de radio sin `
    El elemento contenedor del grupo se añadirá automáticamente.
  • Tokens de autocompletado: agrega `autocomplete="email"`, `autocomplete="name"`, etc. para compatibilidad con navegadores.
En el backend del plugin

Puedes encontrar estos ajustes en la pestaña del módulo.

  • Activar/desactivar la reparación automática por plugin de formulario (Contact Form 7, Gravity Forms, WPForms, Fluent Forms, ...)
  • Estilo de marcador de campo obligatorio: `*` / Texto „(Obligatorio)" / Solo ARIA
  • Estilo de texto de error: cerca / encima / debajo del campo
  • Autocompletar tokens automáticamente: sí / no
  • Modo de validación en vivo: al tocar / al perder el foco / al enviar

Ruta en el administrador: WP-Admin → Accesibilidad → Módulos → Formularios accesibles

¿Cuándo necesitas el módulo?

Caso de uso

Un módulo obligatorio para todas las páginas con formularios: contacto, pedidos, boletín informativo, inicio de sesión. Ningún plugin de formularios ofrece accesibilidad completa de forma predeterminada; este módulo cubre las carencias.

Módulos relacionados

Eso encaja temáticamente.

  • Gerente de ARIA

    WCAG 4.1.2

    Asigna automáticamente los roles, estados y propiedades ARIA correctos a los elementos interactivos.

  • atributo de idioma

    WCAG 3.1.1

    Establece los atributos `lang` correctos en la raíz HTML y a nivel de elemento para los pasajes en idiomas extranjeros.

  • Navegación con teclado

    WCAG 2.1.1

    Asegúrese de que todos los elementos interactivos sean accesibles sin usar el ratón: Tab, Enter, teclas de flecha, Esc.

¿Activar el módulo para su sitio?

En la consulta inicial de 15 minutos, aclararemos si el módulo es relevante para su tema y tipo de contenido, y cómo es la configuración.

Consulta inicial de 15 minutos
Ver todos los módulos

Lenguaje sencillo