¿Estás desarrollando una web para diferentes tipos de usuarios o sólo para usuarios que acceden a websites del mismo modo que accedes tú?

¿Sabes cómo navegan por la red personas disléxicas, daltónicas, u otra serie de usuarios? Las personas pueden tener discapacidades, dificultades de lectura, impedimentos visuales, daltonismo o problemas relacionados con la edad que pueden afectar a la forma en la que navegan a través de la web. Incluso el uso de diferentes navegadores o dispositivos, puede afectar a la accesibilidad web.

Existen varios criterios de accesibilidad, que deben tenerse en cuenta a la hora de diseñar una web, ya que son especialmente importantes para facilitar que el mayor número de usuarios pueda acceder a nuestra aplicación.

Vamos a explicar cada criterio de accesibilidad web en tres artículos diferentes enfocados desde el punto de vista de las funciones de:

En éste primer artículo vamos a comentar consejos concretos que afectan a los diseñadores webs sobre cómo crear un diseño web accesible para todos los perfiles de usuarios.

Diseño coherente

Algunos usuarios no están acostumbrados a utilizar internet, y otros pueden tener ciertas discapacidades que les dificulte obtener una visión global de una web o la posibilidad de navegar de forma sencilla a través de la misma. Por ésta razón, es importante que los elementos de navegación así como los menús o elementos de ayuda, se encuentren ubicados en la misma zona en todo el sitio web. Además, los elementos con funciones similares (como iconos o referencias) deben estar ordenados de la misma forma en todas las páginas del sitio web (criterios de éxito 3.2.2 y criterios de éxito 3.2.4).

Navegación

Con objeto de facilitar la detección de información relevante para el usuario dentro de nuestra web, es importante que exista más de una forma de acceder y encontrar contenidos específicos.

Un usuario debe poder encontrar cierto contenido navegando a través de la jerarquía de páginas disponible, pero debe ser además posible encontrar dicho contenido, a través de otras opciones como el mapa del sitio, la indexación de páginas en el buscador, índices, u otra serie de funciones de búsqueda (criterios de éxito 2.4.5).

Encabezados y títulos

Al diseñar el aspecto y la arquitectura de un sitio, es importante tener en cuenta que algunos usuarios no pueden obtener una visión general de una página web sino que deben hacerlo en base a su estructura. Asegúrate de que las páginas estén divididas en secciones lógicas y que cada una de ellas contenga un título descriptivo (codificado como una etiqueta <h>), de forma que las tecnologías puedan representarlas como títulos de sección y comprender su significado (criterios de éxito 1.3.1 y criterios de éxito 2.4.6).

Uso de colores

Con objeto de asegurarse de que todos los usuarios son capaces de comprender la función que desarrolla un determinado elemento dentro de una web, es importante no aportar información únicamente a través del uso de colores. Para los usuarios que no pueden ver los colores, esta información no sería útil. Podríamos transmitir información complementando el uso de los colores por ejemplo, mostrando enlaces dentro de un texto y dando a los enlaces un color diferente al del resto del contenido. Además sería conveniente completar esta información con usos de otras funciones no relacionadas con el color (subrayados, negritas o símbolos). (Criterios de éxito 1.4.1).

Para que los usuarios con discapacidad visual puedan leer todo el texto de las páginas web, es importante que el color del texto y el color del fondo contrasten lo suficiente entre sí. Esto se puede garantizar cumpliendo el requisito de mantener una relación de contraste de 4,5:1 para el texto normal y de 3:1 para el texto grande.

Hay una serie de herramientas disponibles para ayudar a medir rápidamente las relaciones de contraste en sus páginas web (Criterios de éxito 1.4.3).

Enlaces

Cuando un elemento de una página web es un enlace, es importante que su texto y descripción tengan sentido si se leen fuera de contexto.

Parte de ello, está garantizado gracias a las implementaciones técnicas, pero el diseño debe considerar el uso de textos anclas que describan su contenido. Enlaces con textos como: “leer más”, “aquí, “clica aquí” y “publicación” son ejemplos de textos anclas deficientes, ya que leídos fuera de contexto no pueden ser comprendidos por los usuarios. (Criterios de éxito 2.4.4).

Elementos interactivos

Cuando se diseña para elementos interactivos, es decir, contenido con el que el usuario puede interactuar, siempre debe haber una explicación clara de lo que se va a introducir/seleccionar/comprobar. El diseño debe asegurar que cuando se utilicen campos de texto, desplegables, casillas de verificación y botones de selección, tengan texto conectado a ellos que describa correctamente su propósito (Criterio de éxito 2.4.6 y Criterio de éxito 3.3.2).

¿Quieres más información acerca de cómo empezar con la accesibilidad web? Descarga gratis nuestra guía de accesibilidad web.

 

Guía de accesibilidad de Siteimprove