Pautas de accesibilidad

La accesibilidad web es una práctica inclusiva que tiene como objetivo que no haya ninguna barrera que impida o limite el uso y acceso a Internet a personas con cualquier tipo de discapacidad.

Accesibilidad web #

Figure 1: Accesibilidad web. Fuente: Wikimedia

Figure 1: Accesibilidad web. Fuente: Wikimedia

Muchas de las personas que tienen algún tipo de discapacidad, tanto de tipo físico como de tipo intelectual, necesitan utilizar dispositivos especiales para acceder a los contenidos de Internet. Otras necesitan acceder a la información de manera adaptada, con contenidos simplificados para poder comprenderlos mejor. El organismo W3C desarrolla estándares web denominados Recomendaciones relacionados con esta área.

WCAG #

Web Content Accessibility Guidelines (WCAG) es un conjunto de recomendaciones desarrolladas por el organismo W3C cuyo objetivo es mejorar la accesibilidad de los contenidos web. WCAG define 12 directrices agrupadas en 4 principios. Para cada directriz se definen tres niveles de cumplimiento: A, AA y AAA.

Validación #

Existen varias herramientas de validación de las reglas WCAG. La mayoría de ellos no es capaz de analizar todas las recomendaciones y simplemente hacen sugerencias sobre apartados que podrían estar mal diseñados. En este enlace se comentan algunas de ellas. Uno de los más sencillos de usar es http://wave.webaim.org/.

Principales recomendaciones #

Las recomendaciones de la WCAG son bastante amplias, por lo que a no ser que se sea un experto en la materia pueden parecer difíciles de seguir. Por ello citaremos a continuación unas recomendaciones sencillas y fáciles de llevar a la práctica.

Corregir problemas de usabilidad #

El hecho de que un sitio sea más usable para el público general tiene como consecuencia que también será más efectivo para las personas con discapacidad.

Informarse sobre las tecnologías de accesibilidad #

Es recomendable informarse sobre cómo utilizan las tecnologías las personas con algún tipo de discapacidad. La mejor manera para ello es verlos en persona, pero la mayoría de nosotros no tiene esa posibilidad. A continuación se muestran algunos sitios con recursos sobre el tema:

Implementar cambios en las páginas web #

A continuación se enumeran los puntos más importantes para mejorar la accesibilidad de un sitio web.

  • Añadir un atributo alt con información adecuada a cada imagen del sitio. La descripción debe ser breve y concisa, evitando repetir las mismas palabras en todas las descripciones.
  • Utilizar correctamente los encabezados. Los encabezados <h1> deben utilizarse para el título de la página o título principal del contenido; los <h2> para las secciones; los <h3> para las subsecciones, etc. Así se facilita la navegación a través del teclado.
  • Utilizar etiquetas <label> para los campos de los formularios. De esta manera se asocian las etiquetas con los campos y los lectores de pantalla pueden interpretarlos correctamente.
  • Añadir un enlace del tipo Ir al contenido principal al principio de cada página. Así se evita tener que esperar tiempo escuchando las entradas del menú de navegación cada vez que se carga una página nueva.
  • Hacer que haya un nivel de contraste adecuado entre el texto y el fondo.
  • Utilizar plantillas accesibles si se utiliza un gestor de contenido.
  • Utilizar las especificaciones WAI-ARIA.

En los siguientes enlaces se ofrece una información más detallada sobre consejos de diseño y desarrollo:

WAI-ARIA #

WAI-ARIA es una documento técnico publicado por el W3C que especifica cómo mejorar la accesibilidad de páginas web. Presta especial atención a los siguientes aspectos:

  • Contenido dinámico generado a partir de AJAX. La mayoría de las páginas utilizan AJAX para realizar peticiones al servidor sin necesidad de recargar la página. Por ello, el contenido de determinadas áreas de la página puede cambiar y la persona que lo está utilizando puede no darse cuenta. ARIA establece algunas estrategias a implementar para que los cambios en la página sean notificados al usuario cuando se produzcan.
  • Componentes de interfaz de usuario tales como pestañas, acordeones, migas de pan,… Estos componentes normalmente se implementan utilizando etiquetas HTML genéricas (por ejemplo, etiquetas DIV) sin ningún tipo de significado semántico. ARIA ofrece algunas técnicas para anotar las etiquetas correspondientes y añadirles información sobre su uso y/o propósito.

A continuación se muestran algunos recursos sobre las tecnologías WAI-ARIA: