• Blog
  • Cómo hacer accesible su sitio web en 2023

Cómo hacer accesible su sitio web en 2023

La accesibilidad de los sitios web se ocupa de hacer que los sitios web, las aplicaciones y otras tecnologías sean accesibles para las personas con diversas discapacidades. Todos los sitios web deben ser accesibles para cualquier persona, independientemente de que tenga una condición que afecte a su forma de interactuar o utilizar un sitio web.

Millones de usuarios de Internet tienen necesidades que podrían impedirles acceder o utilizar un sitio web si no está diseñado teniendo en cuenta sus discapacidades o condiciones. Esto incluye:

  • Visual: Incapacidad parcial o total para ver los colores o percibir los contrastes (por ejemplo, daltonismo, ceguera)
  • Audición: Incapacidad reducida o total de oír
  • Físico: Dificultad para mover o utilizar partes de su cuerpo, utilizar un ratón/teclado o realizar movimientos precisos.
  • Convulsiones: Condiciones que pueden causar convulsiones como la epilepsia o desencadenadas por luces intermitentes
  • Cognitiva: Condiciones que afectan a la capacidad cognitiva como la demencia y la dislexia
Hay muchas tecnologías disponibles para ayudar a las personas a navegar por Internet, como los lectores de pantalla y los programas de reconocimiento de voz. Un sitio web bien diseñado puede hacer que la experiencia del usuario sea aún mejor si se diseña teniendo en cuenta la accesibilidad del sitio web.

Índice de contenidos

Estadísticas de accesibilidad del sitio web 2022

  • Hasta el 10% de las personas en Estados Unidos tienen dificultades de lectura, incluida la dislexia
  • El 35% de los empresarios estadounidenses son disléxicos y el 20% de los británicos también lo son
  • El 8% de los hombres caucásicos de EE.UU. tiene algún tipo de daltonismo
  • El 0,5% de las mujeres de EE.UU. tiene daltonismo
  • El 7% de los adultos en edad de trabajar tiene dificultades graves de destreza
  • Alrededor del 5% de las personas en EE.UU., Reino Unido y Canadá sufren dificultades auditivas
  • Alrededor del 4% de las personas en EE.UU., Reino Unido y Canadá son incapaces de ver bien para leer

Cómo hacer que su sitio web sea más accesible

Ahora que entendemos que la accesibilidad es importante para cualquier sitio web, es importante que sepa cómo hacer que su sitio web sea accesible. Una de las mejores maneras de empezar a mejorar la accesibilidad de su sitio web es elegir un buen CMS como WordPress. Por supuesto, no es necesario utilizar WordPress para conseguirlo, pero es posible que veas una referencia a WordPress a medida que avancemos en esta guía de accesibilidad.

1. Haga que su sitio web sea amigable con el teclado

Un sitio web que se adapta al teclado significa que se puede acceder a él y navegar por el sitio web y sus páginas sin necesidad de utilizar el ratón. La forma más habitual de navegar por un sitio web sin ratón es utilizar la tecla Tab del teclado.

Las funciones principales, como las páginas, los enlaces y el contenido, deben ser accesibles mediante un teclado. Al diseñar su sitio web, debe comprobar que se puede acceder a todas las funciones con la tecla Tab . La mejor manera de hacerlo es probar su sitio web sin usar el ratón. Si no puede acceder a ciertas partes clave de su sitio web, es necesario resolver estos problemas.

no mouse keyboard accessibility

Como puede ver en el sitio web de WebHostingProf, puede simplemente desplazarse por los enlaces y formularios del sitio web con el teclado. Best Web Hosting está resaltado con una línea punteada verde que identifica que este enlace ha sido seleccionado con la tecla Tab .

2. Añadir texto alternativo a las imágenes

Cuando añades una imagen a tu sitio web, puedes incluir algo llamado Alt Text (texto alternativo). El texto alternativo describe lo que es una imagen y es útil si una imagen no se carga.

how to add alt text to an image

Texto alternativo también se utiliza cuando se accede con lectores de pantalla; esta tecnología lee la imagen y ofrece el contexto de una imagen para aquellos que no pueden verla. Además de proporcionar una mayor accesibilidad,
El texto alternativo
puede ayudar a mejorar el SEO de su sitio web, ya que proporciona el contexto de una imagen a los motores de búsqueda.

3. Elegir los colores adecuados

El daltonismo no es tan simple como ver un color como otro. Las personas con daltonismo ven todo un espectro de colores y los perciben de forma diferente a otra persona que tenga daltonismo. Un sitio web debe ofrecer el contraste de color adecuado para que todo el mundo pueda distinguir entre los distintos colores y contenidos de sus páginas.

blue or gold dress

¿Te acuerdas de El Vestido? Este fue un gran ejemplo de cómo las personas ven los colores de manera diferente. Algunos veían el vestido azul, mientras que otros lo veían dorado. Cada persona ve los colores de forma diferente, por lo que es esencial que su sitio web utilice la combinación de colores adecuada para evitar que algunas personas no puedan ver su contenido.

