A Practical Starter Guide on Developing Accessible Websites

Referencia

NG, Cynthia and SCHOFIELD, Michael. 2017. A Practical Starter Guide on Developing Accessible Websites. Code4Lib Journal [en línea], n. 37 [Consulta 7-11-2017]. ISSN 1940-5758. Disponible en: http://journal.code4lib.org/articles/12697

Resumen original

There is growing concern about the accessibility of the online content and services provided by libraries and public institutions. While many articles cover legislation, general benefits, and common opportunities to improve web accessibility on the surface (e.g., alt tags), few articles discuss web accessibility in more depth, and when they do, they are typically not specific to library web services. This article is meant to fill in this vacuum and will provide practical best practices and code.

Resumen elaborado

La importancia de la accesibilidad web ha ido creciendo a través de los últimos años. Es necesario que los servicios digitales y las herramientas sean accesibilidad a toda la comunidad de usuarios, especialmente a aquellas que sufren algún tipo de discapacidad. Una web más accesible permitirá un uso más fácil tanto para personas mayores, usuarios nuevos inexpertos, usuarios con una velocidad de internet limitada, etc.

Este artículo se centrará en el trabajo de los desarrolladores de páginas web para hacer de estas un lugar más accesible para todos. Para entender este artículo se necesita un conocimiento básico en cuanto a HTML, CSS y la estructura de un sitio web.

ARIA

WAI-ARIA o Accessible Rich Internet Applications, permite una mayor accesibilidad a personas con discapacidades a la hora del acceso a una página web. ARIA posibilita puntos de navegación, sugerencias en formularios, mensajes de error, etc.

ARIA es un conjunto de atributos especiales para la accesibilidad, especialmente adaptado a HTML, que se puede añadir a cualquier etiqueta. Este a tributo es role y define el tipo general del objeto.

Actualmente, ARIA se encuentra implementado en la gran mayoría de navegadores y lectores de pantalla y sin duda es una herramienta vital para la mejora de la accesibilidad web.

El árbol de accesibilidad del navegador

El concepto de árbol de accesibilidad es complejo de explicar, pero podemos asemejarlo a una vieja página web: pocas imágenes, muchos vínculos, un campo y un botón. Un análisis visual de la página descrita anteriormente es una experiencia similar a la que tendría el usuario del lector de pantalla, una interfaz simple y directa, como la de un árbol de accesibilidad.

El navegador es una plataforma de apps web que se ejecutan en el mismo, por lo tanto, el navegador necesita traducir la app web en un árbol de accesibilidad, y que tiene que asegurar que se activen los eventos apropiados según las acciones del usuario que vienen de la tecnología asistencial. Una recomendación es crear páginas web que aprovechen este proceso para crear una experiencia accesible a los usuarios.

Consideraciones tempranas

Antes de comenzar a desarrollar nuestro sitio web es necesario considerar que navegador usar, sobre todo en lugares como bibliotecas y otras organizaciones puesto que los navegadores que utilizan tienden a ser antiguos.

Para ser accesible y utilizable para todos los usuarios, se debe utilizar una mejora progresiva, es decir, el sitio web dispone de características más avanzadas cuanto más avanzado sea el navegador con el que accede el usuario. • Javascript es imprescindible para hacer componentes interactivos totalmente accesibles. Algunos roles y atributos de ARIA son absolutamente necesarios para

  hacer que los componentes sean accesibles, y muchos de ellos simplemente no se comportarán como lo necesitan a menos que los haga funcionar con JavaScript.

• Orden de origen (orden en que los elementos y su contenido aparecen marcados) , orden de enfoque de teclado (orden a través del cual los usuarios usan

  su teclado para navegar elementos interactivos como enlaces, formularios y botones)  y orden de lectura visual (orden intuitivo en el que un usuario vidente lee 
  el contenido de la página).

• Mejores prácticas, a medida que comienza el desarrollo, hay algunas mejores prácticas y pautas a considerar:

o Marcado semántico valido

o Título descriptivo

o Atributo de idioma correcto

o Navegación consistente

o Identificación consistente de las diferentes partes de la página

o Orden significativo del contenido

o Proporcionar varias formas de descubrir contenido (menú o cuadro de búsqueda)

Revisión de la accesibilidad

Evaluar la accesibilidad se puede hacer de muchas maneras. La mayoría de la gente evalúa siguiente las pautas especificadas y las técnicas sugeridas. Existen páginas web que evalúan la accesibilidad de otras como:

• HTML Codesniffer

• AChecker.ca

• AccessLint.com

• QuailJS.com

Hay que tener precaución al usar este tipo de páginas puesto que siguen reglas muy específicas y puede dar lugar a bastantes fallos.