La web se creó pensando en todos, sin importar sus capacidades o retos. Hoy en día, más de mil millones personas en el mundo viven con algún tipo de discapacidad, lo que puede dificultar la navegación por determinados sitios web. Por eso es fundamental crear sitios lo más accesibles posible.
Afortunadamente, si sigue algunas de las mejores prácticas, puede asegurarse de que su sitio incluya al mayor número posible de miembros potenciales. Esto puede ser tan sencillo como añadir texto alternativo a todas las imágenes que utilice. Adaptar su sitio a las necesidades de los usuarios es más fácil de lo que parece. todos usuarios.
En este artículo, exploraremos algunas de las mejores maneras de hacer que su sitio sea fácil de usar para todos. Pongámonos manos a la obra.
Por qué la accesibilidad es vital en su sitio web
Como ya hemos dicho, la web se diseñó para que todo el mundo pudiera utilizarla, independientemente de su software, ubicación, idioma o capacidad. De hecho, Tim Berners-Lee, el hombre al que se atribuye la creación de la web, dijo una vezEl poder de la web reside en su universalidad: el acceso de todos, independientemente de su discapacidad, es un aspecto esencial". Hacer un sitio accesible significa mantener ese objetivo a la vista.
El impacto de una discapacidad puede reducirse al utilizar Internet o agravarse. Cuando los sitios web no se diseñan teniendo en cuenta la accesibilidad, pueden crear barreras que excluyan innecesariamente a grandes grupos de personas. Por esta razón, esforzarse por conseguir una accesibilidad total no debería ser una opción. Por el contrario, debe ser una parte esencial del desarrollo de cualquier sitio web.
Es más, los sitios accesibles no sólo son beneficiosos para las personas con discapacidad permanente. Hay una serie de razones adicionales por las que las personas pueden necesitar el apoyo adicional en línea, tales como:
- Personas mayores, que pueden tener capacidades cambiantes debido al proceso de envejecimiento.
- Los que tienen lesiones temporales, como un brazo roto
- Cualquier persona que experimente "limitaciones situacionales", como los visitantes que se encuentran en un entorno en el que no pueden escuchar audio.
Si ha optado por cree su sitio de afiliación con WordPressestá de suerte. La plataforma pone varias opciones en marcha para ayudarle a hacer accesible su sitio web. Esto incluye Pautas de Accesibilidad al Contenido en la Web (WCAG) que puede seguir, y que ofrece acceso a un montón de plugins de accesibilidad útiles. Sin embargo, no hay razón para detenerse ahí.
4 formas de mejorar la accesibilidad de su sitio web de afiliación
Aunque las características mencionadas anteriormente son fundamentales, también es importante esforzarse para que su sitio web sea lo más accesible posible. Siga los pasos que se indican a continuación y evalúe sus progresos con una herramienta como WAVEestará en el buen camino para conseguir un sitio más fácil de usar en 2020 y en años sucesivos.
1. Asegúrese de que puede navegar por su sitio web sólo con el teclado
Muchas personas utilizan tecnologías de apoyo para navegar por los sitios web, lo que significa que dependen totalmente de sus teclados. Por eso es fundamental que las funciones clave de su sitio web sean fácilmente accesibles sin utilizar el ratón.
Un HTML desordenado dificultará la navegación con el teclado, ya que hace que la estructura de tus páginas sea menos clara. Utilizar un HTML limpio, encabezados bien definidos y codificación CSS para los elementos visuales mejorará la fluidez de tus páginas, permitiendo un acceso mucho más fácil.
Además, la forma más habitual de navegar utilizando sólo el teclado es a través de las teclas Pestaña . Esto permite al usuario moverse entre las áreas de una página que tienen "foco de teclado". Puede probar fácilmente su sitio intentando visitar varias páginas sólo con la tecla Pestaña clave, y tomando nota de las zonas a las que no se puede acceder fácilmente.
2. Añada 'Alt Text' a las imágenes de su sitio web
Es posible que haya visto la opción de añadir "texto alternativo a las imágenes en WordPress. Uno de los propósitos de esta función es proporcionar contenido de texto alternativo, que se mostrará en caso de que una imagen no se cargue.
Sin embargo, añadir texto alternativo a una imagen también facilita la comprensión de su contenido a quienes utilizan lectores de pantalla. La inclusión de texto alternativo permite a estos usuarios "leer" la imagen, en lugar de verla. Esto es muy importante para las personas con problemas de visión.
Encontrará muchos consejos para crear el texto alternativo perfecto. Lo más importante, sin embargo, es que describa la imagen con detalle. En lugar de limitarse a incluir una o dos palabras, intente escribir una frase completa que explique de forma concisa pero clara qué es la imagen, para que cualquiera que no pueda verla entienda su propósito.
3. Seleccione cuidadosamente los colores utilizados en su sitio web
La percepción del color es un espectro, y para muchos, ver ciertos colores es difícil o imposible. El término daltonismo es familiar, pero deficiencia en la visión de los colores es una descripción más adecuada (y menos potencialmente engañosa).
Debido a la gran variedad de deficiencias visuales que pueden tener las personas, hay una serie de aspectos que debe tener en cuenta en su sitio web. Por ejemplo, algunas personas necesitan un mayor contraste, mientras que otras son más sensibles al brillo de los colores.
Una de las formas de satisfacer estas necesidades es asegurarse de que el texto destaque claramente sobre el fondo del sitio. Además, debe haber suficiente contraste entre los colores del texto y el fondo.
Para asegurarse de que su sitio web es muy accesible, puede seguir los pasos siguientes directrices proporcionadas por las WCAG. Estos proporcionan normas establecidas para los niveles de contraste de color. Además, existen diversas herramientas que le ayudarán a evaluar eficazmente el diseño de su sitio web, como por ejemplo WebAim y Comprobador de contraste.
4. Asegúrese de que su texto es fácilmente redimensionable
La mayoría de las tecnologías de apoyo, así como los navegadores, permiten a los usuarios cambiar el tamaño del texto. Esta funcionalidad es vital para las personas con deficiencias visuales. Por lo tanto, lo mejor es construir su sitio teniendo en cuenta esta posibilidad y asegurarse de que permite cambiar fácilmente el tamaño del texto.
Una forma de hacerlo es asegurándote de que nunca desactivar la escalabilidad de usuarios al crear contenido para su sitio. Esto dificultará que los usuarios cambien el tamaño del texto. También es conveniente evitar el uso de píxeles para definir el tamaño del texto y utilizar en su lugar tamaños relativos. Así te aseguras de que el texto se adapte al contenido y al tamaño de pantalla de cada usuario.
Puede probar los tamaños de las fuentes visualizando su sitio en el front-end y aumentando el nivel de zoom en varios grados. Esto le ayudará a identificar áreas de mejora y a encontrar contenidos que pueden ser difícil de leer o navegar.
Además, intente limitar el uso de textos y tablas increíblemente pequeños: los lectores de pantalla y las lupas tienen dificultades para captarlos y adaptarlos con eficacia.
Conclusión
Es vital que los contenidos que creamos en línea sean plenamente accesibles para todos. Los sitios web que no se diseñan teniendo en cuenta la accesibilidad corren el riesgo de excluir a grupos enteros de personas, y como dijo el propio fundador de la web: "El poder de la web está en su universalidad".
En este artículo hemos repasado algunas de las formas de mejorar la accesibilidad de su sitio web. Recapitulemos brevemente:
- Asegúrese de que se puede navegar fácilmente por su sitio web con un simple teclado.
- Añada texto alternativo a todas las imágenes, ya que esto permite "leerlas" en lugar de sólo verlas.
- Utilice colores contrastados para aumentar la visibilidad del texto.
- Asegúrese de que su texto está optimizado para cambiar de tamaño.
¿Tiene más preguntas sobre cómo mejorar la accesibilidad de su sitio web? Háganoslo saber en la sección de comentarios.
Añadir un comentario