Cómo crear formularios web accesibles para WordPress - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Cómo crear formularios web accesibles para WordPress

Hola, un placer verte por aquí. Yo soy Samuel López y esta vez hablaremos sobre Cómo crear formularios web accesibles para WordPress

Cómo crear formularios web accesibles para WordPress

Según el Centro para el Control y la Prevención de Enfermedades, 26% de adultos en los Estados Unidos tienen algún tipo de discapacidad. No hacer que su sitio web sea accesible para personas con discapacidades visuales o cognitivas puede causar pérdida de tráfico, clasificaciones SEO deficientes e incluso disputas legales.

Casi todos los sitios web en estos días incluyen algún tipo de formulario, ya sea un formulario de pedido de producto o algo más simple como un formulario de contacto. Los formularios son a menudo una de las partes más inaccesibles de un sitio web y por eso merecen una atención especial.

Independientemente de cómo esté implementando su módulo, utilizando un código personalizado o un complemento, debe seguir ciertas pautas y mejores prácticas para asegurarse de que sus módulos sean completamente accesibles.

En esta publicación, aprenderá a crear formularios web accesibles para WordPress. Esto puede ayudarlo a llegar a un público más amplio, mejorar la experiencia de usuario de su sitio web y aumentar sus ingresos.

¿Qué es la accesibilidad del sitio web?

Herramientas como la Control de accesibilidad WAVE mostrar elementos accesibles y oportunidades de mejora.

El Iniciativa de accesibilidad web administrado por el Consorcio World Wide Web escribe que:

“La accesibilidad web significa que los sitios web, las herramientas y las tecnologías se diseñan y desarrollan para que las personas con discapacidades puedan usarlos. Más específicamente, las personas pueden – percibir, comprender, navegar e interactuar con la Web – contribuir a la Web ”.

Navegar por un sitio web, ingresar información y seleccionar el enlace o botón correcto puede ser difícil para los usuarios con discapacidades visuales, físicas o cognitivas. La accesibilidad implica implementar un conjunto de mejores prácticas para que su sitio sea utilizable por:

  • Personas con discapacidad visual que utilizan lectores de pantalla.
  • Personas con problemas de movilidad que navegan por sitios con el teclado
  • Personas con deterioro cognitivo
  • Personas daltónicas
  • Personas que confían en la búsqueda por voz
  • Personas que no hablan inglés como primer idioma y utilizan servicios de traducción.
  • Personas con afecciones temporales, como un brazo roto, que necesitan ingresar información mediante pulsaciones de teclas.

Los formularios plantean uno de los mayores desafíos de accesibilidad, ya que pueden ser difíciles de navegar y confusos de completar.

La importancia de los formularios web accesibles

Los formularios actúan como un puente entre usted y sus clientes. Por lo tanto, es fundamental garantizar que los formularios sean accesibles para las personas con discapacidad. Estas son algunas de las razones más importantes para optimizar los formularios web para la accesibilidad general de WordPress.

Evite disputas legales

¿Sabía que la accesibilidad pronto podría convertirse en un requisito legal para su sitio web a medida que más y más estados comiencen a implementar mandatos de accesibilidad web? Esto era liderado por juicios contra marcas comerciales conocidas registradas bajo la Ley de Estadounidenses con Discapacidades (ADA).

Incrementa tus ingresos

Además de los requisitos legales, la accesibilidad puede ayudarlo a aumentar sus ingresos. Por ejemplo, los resultados de Encuesta Click-Away sobre la libra esterlina 2019 descubrió que un gran porcentaje de usuarios con discapacidades abandona los sitios web debido a problemas de accesibilidad, lo que genera más de $ 17 mil millones en gastos potenciales.

Mejora la experiencia del usuario

Seguir las mejores prácticas de accesibilidad puede ayudar a que su sitio web sea más fácil de navegar y leer. Los cambios de accesibilidad ayudan a mejorar la experiencia del usuario para todos los visitantes de su sitio web, no solo para aquellos con discapacidades.

Impulsa tu SEO

Prestar mucha atención a la estructura de su sitio web y hacer que las páginas sean más fáciles de navegar puede darle a su sitio un impulso de SEO al facilitar el rastreo de los motores de búsqueda. Además, agregar un «texto alternativo» descriptivo a sus imágenes, llamado etiqueta alt, es crucial tanto para las personas con discapacidad visual como para los motores de búsqueda cuando se trata de comprender su contenido.

Los motores de búsqueda favorecen el contenido que es fácil de consumir para todos. Es por eso que la accesibilidad siempre será un factor importante en el SEO.

Atrae a una audiencia más amplia

Según las estadísticas de la Comisión Europea, las Naciones Unidas y otras organizaciones, es seguro asumir que alrededor del 20% de la población mundial tiene algún tipo de discapacidad. Teniendo esto en cuenta, implementar las mejores prácticas de accesibilidad puede ayudarlo a atraer más clientes.

Directrices para la creación de formularios web accesibles

Entonces, ¿cómo se crean formularios accesibles para su sitio web de WordPress? Aquí hay algunas pautas a seguir.

Use un complemento de formulario creado para la accesibilidad

Si desea ahorrar tiempo y esfuerzo, debe utilizar un complemento de formularios de WordPress que ya incluya funciones de accesibilidad. Cuando se trata de formularios accesibles, uno de los mejores complementos es Gravity Forms.

Gravity Forms está totalmente comprometido con la accesibilidad. Esto se refleja en su versión más reciente, que incluye una serie de funciones importantes para ayudarlo a crear formularios accesibles que lleguen Cumplimiento de WCAG 2.1 AA, el estándar mundial.

Gravity Forms 2.5 incluyó una serie de mejoras de accesibilidad que lo empujaron por encima de otros complementos de formularios. Esto incluye comentarios detallados del lector de pantalla para usuarios ciegos o con discapacidad visual, así como alertas en el área de administración sobre campos con problemas de accesibilidad.

Pero la accesibilidad no es la única razón para usar Gravity Forms. También hay una serie de complementos poderosos que amplían Gravity Forms, lo que le permite crear aplicaciones web potentes.

Dígales a los usuarios qué esperar

La claridad general es importante para la experiencia general del usuario, no solo la accesibilidad. Al crear sus formularios, asegúrese de que sean fáciles de escanear y de que tengan instrucciones claras para cada campo. Si los usuarios encuentran sus formularios confusos, es posible que abandonen su sitio frustrados.

Si tiene un formulario de varios pasos, es importante que los usuarios sepan en qué etapa se encuentran y cuántos pasos les quedan. Asegúrese de que los usuarios tengan una forma de volver a los pasos anteriores para que puedan editar o actualizar la información como mejor les parezca.

Por último, proporcione texto descriptivo a todos los botones y enlaces para que quede claro qué esperar al hacer clic en ellos. En lugar de utilizar «Haga clic aquí» como texto del enlace, utilice algo que describa el enlace como «Nuestro blog». Lo mismo ocurre con los botones. «Enviar» es seco y genérico, más bien use algo que describa la acción que está tomando el usuario, como «Suscribirse» o «Enviar mensaje».

Etiquetas y descripciones de campo

Al escribir etiquetas, asegúrese de que sean significativas y dígale al usuario, de manera clara y concisa, lo que necesita completar. Para obtener la mejor configuración de accesibilidad, coloque etiquetas sobre las entradas de campo donde sean claramente visibles y no incluya HTML o enlaces, ya que esto puede confundir a los lectores de pantalla.

Si está utilizando un complemento de formulario, también tendrá la opción de escribir descripciones de campo. Estos son opcionales, pero puede usarlos si necesita proporcionar información adicional en el campo.

Contraste de color

Los colores utilizados en su sitio web son un factor importante de accesibilidad. El contraste de color se refiere a la diferencia de luz entre la fuente de primer plano y el color de fondo. Los colores mal elegidos para sus formularios pueden dificultar su lectura para las personas, especialmente para aquellos con discapacidades visuales.

Cuando se trata de WordPress, el color de los módulos generalmente lo determina el tema, pero puede anularlo agregando sus propios estilos CSS personalizados. Además, recuerde no hacer referencia al color en las instrucciones del formulario. Por ejemplo, no diga «haga clic en el botón verde para continuar», ya que esto puede causar problemas a los usuarios daltónicos.

El tamaño y el peso de la fuente también son opciones importantes de accesibilidad. Asegúrese de que la fuente que elija para sus formularios sea clara y legible. Hay varios complementos, como Accesibilidad con un clic, que permiten a los usuarios ver su sitio web utilizando diferentes combinaciones de colores.

Lógica condicional

Si sus formularios contienen lógica condicional, asegúrese de que no afecte la accesibilidad. Por ejemplo, nunca utilice la lógica condicional para ocultar el botón «Enviar».

reCAPTCHA

Si bien CAPTCHA y reCAPTCHA pueden ser una parte importante de su estrategia anti-spam, son una pesadilla cuando se trata de accesibilidad. Los CAPTCHA a menudo requieren que los usuarios completen información o seleccionen ciertas imágenes en la pantalla. Esto no solo da como resultado una mala experiencia de usuario, sino que también representa un desafío para las personas con discapacidades cognitivas y / o visuales.

En lugar de CAPTCHA, use alternativas como campos de honeypot o complementos de spam centrados en la privacidad que no afecten la experiencia del usuario. El favorito conocido en esta área es Akismet, incluso si viene con una etiqueta de precio.

Mensaje de error

Asegúrese de que los mensajes de error se puedan utilizar y estén escritos con claridad. Sus mensajes de error deben proporcionar comentarios sobre errores u omisiones y explicar cómo corregirlos. Por ejemplo, en lugar de decir «hubo un error», podría decir «su contraseña era demasiado corta. Ingrese una contraseña de al menos 12 caracteres».

Recuerde, su trabajo es ayudar al usuario a completar los formularios para que sea un proceso rápido y divertido. Los mensajes de error que no brindan suficiente información pueden causar ansiedad y frustración.

Navegación por teclado

Muchos usuarios con discapacidades no pueden usar el mouse, así que asegúrese de que sus formularios sean navegables usando solo la tecla de tabulación. Esto incluye cerrar los mensajes de error y volver a los pasos anteriores.

Marcado HTML robusto

Si prefiere crear formularios desde cero, es importante utilizar el HTML correcto, ya que esto es lo que utilizan los lectores de pantalla cuando envían información. Por ejemplo, las etiquetas deben usar la etiqueta

.

Además, los campos con múltiples opciones de entrada deben usar la

etiqueta ya que esto le dice a los lectores de pantalla qué opciones pertenecen a qué campo.

Formularios accesibles para WordPress: pensamientos finales

La accesibilidad web es la práctica de hacer que su sitio web sea utilizable por personas con discapacidades físicas y cognitivas.

Los formularios son uno de los aspectos más importantes de un sitio web, ya que proporcionan un puente entre usted y sus clientes. Sin embargo, también se sabe que los módulos tienen problemas de accesibilidad y, por lo tanto, requieren una atención especial.

Tomarse el tiempo para crear formularios accesibles puede ayudarlo a llegar a una audiencia más amplia, impulsar su SEO y mejorar la experiencia general del usuario para los visitantes que llegan a su sitio web. Los formularios accesibles deben incluir un lenguaje claro, etiquetas descriptivas y marcado HTML adecuado.

Si bien están de moda por prevenir el spam, los CAPTCHA tienen una serie de problemas de accesibilidad y deben reemplazarse con alternativas menos intrusivas, como complementos anti-spam que se ejecutan en segundo plano o campos de honeypot invisibles.

¿Está listo para comenzar a crear formularios accesibles para su sitio web de WordPress? La implementación de las estrategias anteriores lo colocará por delante de la mayoría de los otros sitios en la web, ¡así que comience hoy mismo!

Recuerda compartir en una historia de tu Instagram para que tus colegas lo vean

??? ? ? ???

Comparte