Diseñando para la diversidad: Cómo crear un sitio web accesible para todos

¿Ya tienes una página web y no es accesible? Sentimos informarte de que tu diseño web está obsoleto. Pero tranquilo, todo se puede arreglar. ¿Sabes cómo crear un sitio web accesible para todos y proporcionar una buena experiencia de usuario a quienes la visitan? ¿Te has planteado la importancia de que tu página web sea accesible

Para las empresas es esencial tener en cuenta que los usuarios y sus potenciales clientes son diversos y que no tiene ningún sentido limitar quién puede acceder y navegar por su web. La experiencia del usuario en una web es diferente según sus circunstancias o condiciones: personas con alguna discapacidad, con poca experiencia usando internet o con dificultades para comunicarse en un idioma, por ejemplo.

En nuestra agencia de diseño web en Madrid SAO branding  tenemos muy en cuenta a todos los potenciales usuarios y diseñamos páginas web accesibles para nuestros clientes. Consideramos que es esencial en la actualidad que sus sitios web sean accesibles para todos. 

¿Y qué hacemos para lograrlo? ¿Cómo puedes disponer de una página web accesible para tu negocio? Vamos a mostrarte los puntos más básicos para crear un sitio web accesible. aunque no son los únicos, son los más importantes.  

Cómo crear un sitio web accesible para todos en 11 pasos básicos.

1.- Describe las imágenes.

Los atributos ALT en las imágenes no son un adorno o un incordio para que trabajes más al subirlas a tu web. Tienen una utilidad. Y desde el punto de vista de la accesibilidad son claves para describir la función de cada elemento visual.

2.- Haz accesible tus contenidos multimedia.

  1. Pon subtítulos a los vídeos.
  2. Haz una transcripción del sonido, por ejemplo  de los podcasts.
  3. Incluye la descripción del vídeo.

3.- Enlaces entendibles fuera de contexto.

Los enlaces a otras URLs de tu web, a otras páginas externas, los botones de una tienda virtual o las llamadas  a la acción se deben poder entender fuera de contexto. Por eso hay que evitar expresiones como «clica aquí» o «haz clic». Es necesario ser más descriptivo y directo, de forma que se pueda leer y entender al instante sin necesidad de contexto. Por ejemplo con expresiones como «ir a la tienda» o «comprar». 

4.- Organización de páginas, arquitectura y estructura web para la accesibilidad.

Para una buena accesibilidad y para mejorar el SEO de una web esta debe tener una buena estructura y organización de las páginas, secciones, URLs y contenidos. Se trata de que sea fácil de usar para todos. Que encontrar algo sea sencillo, intuitivo y lógico

La confusión ni ayuda al usuario, ni es valorada por Google, ni te interesa a ti como negocio o entidad con una página web. Por ello es esencial usar encabezados, listas y estructuras lógicas y sólidas. Usar un buen CSS de maquetación te ayudará. 

5.- Facilita la comprensión de gráficos y diagramas.

Para algunas personas son muy fácilmente comprensibles de un vistazo y por eso su uso puede ser muy interesante. Pero al diseñar para la diversidad se debe ser consciente de que cada persona es diferente. Para crear un sitio web accesible para todos es necesario que estos gráficos y diagramas vayan acompañados de una breve explicación en la misma página. O, en su defecto, usar un atributo longdesc para incluirla.

6.- La importancia de un diseño responsive para la accesibilidad web.

El diseño responsive no solo es necesario para facilitar que un usuario disfrute de una buena experiencia de navegación tanto si accede a ella desde un ordenador, una tablet o un smartphone. También para que personas con alguna discapacidad que cuentan con dispositivos adaptados para ella puedan acceder a la misma y disfrutar de la buena experiencia de usuario que quieres que todos tengan al visitar tu web corporativa

Algunos dispositivos tienen instalados programas o herramientas que de forma sencilla facilitan la accesibilidad web a su usuario

7.-Haz accesibles las tablas.

Al diseñar la web facilita que se pueda leer la tabla línea a línea. Crea un contenido sencillo que resuma la tabla o la explique de forma comprensible destacando aquello que sea más importante o llamativo con palabras lo más simples y precisas posible.

8.- Genera contenido accesible de lectura fácil.

Es cierto que algunas páginas web deben ser más técnicas por el tipo de cliente al que se dirigen. Pero en la medida de lo posible usa un lenguaje sencillo que sea fácil de comprender por el mayor número de personas posibles

Es innecesario usar un lenguaje engolado que perjudica la fluidez de lectura o comprensión al escucharlo. No es conveniente utilizar palabras poco usuales si existen sinónimos más habituales y fáciles de comprender. Hacerse el interesante y el postureo intelectual no tienen sentido cuando perjudican la accesibilidad al contenido.

9.- Atención al color y la tipografía.

Ten en cuenta que algunos colores dificultan la visión y comprensión de imágenes y textos. Evita las tipografías que ralentice la velocidad de comprensión de un texto

10.- Accesibilidad idiomática.

Un punto importante, especialmente para las páginas web de espacios o empresas internacionales o están ubicadas en territorio nacionales con idioma propio de la autonomía además del nacional. La posibilidad de disponer de una web en varios idiomas es algo a valorar

11.- Usa herramientas para comprobar y mejorar la accesibilidad de tu diseño web.

Actualmente existen herramientas para crear un sitio web accesible que facilitan la labor del diseñador web. También hay herramientas que permiten verificar si realmente es una web accesible y facilitan la identificación de los puntos o elementos que se deben cambiar para mejorar en este aspecto. 

Fuentes:

https://es.wikipedia.org/wiki/Accesibilidad_web

https://www.iberdrola.com/innovacion/que-es-accesibilidad-web

https://www.culturaydeporte.gob.es/cultura/areas/libro/mc/viaje-lenguas/comunes/accesibilidad.html

POSTS RECIENTES

Diseño web: cómo cuidar la higiene mental de los usuarios

15 de mayo de 2024

Protege tu web de amenazas cibernéticas

8 de marzo de 2024

Como medir el valor de una marca

19 de febrero de 2024

Composiciones estilizadas y abstractas: una tendencia en alza en diseño web

12 de enero de 2024

Design Thinking ¿Ciencia o Arte?

1 de diciembre de 2023

Categorías

Curiosidades
Diseño
Diseño Web
Marketing digital
Marketing Outsourcing