Skip to main content

3.3 Información para todos: webs accesibles

VideoEn los últimos años, el mundo de Internet ha revolucionado nuestras vidas, hasta tal punto, que no concebimos nuestro día a día sin ello. Sin movernos del ordenador podemos trabajar, consultar una receta de comida, hacer la compra o planificar nuestras vacaciones, ahorrándonos tiempo y dinero.

Sin duda, Internet, a priori, es una herramienta global creada con la intención de hacernos a los usuarios en general la vida muchísimo más fácil y accesible; pero en ocasiones, puede suponer un obstáculo para usuarios con capacidades diferentes, que encuentran bastantes barreras a la hora de navegar por la nube, debido a que un elevado porcentaje de sites no cumplen con los estándares mínimos  de la W3C.

El objetivo principal  de la accesibilidad web es lograr que las páginas sean utilizables por el mayor números de personas, a esto se le denomina Diseño universal.

Hay varios tipos de capacidades diferentes a nivel visual, auditivo, derivadas del envejecimiento, etc. Como hemos explicado anteriormente, personas afectadas por cualquiera de ellas pueden tener dificultades a la hora de acceder a nuestra web si no cuidamos algunos detalles como los que se indican a continuación:

Barreras que limitan el acceso a personas con falta de capacidad visual:

  • Imágenes.- Todas deben llevar detallado su atributo alt describiendolo que la imagen representa.
  • Elementos multimedia.- texto descriptivos del contenido del multimedia
  • El contenido debe leerse de forma secuencial.
  • Independencia del dispositivos.- una web debe ser igualmente de funcional se utilice o no ratón como dispositivo de entrada.

Barreras que limitan el acceso a personas con visión  limitada o ligeramente limitada:

  • Tamaño de letra definido a través de las hojas de estilo CSS (font-size) con medidas absolutas que no permiten redefinirlo.
  • Poco contraste entre el fondo, las imágenes y el texto.
  • Texto añadido mediante imágenes, que dificulta su lectura al aumentar el tamaño.

Las barreras que impiden el acceso a las personas con daltonismo son:

  • Uso de color para resaltar texto sin usar otro elemento de formato adicional (como cursiva, negrita o subrayado).
  • Poco contraste en las imágenes con texto o entre el texto y el color de fondo de la página.
  • Navegadores que no soportan el uso de hojas de estilo definidas por el usuario.

Las barreras que impiden el acceso a personas con sordera o hipoacusia son:

  • La falta de subtítulos o de transcripciones de los contenidos.
  • La falta de imágenes que ayuden a la comprensión del contenido de las páginas. Las imágenes favorecen la comprensión a las personas cuyo idioma principal es el lenguaje de signos.
  • Necesidad de entrada de voz en algunos sitios web. Por ejemplo, cuando se de al usuario que hable a través del micrófono.

Ventajas y dificultades en la implantación de la accesibilidad Web

Algunas de las ventajas son:

  • La mayoría de adaptaciones necesarias para que un sitio web sea accesible beneficia a todos los usuarios y no solo a los que tienen alguna minusvalía.
  • Incremento de la cuota de mercado y audiencia de la web.
  • Mejora el posicionamiento en buscadores.
  • Permite reutilizar contenidos.
  • Mejora la eficiencia y el tiempo de respuesta.
  • Se cumplen los estándares web, consiguiendo una mayor compatibilidad con navegadores y dispositivos.
  • Demuestra responsabilidad social,
  • Se cumple la ley. La accesibilidad no es solo una buena idea, ya existen leyes para regularla y hay que cumplirlas.

Algunas dificultades:

  • La ignorancia de muchas empresas, que piensan que no tienen usuarios con capacidades limitadas que accedan a sus sitios web.
  • Temor infundado a que desarrollar un sitio web accesible va a suponer trabajo.
  • Muchos diseñadores piensan erróneamente que está reñido realizar un buen diseño para personas con discapacidad y para el resto de personas, y que al hacer el diseño más accesible será menos atractivo para las personas sin discapacidad.
  • Desarrollar un sitio web accesible va a ser más caro que no que no lo sea.

Organismos regulatorios de la Accesibilidad web

A nivel internacional, el Consorcio de la World Wide Web (W3C) es una organización que trabaja para desarrollar estándares web. La misión de la W3C es la de guiar la web hacia su máximo potencial. En 1998, la W3C presentó la Iniciativa de Accesibilidad a la Web (WAI, Web Accesibility Initiative) de aquí se sacaron las pautas para la accesibilidad web.

Web Content Accessibility Guidelines

WCAG 1.0.yWCAG 2.0

WACAG 1.0 organizaba en 14 pautas constituyen los principios generales de un diseño web

Cada una de estas pautas tiene unos puntos de verificación asociados, que en total son 65. Y cada punto de verificación tiene una prioridad de 1, 2 o 3.

Prioridad 1.- El mínimo exigido por  accesibilidad

Prioridad 2.- Un nivel más alto de accesibilidad

Prioridad 3.- Accesibilidad máxima

WCAG 2.0

Reducción de lo anterior, con la finalidad de facilitar el trabajo del análisis de la accesibilidad web.

Generan.- 4 principios fundamentales, tienen asociadas unas pautas. En total son 12 pautas, cada pauta tiene asociado unos criterios de conformidad, 61 criterios.

Estos criterios ordena según su  nivel de prioridad:

  • Prioridad 1 .- A
  • Prioridad 2.- AA
  • Prioridad 3.- AAA


  • Prioridad 1: Todos los puntos de verificación que el desarrollador tiene que satisfacer; si no, algunos grupos de personas serán incapaces de acceder a la información de un sitio.
  • Prioridad 2: El desarrollador debe satisfacerla; sin ello alguien encontrará muchas dificultades para acceder a la información.
  • Prioridad 3: El desarrollador puede satisfacerla; de lo contrario, algunas personas hallarán dificultades para acceder a la información.
    • El nivel de adecuación «A» (A) incluye los puntos de verificación de prioridad 1.
    • El nivel «Doble A» (AA) incluye las prioridades 1 y 2.
    • El nivel «Triple A» (AAA) incluye las prioridades 1, 2 y 3.

Pautas de diseño que rige la WCAG

Las guías WCAG proporcionan unas pautas de diseño que ayudan a que un sitio web sea accesible. En la versión 1.0, de 1999, de las Guías de Accesibilidad del Contenido.

Web (WCAG 1.0) identifican catorce pautas de diseño que son las siguientes:

  1. Proporcionar alternativas equivalentes para contenido visual y auditivo.
  2. No basarse solo en el color.
  3. Usar marcadores y hojas de estilo y hacerlo de forma correcta.
  4. Especificar el lenguaje utilizado.
  5. Crear tablas que se transformen correctamente.
  6. Asegurarse de que las páginas que usen nuevas tecnologías se transformen correctamente.
  7. Asegurar al usuario el control de los contenidos que cambian con el tiempo.
  8. Asegurar la accesibilidad directa de las interfaces incrustadas.
  9. Diseñar para la independencia del dispositivo.
  10. Usar soluciones provisionales.
  11. Usar las tecnologías y pautas de la W3C.
  12. Proporcionar información de contexto y orientación.
  13. Proporcionar mecanismos claros de navegación.
  14. Asegurarse de que los documentos son claros y simples.

Posteriormente, en el año 2009, estas catorce pautas fueron revisadas en la versión 2.0 de las Guías de Accesibilidad de los Contenidos para la Web (WCAG 2.0). En esta revisión, las catorce pautas se redujeron a cuatro principios fundamentales. Los cuatro principios que debe cumplir un sitio web accesible son:

Para controlar que nuestra web cumple con todos estos estándares existen varias herramientas automáticas de control como puede ser examinator que nos da una orientación de cuáles son los problemas a corregir en nuestra web para que esta sea accesible, pero ninguna herramienta automática es fiable al 100% por lo que es más fiable repasar las pautas WCAG y comprobarlas por nosotros mismos.

Así que ya sabéis, a partir de ahora si queréis diseñar webs un poco más responsables con la sociedad y queréis llegar a todo el mundo debéis cuidar la accesibilidad web, poniendo un poco de nuestra parte se hace un gran trabajo para que todos podamos disfrutar de la red en igualdad de condiciones.

Ejemplos de páginas webs accesibles

 


Fuentes para elaborar este capítulo: Zystel.com, video de Sergio Luján (youtube.com).