¿Qué es la accesibilidad web?

 

¿ Te has planteado alguna vez las dificultades  que encuentran las personas con capacidades diferentes en su interacción con la red? Si como diseñador web quieres poner tu granito de arena para facilitar  su integración  ¡no te puedes perder este post!

 

Accesibilidad web

 

El objetivo de la accesibilidad web es conseguir que el mayor número de personas puedan usar las páginas web, independientemente de sus capacidades personales (capacidades diferentes, personas de edad avanzada, con problemas visuales, motrices, auditivos o cognitivos) o del modo al que acceden a la web ( conexión lenta, smart tv , relojes…etc)

El diseño de web accesibles no solo beneficia a los usuarios con necesidades especiales, también es una herramienta que permite aumentar el tráfico de nuestra web,  ya que un nº superior de personas va a poder acceder a los contenidos, lo que también puede beneficiar su posicionamiento SEO  en los buscadores

Cómo se consigue la accesibilidad web?

 

El grupo internacional e independiente W3C ( World Wide Web Consortium) es una comunidad que desarrolla protocolos y estándares que aseguran el crecimiento de la web a largo plazo.

Dentro del W3C hay un grupo de trabajo denominado WAI ( Web Accessibility Initiative) dedicado a sentar las bases para guiar en el desarrollo de páginas web accesibles.

En 1999 este grupo creó una primera guía , la WCAG1.0  (Web Content Accessibility Guidelines) con 14 directrices para lograr que internet fuese más accesible. En 2008 ve la luz una  actualización , la WCAG2.0, que establece 4 principios para la creación de webs accesibles.

Con el cumplimiento de los 4 principios se consigue que las webs sean :

  • Perceptibles
  • Operables
  • Comprensibles
  • Robustas

De manera sencilla explicamos a continuación como implementar estos principios en tu web.

Web Perceptible

 

La web debe mostrar la información de manera que todos los usuarios puedan entenderla. Para ello, debe contener:

  • Alternativas al contenido multimedia: usar subtítulos  , transcripciones de audio o , incluso, lengua de signos
  • Uso de texto alternativo en imágenes, tablas, listas y enlaces
  • Alternativas al texto: lenguaje oral o símbolos
  • Organización de la información siguiendo patrones que faciliten la compresión
  • Uso de encabezados prácticos y párrafos
  • Uso adecuado de las mayúsculas (hay que tener en cuenta que los transcriptores de audio leen las mayúsculas de una en una)
  • Elección de un color de texto que contraste con el fondo, por ejemplo, texto negro sobre fondo blanco
  • Resaltar con otro color o tamaño las palabras importantes y enlaces
  • Elegir un tamaño de texto que sea legible
Accesibilidad web
Los teclados braille son dispositivos de entrada que permiten la representación de cualquier carácter a través de la pulsación simultánea de entre 6 y 8 teclas

Web Operable

 

La interfaz de la web debe facilitar la navegación, por lo que siempre nos debemos asegurar de que en nuestra web:

  • Es posible la navegación por teclado, sin necesidad de uso del ratón
  • Esta diseñada de manera que no favorece los ataques epilépticos ( no contiene imágenes con mas de 3 flashes por segundo o, en caso afirmativo, alerta de que el contenido puede provocar ataques de epilepsia y propone caminos alternativos)
  • Tiene una configuración adecuada del tiempo, de modo que facilita al usuario la visualización de los elementos permitiendo opciones de pausar contenidos, indicar el tiempo restante en elementos que lo requieran  u ocultar contenido inadecuado
  • Introduce de botones que permitan saltar contenido o enfocar elementos de navegación con el teclado

Web Comprensible

 

En la web se debe utilizar lenguaje sencillo y de fácil lectura

  • Debemos diseñar la web de forma previsible, siguiendo patrones
  • Las instrucciones para avanzar en los procesos deben ser claras y solicitar doble check en caso de que se vaya a eliminar información sensible
  • Debe facilitar la identificación de errores e indicar como pueden ser corregidos

Web Robusta

 

La página web debe ser diseñada empleando los estándares actuales ( HTML, CSS,JavaScript) , de forma que sea compatible con las actuales herramientas (navegadores, lectores de pantalla, programas…etc)

Si estas interesado en  saber mas sobre las pautas de la WCAG 2.0, puedes acceder a través del siguiente enlace a una versión en castellano

Si este post te ha parecido interesante, ¡ déjanos un comentario !

 

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s