Diseño de Paginas Web

Hacer un sitio web accesible y como evaluar la accesibilidad

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (20 votos, promedio: 1,75 de 5)
Cargando...

Pautas para hacer un sitio web accesible y llegar a más visitantes. Respetando estas directrices llegaremos a más usuarios dentro de la red.

La accesibilidad web hace referencia a la capacidad de acceso a la web y a sus contenidos por todas las personas, independientemente de las limitaciones propias del individuo (discapacidades, idioma, conocimientos, experiencia, etc.) o de características de su equipo de navegación o el entorno ambiental desde donde accede a la web.

La idea más importante en la accesibilidad web consiste en mostrar a los creadores de páginas web todas las alternativas y herramientas disponibles para hacer que sus páginas sean legibles y comprensibles para el mayor número de usuarios, de forma que todas las personas puedan navegar por la web en cualquier condición.

web accesible

Es muy importante que la web sea accesible para así proporcionar un acceso equitativo e igualdad de oportunidades a las personas con discapacidad.

Una página web accesible puede ayudar a personas con discapacidad a que participen más activamente en la sociedad.

Piensa que el esfuerzo que hagas en hacer tu web más accesible también te beneficiará a ti, puesto que es más probable que los visitantes vuelvan a una página de fácil acceso que a otra que no lo es, por lo que estarás fidelizando visitas.

Por otro lado, la accesibilidad está muy relacionada con la usabilidad web, que consiste en facilitar la navegación a tus visitantes para que les sea más sencillo acceder a los contenidos que les ofreces.

Tanto desde el punto de vista humano como desde una visión práctica (captación de más visitas para la página web), es importante que las páginas web sean realizadas teniendo en cuenta los criterios de accesibilidad que permitan que todas las personas puedan acceder de la mejor forma a los contenidos que ofrecemos.

La W3C presenta las Pautas de Accesibilidad al Contenido en la Web (WCAG), que son una serie de reglas que indican como deben ser los contenidos de una web (textos, imágenes, formularios, sonidos, etc.) para que sea considerado accesible y resulte de verdadera utilidad a las personas que cuentan con algún grado de discapacidad.

¿Es difícil hacer una web accesible?

Muchas de las características de accesibilidad de un sitio se implementan de forma sencilla si se planean desde el principio del desarrollo de la página web y se utilizan de forma correcta los lenguajes de programación como el HTML, mientras que la modificación de un sitio web para hacerlo accesible puede ser muy laboriosa y requerir gran esfuerzo, por lo que es muy aconsejable empezar desde el principio pensando en la accesibilidad.

No obstante, aunque requiere mayor esfuerzo, también es posible y aconsejable modificar un sitio web ya diseñado para hacerlo más accesible.

A grandes rasgos, hay que tener en cuenta lo siguiente en los dos casos:

  • Imágenes: usa el atributo alt para describir la función de cada elemento visual.
  • Multimedia: pon subtítulos y transcripción del sonido, y descripción del vídeo.
  • Enlaces: usa texto que tenga sentido leído fuera de contexto. Por ejemplo, no utilices expresiones como “click aquí”.
  • Organización de las páginas: usa encabezados, listas y estructura consistente. Usa CSS para la maquetación donde sea posible.
  • Gráficos y diagramas: puedes optar por explicarlos brevemente en la pagina o bien usar el atributo longdesc.
  • Tablas: Facilita la lectura línea a línea. Resume los contenidos en textos comprensibles y sencillos.

Posibles limitaciones de acceso a la web

Discapacidades:

  • Deficiencias visuales: ceguera, visión reducida y problemas en visualización de color entre otros.
  • Deficiencias motrices: hacen referencia a la capacidad de movilidad del usuario. Estos usuarios no suelen ser capaces de interactuar con el sistema a través de dispositivos de entrada tradicionales, por lo que utilizan dispositivos alternativos. Por ejemplo, basados en voz o pulsadores.
  • Deficiencias auditivas: aunque si bien es cierto que son menos limitadoras en el acceso y uso de contenidos web, puesto que el canal sonoro es mucho menos usado que el visual, aún así, conviene tener presentes las limitaciones y barreras derivadas de esta discapacidad, como es el caso del lenguaje.
  • Deficiencias cognitivas y de lenguaje: las personas con estas deficiencias tienen problemas en el uso del lenguaje, la lectura, percepción, memoria, etc. Como norma general, procura usar lenguaje sencillo.

No obstante, la discapacidad no es el único tipo de limitación que dificulta la accesibilidad a los contenidos.

Además de las limitaciones propias del individuo, existen otras derivadas de características del equipo de navegación o del entorno ambiental desde donde accede a la web.

Como por ejemplo, usuarios que utilicen pantallas pequeñas, accedan desde entornos llenos de humo, su navegador no soporte los scripts utilizados en nuestra web, etc. Todo ello muy relacionado también con la usabilidad, ya que cuanto más fácil de manejar es una web, más accesible es.

Hacer un sitio web accesible

Hacer un sitio web accesible puede ser algo sencillo o difícil, depende de muchos factores como por ejemplo, el tipo de contenido, el tamaño y la complejidad del sitio, así como de las herramientas de desarrollo y el entorno.

Esto incluye no sólo la utilización de un lenguaje claro y simple, sino también proporcionar mecanismos comprensibles para navegar dentro de cada página y entre las páginas del sitio web.

Al proporcionar herramientas de navegación e información orientativas en las páginas se maximizará la accesibilidad y la usabilidad del sitio web.

Si, por otro lado, todas las ventajas propuestas hasta ahora no son suficientes para convencerte de que la accesibilidad es importante, tal vez sí lo haga el decirte que la accesibilidad web afecta al posicionamiento en los buscadores.

Parece extraño en un principio, pero suele decirse que el robot de Google es el usuario ciego más activo de Internet, y la razón para decir esto es que muchas de las optimizaciones necesarias para conseguir una buena accesibilidad, lo son también para conseguir una indexación correcta por parte de los buscadores.

Componentes esenciales de accesibilidad web

  • Contenido: información presente en una página o aplicación web. Esto incluye texto, imágenes y sonidos, código que define la estructura, etc.
  • Navegadores web, reproductores multimedia y otros “agentes de usuario”.
  • Lectores de pantalla, teclados alternativos, software de escaneo, etc.
  • Conocimiento de los usuarios y experiencia en la utilización Web.
  • Desarrolladores – diseñadores, codificadores, autores, etc.
  • Software para crea páginas web, para evaluar la accesibilidad web, validadores de HTML, validadores de CSS, etc.

Pautas de accesibilidad web

Existen millones de personas con discapacidad que no pueden utilizar la web. Actualmente, la mayoría de los sitios y los software web presentan barreras de accesibilidad, lo que está dando lugar a situaciones de imposibilidad de acceso a la información por parte de aquellos usuarios con discapacidades.

Cuanto más software y sitios web accesibles estén disponibles, más personas con discapacidad podrán utilizar la web y contribuir de forma más eficiente.

Para hacer el contenido web accesible, se han desarrollado las denominadas Pautas de Accesibilidad al Contenido en la Web (WCAG), cuya función principal es guiar el diseño de páginas web hacia un diseño accesible, reduciendo de esta forma barreras a la información.

WCAG consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información.

Las Pautas contienen además una serie de puntos de verificación que ayudan a detectar posibles errores, describen cómo hacer páginas accesibles sin sacrificar el diseño, ofreciendo esa flexibilidad que es necesaria para que la información sea accesible bajo diferentes situaciones y proporcionando métodos que permiten su transformación en páginas útiles e inteligibles.

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas:

  • Prioridad 1: son aquellos puntos que un desarrollador web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio web.
  • Prioridad 2: son aquellos puntos que un desarrollador web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.
  • Prioridad 3: son aquellos puntos que un desarrollador web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

En función a estos puntos de verificación se establecen los niveles de conformidad de accesibilidad:

  • Nivel de Conformidad “A”: todos los puntos de verificación de prioridad 1 se satisfacen.
  • Nivel de Conformidad Doble “AA”: todos los puntos de verificación de prioridad 1 y 2 se satisfacen.
  • Nivel de Conformidad Triple “AAA”: todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen.

Cómo evaluar la accesibilidad de una página web

Evaluar la accesibilidad a lo largo del desarrollo de un sitio web permite encontrar problemas de accesibilidad desde el principio, cuando es más fácil resolverlos. Hay herramientas de evaluación que ayudan a realizar evaluaciones de accesibilidad.

No obstante, ninguna herramienta en sí misma puede determinar si un sitio cumple o no las pautas de accesibilidad. Para determinar si un sitio web es accesible, es necesaria la evaluación humana para ver el contexto.

El máximo organismo dentro de la jerarquía de Internet que se encarga de promover la accesibilidad es el W3C, en especial su grupo de trabajo WAI. En España una de las asociaciones que trabaja en este campo es el SIDAR.

De acuerdo a las pautas antes mencionadas, el análisis de accesibilidad de una página web debe comenzar con una evaluación primaria.

Evaluación primaria de la accesibilidad

La evaluación primaria de la accesibilidad no garantiza por sí misma que la página cumpla con los parámetros de accesibilidad necesarios, pero dado que se trata de algunos pasos sencillos, puede resultar útil sobre todo durante el desarrollo de la página, de forma que puedan ir corrigiéndose los primeros problemas de accesibilidad desde las primeras etapas.

Existen diversas herramientas en español de comprobación de la accesibilidad, como TAW y HERA

La evaluación primaria debe realizarse solo sobre las páginas que puedan considerarse más representativas del sitio, como por ejemplo la página home, las páginas con los contenidos más relevantes o representativos, etc.

También es importante tener en cuenta que las páginas seleccionadas para esta primera prueba de accesibilidad, deberían tener todos los tipos de contenidos que sea posible, además de contar con diferentes tipos de diseño y funcionalidades.

Análisis con navegador gráfico

Este primer análisis incluye varios pasos:

  • Desactivación de imágenes, para comprobar que todas cuenten con textos alternativos que resulten útiles.
  • Verificación de que los contenidos audiovisuales que se encuentren en la página cuenten con textos equivalentes, de forma tal que las personas que no puedan acceder a este tipo de contenidos, puedan recibir la información necesaria.
  • Aumentar el tamaño de las fuentes de la página mediante el uso de las herramientas correspondientes del navegador, para verificar que la página continúe siendo funcional con el uso de este tipo de herramientas.
  • Utilizar algún medio que permita ver la página en escala de grises (puede ser mediante la impresión de la misma), de forma de ver la incidencia de los colores en el acceso a los contenidos.
  • Utilizar el teclado para navegar por la página y utilizar las diferentes funciones que ofrece, de forma de observar si este tipo de navegación es posible.
  • Utilizar diferentes resoluciones de pantalla, para verificar que aún en caso de que los usuarios tengan resoluciones de pantalla pequeñas puedan acceder a los contenidos de la página sin necesidad de utilizar desplazamientos horizontales.

Algunas de estas verificaciones requieren el uso de algunas herramientas especiales, que en algunos navegadores requiere el uso de plugins. La colección de herramientas más completa para la accesibilidad, la tiene Mozilla-Firefox.

Utilización de herramientas de evaluación

Las herramientas de evaluación de accesibilidad de páginas web son muchas y cuentan con diferentes grados de utilidad.

Algunas de estas herramientas son aquellas que los propios software incluyen en sus herramientas, como los navegadores web, los lectores de documentos pdf, herramientas de ofimática, etc., que además de permitir su uso por parte de aquellas personas que presentan diferentes grados de discapacidad, sirven también como herramientas de evaluación de la accesibilidad de una página web.

Para utilizar este tipo de herramientas, basta con utilizar las herramientas e intentar simular las condiciones bajo las que se observará la página.

También existen diferentes herramientas en línea que permiten evaluar la accesibilidad de una página web:

  • A-Checker: Página de la Universidad de Toronto, que realiza una evaluación del contenido de la página web cuya URL es introducida en un formulario. Tras solicitar la evaluación con el botón correspondiente, la página ofrece un informe con los problemas de accesibilidad encontrados.
  • Acc: Extensión de Mozilla-Firefox que permite realizar evaluaciones de accesibilidad.
  • Colour Contrast Analyser: Par analizar el contraste de color de una página web, sobre todo el color de fondo con el color de texto, de forma tal que pueda observarse si el mismo es lo suficientemente intenso para que las personas con dificultades visuales puedan acceder al contenido textual.
  • Functional Accessibility Evaluator: Herramienta en línea de la University of Illinois at Urbana/Champaign, que permite evaluar la accesibilidad de una página web con solo introducir la URL  de la misma.

Existen muchas otras herramientas, que pueden utilizarse para el análisis, pero con las presentadas se pueden obtener buenos informes preliminares acerca de la accesibilidad de un diseño.

Evaluación de accesibilidad de páginas dinámicas

Las páginas dinámicas suelen estar divididas en dos partes: por un lado, el contenido, y por otro, la plantilla, que es la forma en que se presenta el contenido.

Para evaluar la accesibilidad de una página dinámica, no basta con hacer un análisis de la plantilla. Es necesario que el contenido presentado en la página dinámica también cuente con los elementos de accesibilidad necesarios.

La plantilla debe analizarse desde los aspectos visuales y de acceso a los contenidos, mientras que en los contenidos debe evaluarse si los mismos pueden ser accesibles por personas con discapacidad (por ejemplo, si las imágenes incluidas tienen texto alternativo).

Finalmente, debe evaluarse el resultado combinado de la plantilla con el contenido.

Navegación accesible

La sencillez de navegación dentro de una página web es muy importante desde el punto de vista de la accesibilidad. Esto adquiere mayor importancia en las páginas complejas, por lo que en este tipo de páginas deben incluirse todos los elementos necesarios para que los usuarios puedan orientarse con facilidad.

También resulta importante que los usuarios puedan volver al punto de partida con facilidad, de forma tal que el usuario no se “pierda” dentro de la red de secciones y categorías de una página.

Los gestores de contenidos suelen presentar muchas facilidades de este tipo, por lo que siempre resulta conveniente la utilización de las mismas.

En caso de que la página no sea generada con un gestor de contenidos, es conveniente que los usuarios cuenten con una orientación sobre el lugar de la página en la que se encuentran, así como la posibilidad de acceder a otras partes del sitio. Para ello deben utilizarse en forma adecuada los diferentes menús y otros elementos de navegación.

 

2 respuestas

  1. En mi opinión HTML5 va a ser muy beneficioso para la accesibilidad web. Sobretodo en el terreno de las animaciones, motion graphics, menús animados, etc que antes se hacían con Flash.

  2. la verdad os agradezco..que publiquen esto respecto de usabilidad y personas con discapacidad–trabajo en ello y es importante….la promocion de la misma ..quizas seria bueno que incluyan lo mismo en sofware libre…ya que vivo en argentina y recordais—tercer mundo…os felicito…
    un abrazo…
    bonita vuestra pagina…

Deja una respuesta