Si no estás seguro de cómo utilizar las combinaciones de color correctas, hay muchas herramientas útiles que puedes utilizar, como Contrast Checker o WebAIM.

4. Utilizar cabeceras

Para estructurar su contenido de forma accesible, debe utilizar los encabezados con cuidado. En WordPress, puede seleccionar fácilmente el contenido o los títulos y asignar cabeceras H1, H2, H3, H4, H5 y H6.

Unas cabeceras claras no sólo ayudan a todos los visitantes de su sitio web a entender cómo está estructurado su contenido, sino que los lectores de pantalla pueden interpretar sus páginas mucho más fácilmente.

Sólo debe utilizar un encabezado H1 por página, que suele ser el título de la página. Los subtítulos pueden empezar por el H2 y seguir con el H3, H4, etc. cuando sea necesario. Debe seguir la estructura de los encabezados en orden, por lo que el H3 siempre seguiría a un H2, en lugar de un H4, y así sucesivamente.

5. Diseño de formularios

Si su sitio web contiene formularios, deben diseñarse con cuidado. Cada formulario debe estar claramente etiquetado junto a sus respectivos campos. Un lector de pantalla podrá entonces interpretar claramente el formulario y los campos correspondientes, facilitando su cumplimentación.

caldera form builder plugin for wordpress

Si su formulario requiere instrucciones, éstas deben ser claras y fáciles de entender. Para los usuarios que están creando su sitio web en WordPress, puede crear formularios accesibles utilizando un plugin llamado Caldera Forms Builder. Este plugin se centra en la accesibilidad.

6. Cuadros

Las tablas son realmente útiles para mostrar grandes cantidades de datos. Las personas que utilizan tecnología de asistencia se beneficiarán de las mesas si se utilizan correctamente. Es importante que las tablas sean lo más sencillas posible para no complicar en exceso su finalidad ni confundir a los lectores de pantalla.

Si su sitio web requiere tablas más complejas, puede seguir el tutorial de W3 sobre cómo codificar una tabla según las normas de accesibilidad.

7. Texto escalable

La mayoría de los dispositivos que puedes utilizar para visitar un sitio web, como un smartphone, un PC o una tableta, te permitirán cambiar el tamaño del texto. Para las personas con problemas de visión, esto es extremadamente útil. Sin embargo, si su sitio web no está construido para soportar esta función, dificultará la interacción de los usuarios con su sitio web.

Cuando construyas tu sitio web, debes asegurarte de que la escalabilidad del usuario esté activada. Si se desactiva, hará casi imposible que los usuarios cambien el tamaño del texto.

Al evitar las unidades absolutas, como los tamaños de texto definidos, puede hacer que su sitio web sea escalable. Puede probarlo usted mismo ampliando el sitio en su navegador para comprobar que el contenido es fácil de leer y navegar. WebAIM ha creado una guía que es muy útil para discutir el tamaño de la fuente para su sitio web.

8. Contenidos accesibles

El contenido de su sitio web es el elemento central del mismo. Cuando crees tus contenidos, debes tener la accesibilidad en mente en todo momento. Por ejemplo, si escribe un acrónimo como WWW, explique qué es realmente este acrónimo: World Wide Web.

El texto ancla de los enlaces internos o externos debe ser descriptivo, asegurándose de que todas las descripciones sean únicas. Si tiene problemas con este concepto, imagine que un ordenador lee el contenido de su sitio web y piense si tendría sentido para alguien que lo tomara como base.

9. Medios automáticos

Aunque esto es una frustración personal mía, también es realmente malo en términos de accesibilidad. No hay nada más frustrante que un vídeo o una música que empieza a reproducirse nada más cargar una página web.

Si alguien utiliza un lector de pantalla, es increíblemente difícil desactivar cualquier medio que se reproduzca automáticamente. Las personas con problemas sensoriales podrían verse disuadidas o incluso asustadas por el ruido repentino, así que si quieres incluir medios de comunicación debes pedir permiso o avisar al usuario de que esto va a ocurrir.

Sin duda, los carruseles y los deslizadores hacen que un sitio web sea bonito, pero, de nuevo, pueden causar frustración a los usuarios con problemas de accesibilidad. Si un lector de pantalla está leyendo en voz alta el contenido de una diapositiva, y pasa a la siguiente, no ofrece mucho tiempo para que el usuario absorba el contenido.

La accesibilidad del sitio web es importante

La conclusión es que la accesibilidad de la web es importante para que un sitio web tenga éxito y se adapte a las necesidades de todos. Crear un sitio web que pueda utilizar mucha gente no sólo es bueno para ellos, sino que puede jugar a su favor en términos de SEO.

Cuando su sitio web se clasifica mejor, obtiene más tráfico y un aumento de las conversiones. Sí, puede ser frustrante tener que corregir los errores, pero si consigue optimizar su sitio web para la accesibilidad, cosechará los frutos.

Compartir

Suscríbase a

Para conocer las últimas investigaciones y noticias auténticas sobre los mejores alojamientos para su sitio web.

Entrada siguiente

Related Posts: