Accesibilidad

Introducción. Qué es el diseño web accesible ?

Para quienes no están familiarizados con las cuestiones relacionadas con el diseño web accesible, cabe mencionar que existen muchos usuarios que se desenvuelven en contextos diferentes al de la mayoría:

  • Aquellos que no pueden ver, escuchar, moverse, o no pueden procesar cierto tipo de información fácilmente o directamente de ninguna manera.
  • Aquellos que pueden tener dificultad leyendo o comprendiendo textos.
  • Aquellos que pueden no tener o ser capaces de usar un teclado o un ratón ("mouse").
  • Aquellos que tiene una pantalla sólo de texto, o pequeña, o una conexión a Internet muy lenta.
  • Aquellos que no pueden hablar o entender con fluidez el lenguaje en el que un documento está escrito.
  • Aquellos que pueden estar en una situación donde sus ojos, oídos, o manos están ocupadas o no disponibles (por ejemplo trabajando en un entorno ruidoso).
  • Aquellos que tienen una versión antigua del navegador de Internet, o un navegador distinto de los más usados, un navegador por voz, o un sistema operativo diferente.

Los desarrolladores de aplicaciones web, deben considerar estas situaciones.

Pese a que existen muchos casos diferentes que considerar, cada decisión de diseño accesible generalmente beneficia a múltiples grupos de discapacitados a la vez y a la comunidad Web en general.

El Consorcio W3C tiene una iniciativa específica para este tema llamada Web Accessibility Initiative (WAI) que publica estándares con guías para el diseño de páginas web accesibles.

Existen dos tipos de guías,

Mecanismos de transformación eficientes

Mediante estas guías, los desarrolladores de contenidos pueden crear páginas que se transforman con elegancia y eficacia. Las guías comprenden cosas tales como separar estructura de presentación, proveer el contenido en texto -incluyendo equivalentes al texto-, presentar el texto de modo que sea visualizable en prácticamente todos los navegadores y accesible a prácticamente todos los usuarios, crear documentos que funcionen incluso si el usuario no puede ver o escuchar, proveer información que sirva al mismo propósito que el audio o video de maneras adecuadas a otros canales sensoriales -por ejemplo compatibles con dispositivos conversores de páginas web a audio-, crear contenidos que no sea dependiente del hardware, del tamaño y resolución de la pantalla, cantidad de colores, etc.

Hacer el contenido comprensible y navegable

El contenido debe ser comprensible y navegable. Esto incluye no sólo contenido claro y simple, sino también proveer mecanismos para navegar entre las páginas. Herramientas de navegación e información orientativa en las páginas maximiza la accesibilidad y usabilidad. Se debe considerar que no todos los usuarios pueden hacer uso de indicadores visuales como mapas de imágenes, barras de desplazamiento proporcionales, marcos (frames) o gráficos puestos para guiar a personas que pueden ver.

Estándares

El site de Novamens fue desarrollado considerando las siguientes directivas de accesibilidad y diseño: W3C, WAI, la ley 26653 de 2010, la resolución 69/2011 de la Secretaría de Gabinete y la Disposición 4/2011 de la Oficina Nacional de Tecnologías de Información (ONTI).

El contenido del portal se ajusta al nivel Doble-A de las Directrices de Accesibilidad para el Contenido Web (WCAG) del W3C y fue analizada mediante las herramientas W3C Markup Validation Service y Examinator.ws

Especificaciones de accesibilidad

El sitio web de Novamens alcanza la validación formal de marcado y gramática XHTML 1.0 Transitional y de sintaxis de las hojas de estilo CSS.

Principales caracteristicas de diseño accesible del portal

  • El contenido visual de la página, la maquetación y estructura, se realizan a través de CSS.
  • La información estructural y la funcionalidad se proporcionan explícitamente y se encuentran separadas lógicamente de la presentación
  • Las imágenes tienen una alternativa textual
  • Hay enlaces que permite saltar bloques de contenido
  • Se incluyen atajos de teclado (AccessKeys) para acceder a los principales bloques de contenidos
  • Se identifica el idioma de las páginas
  • Los tamaños de letras son relativos
  • No se utiliza Flash, Applets, controles ActiveX o GIF animados
  • Se seleccionaron colores suficientemente contrastantes entre textos y fondo, y tamaños y separaciones relativas de letras, renglones y párrafos para optimizar la legibilidad
  • El diseño es simple y claro para facilitar la lectura y la navegación
  • Cuenta con un Mapa del Sitio

Atajos de teclado

Es posible navegar el sitio mediante los siguientes atajos de teclado (Accesskeys), presionando la tecla especificada en su navegador predeterminado, junto con las siguientes opciones:

AccessKey:

  • 1 - Inicio
  • 2 - Enlace al bloque de contenido de la página (primer enlace de la página)
  • 3 - Mapa del sitio
  • 4 - Contacto
  • 5 - Acerca de Novamens
  • 0 - Accesibilidad

Teclado (Navegador - Teclas):

  • Google Chrome 11+: Alt + AccessKey
  • Firefox 12+: Alt + Shift o Bloq Mayús + AccessKey
  • Internet Explorer 8 y 9: Alt + AccessKey
  • Safari 5+: Ctrl + Option (Alt en Windows ) + AccessKey

Por ejemplo, en Internet Explorer para ir al Inicio, apretamos la tecla Alt y luego el numero 1.