Lección 10El proceso de diseño: ¿cómo encajar la accesibilidad web?

Noción 67

Ten en cuenta la distribución de la página

Competencias objetivo

Aprender a tener en cuenta la estructura y el diseño de la disposición cuando se diseña para la accesibilidad.

Si prestas atención a la estructura y el diseño de tu página web, ésta será más legible. Sus usuarios podrán orientarse más fácilmente y encontrar la información que buscan.

Piensa en el borrador de tu sitio web

Tanto para el diseño como para la maquetación, se recomienda empezar el proceso de reflexión sobre la accesibilidad haciendo un borrador de tu página web o sitio web para poder prever lo que vas a poner en ella, y hacerlo de acuerdo con los principios de accesibilidad enumerados a lo largo de este módulo. Una maqueta es un primer borrador, un prototipo que te permite ver cómo podría ser tu web (ya sea su código, su estructura, su diseño), comparar, evitar errores y así avanzar hacia una solución que se acerque lo más posible a tus expectativas y a las distintas necesidades aquí identificadas.

Sobre la maquetación

Los distintos elementos de una página web deben diferenciarse entre sí y una maquetación clara puede ayudar. Los elementos importantes son los menús de navegación, los elementos interactivos como los enlaces y las secciones de texto. Los formularios son un tipo específico de elemento que puede ser complejo y debe ser sencillo y accesible. También es esencial asegurarse de que todo el contenido y la información estén bien estructurados con títulos claros, a partir de los cuales el usuario pueda orientarse, localizar la información y navegar fácilmente de un contenido a otro.

Cómo hacer que la estructura sea identificable

Para alcanzar este objetivo, pueden ayudar algunas reglas de UX procedentes de la psicología y la percepción humana, como :

La ley de la proximidad, los objetos cercanos entre sí se consideran agrupados. Por ejemplo, los botones de un menú de navegación deben estar en la misma zona y no en toda la página.
La ley de la similitud, los objetos con formas similares se consideran vinculados entre sí. Por ejemplo, la tarjeta de los artículos tiene la misma estructura para mostrar el contenido de un artículo. Evitaremos tener demasiadas variaciones en la plantilla de la tarjeta de artículos.
La ley del tamaño, los elementos importantes deben ser más grandes que los menos importantes. Se aplica a los botones, por ejemplo: un botón grande llama a ser pulsado, mientras que uno pequeño se supone que es menos utilizado.