DIW

Appearance

Introducción a la accesibilidad ​

La accesibilidad web consiste en diseñar y desarrollar interfaces que puedan ser utilizadas por el mayor número posible de personas, incluidas aquellas que presentan algún tipo de discapacidad.

Una interfaz accesible debe tener en cuenta que los usuarios pueden presentar diferentes capacidades y utilizar distintas formas de interactuar con una aplicación.

Diseñar para diferentes usuarios ​

Una aplicación web puede ser utilizada por personas con diferentes capacidades:

  • visuales;
  • auditivas;
  • motoras;
  • cognitivas.

También puede utilizarse mediante diferentes dispositivos o tecnologías de asistencia.

Por ejemplo, algunos usuarios pueden:

  • utilizar únicamente el teclado;
  • aumentar considerablemente el tamaño del texto;
  • utilizar un lector de pantalla;
  • tener dificultades para distinguir determinados colores;
  • utilizar dispositivos con diferentes tamaños de pantalla.

Por este motivo, la accesibilidad debe considerarse desde las primeras fases del diseño y no únicamente después de implementar la aplicación.

Consideraciones básicas ​

Durante el diseño de una interfaz podemos aplicar algunas recomendaciones básicas.

Contraste ​

Debe existir suficiente contraste entre el contenido y el fondo.

Un texto con poco contraste puede resultar difícil de leer para muchos usuarios.

Tamaño y legibilidad del texto ​

Los textos deben utilizar tamaños adecuados y tipografías fácilmente legibles.

También debemos evitar incluir información importante únicamente mediante textos excesivamente pequeños.

Uso del color ​

El color no debería ser el único mecanismo utilizado para transmitir información.

Por ejemplo, marcar un campo incorrecto únicamente mediante un borde rojo puede no ser suficiente.

Podemos combinar diferentes mecanismos:

text
⚠ El correo electrónico no es válido.

De esta forma utilizamos color, iconografía y texto para transmitir la misma información.

Imágenes ​

Las imágenes que aportan información relevante deben disponer de una alternativa textual que permita comprender su contenido cuando no puedan visualizarse.

Las principales funcionalidades de una aplicación deben poder utilizarse sin necesidad de emplear un ratón.

Al diseñar la interfaz debemos considerar, por tanto, aspectos como:

  • orden lógico de navegación;
  • identificación del elemento que tiene el foco;
  • acceso a botones, enlaces y formularios mediante teclado.

WCAG ​

El World Wide Web Consortium (W3C) desarrolla estándares y recomendaciones para la Web.

Entre ellos se encuentran las Web Content Accessibility Guidelines (WCAG), que establecen pautas para crear contenido web más accesible.

Estas pautas permiten posteriormente analizar y verificar de forma sistemática la accesibilidad de una interfaz.

INFO

En esta unidad únicamente tendremos en cuenta la accesibilidad como un requisito básico del diseño de interfaces.

La accesibilidad web, las WCAG y las herramientas de verificación se estudiarán específicamente en la UD5. Accesibilidad.