Los fundamentos de la accesibilidad web

Un vídeo de la charla Web Accessibility Fundamentals: Exclusive Presentation  que se realizó el año pasado en el JavaScript Accessibility Summit.

JavaScript Accessibility Summit

Los días 10 y 11 de octubre de 2013 se celebró el JavaScript Accessibility Summit. En los próximos días publicaré una serie de entradas con las presentaciones que me han parecido más interesantes.

Yahoo Accessibility Lab

El vídeo es del año 2009, pero sigue siendo interesante: Lab Works to Make Web Accessible for All.

Oferta de trabajo en la que se requiere conocimientos de accesibilidad web

Una oferta de contratación publicada en un periódico en Ecuador, el Instituto de Altos Estudios Nacionales requiere contratar personal con el siguiente perfil:

• Desarrollador senior en PHP y Wordpress:
• Excelente manejo de LAMP (Linux, Apache, MySQL, PHP) y Wordpress.
• Solidos conocimientos en JavaScript, XHTML y CSS.
• Customización de WordPress.
• Frameworks de JS, jQuery, etc. y Ajax.
• Interés en el desarrollo para móviles.
• Familiaridad con los conceptos de web semántica, SEO y técnicas de accesibilidad.
• Desarrollador senior en PHP y Moodle:
• Excelente manejo de LAMP (Linux, Apache, MySQL, PHP) y Moodle.
• Solidos conocimientos en JavaScript, XHTML y CSS.
• Familiaridad con los conceptos de web semántica, SEO y técnicas de accesibilidad.

En Ecuador

El pasado domingo 5 de enero dejé mi ciudad Alicante para viajar a Ecuador. A Quito llegué el 6 de enero, más o menos como los Reyes Magos.

Hasta finales de agosto voy a estar aquí en Quito trabajando en la Escuela Politécnica Nacional, una de las universidades de más prestigio del país. No es la primera vez que vengo a esta universidad, esta ya es la tercera ocasión.

Muchos son los proyectos que voy a realizar aquí, todos ellos relacionados con la accesibilidad web:

• Dirigir la tesis doctoral de varias personas. Los temas de los trabajos de investigación que están desarrollando están relacionados con los MOOCs, los Recursos Abiertos Educativos (OERs) y los Sistemas de Información Geográficos (SIGs), todo ello estudiado con la accesibilidad web en mente.
• Impartir seminarios sobre desarrollo web y accesibilidad web.
• Realizar un proyecto sobre accesibilidad web con la Secretaría Nacional de la Administración Pública.
• Y más cosas que seguro que surgirán...

Y mañana, un anuncio publicado en Ecuador en el que se requieren conocimientos sobre accesibilidad web.

Test para usuarios con problemas o discapacidad visual

Un lector o lectora de este blog ha dejado un comentario pidiendo la colaboración para rellenar un cuestionario que forma parte de su trabajo de máster.

El cuestionario tiene por título "Test para usuarios con problemas o discapacidad visual" y se puede encontrar en la siguiente dirección:

https://docs.google.com/forms/d/1ehUJWcUFec-HXJw5EF1N_jF-htgFCALgojiR4FtHNmk/viewform

Según se explica en el cuestionario:

La finalidad de la siguiente encuesta en la que usted va a participar, es conocer el perfil de los usuarios y las posibles dificultades de accesibilidad de los cursos de formación abiertos y a distancia en linea en los que usted participa o no ha podido participar, con el objeto de incorporar posibles mejoras en un futuro que les facilite su participación y aprendizaje.

Consejos básicos sobre la transcripción de audios

El artículo La transcripción de audios, consejos básicos proporciona algunos consejos muy sencillos destinados a aquellas personas que quieran realizar sus primeras transcripciones del audio.

Accesibilidad para los creadores de contenido web

La accesibilidad web no es cosa de unos pocos... depende de todos los que participan en el desarrollo de un sitio o aplicación web.

Cada vez más, y gracias a los gestores de contenido, es posible crear contenido web sin saber realmente cómo se hace una página web. Esta gente, que podemos denominar creadores o autores de contenido web, crea las páginas web de una forma similar a como crearía contenido a través de un procesador de textos WYSIWYG. Pero aunque no sepan cómo están hechas las páginas web, sí que tienen que tener algunos conocimientos que ayuden a que el contenido que crean sea accesible.

Los siguientes artículos proporcionan algunos consejos para estas personas:

• Accessibility evaluation for web writers
• Introduction: accessibility for web writers, part 1
• Text alternatives for images: accessibility for web writers, part 2
• Info and relationships: accessibility for web writers, part 3

Evaluación de la accesibilidad de un sitio web

Aunque es del año 2006, sigue siendo interesante la propuesta de evaluación de la accesibilidad de sitios web que se publicó en 456 BereaSt: Evaluating website accessibility.

Cada una de las técnicas que incluye el método está descrita en un artículo independiente:

1. Evaluating website accessibility part 1, Background and Preparation provides a bit of background and suggests some useful tools for the evaluation process.
1. Background
2. Preparation: install some tools
2. Evaluating website accessibility part 2, Basic Checkpoints explains accessibility aspects that can be tested with automated tools as well as some relatively easy manual checks.
1. Validate HTML and CSS
2. No frames, please
3. Automated accessibility checking tools
4. Images and alternative text
5. Make sure that JavaScript is unobtrusive
6. Increase text size
7. Look for semantic markup
8. Disable CSS
9. Use Fangs to emulate a screen reader
3. Evaluating website accessibility part 3, Digging Deeper takes a look at things that are difficult to test with automated tools and require more time and/or experience to evaluate manually.
1. Colour contrast
2. Document titles
3. Link text
4. Non HTML formats
5. Platform discrimination
6. Keyboard navigation
7. Data tables
8. Form controls and labels
9. Use a screen reader
10. Don’t overlook the content
11. Further reading

Truco tipográfico para aumentar la legibilidad de los textos

En varias ocasiones he escrito sobre la legibilidad de los textos. En el artículo A simple typographic trick to increase text readability by up to 30% se muestra un "truco" muy sencillo de entender, pero a priori difícil de implementar en una página web, que parece que puede aumentar la legibilidad de un texto hasta un 30%.

¿Cómo?

Muy sencillo, coloreando el texto para que el final de una línea y el inicio de la siguiente tengan el mismo color.

¿Te lo imaginas?

Ejemplo de sitio web con problemas de accesibilidad

El W3C tiene un sitio web de ejemplo con problemas de accesibilidad llamado Before and After Demostration. Existen dos versiones, la versión mala no accesible y la versión buena accesible.

La Universidad de Washington ofrece lo mismo con su ejemplo Accessible University 2.0. Por un lado está la versión mala no accesible, y por otro la versión buena accesible. Y para el que se quiera rendir y no buscar los errores, existe una lista con todos los errores: List of Accessibility Problems.

Accesibilidad de las tablas

El tutorial Accessible Tables explica cómo crear tablas HTML accesibles:

• Explica cómo moverse en una tabla con JAWS.
• Explica el uso de los atributos scope, headers, id y axis.

Muy interesante el ejemplo CSS vertical scrolling tables, que dice que es accesible.

Diferentes niveles de accesibilidad

Muy interesante el artículo Why Keyboard Accessibility Isn’t the Same Thing as Screen Reader Accessibility. En el artículo se establecen tres grupos de usuarios que utilizan el teclado para navegar por la Web:

1. Usuarios que utilizan el teclado por problemas de movilidad.
2. Usuarios ciegos que utilizan el teclado con un lector de pantallas.
3. Usuarios con problemas cognitivos.

Yo añadiría un cuarto grupo, los usuarios que no tienen ninguna discapacidad, pero que prefieren utilizar el teclado por temas de productividad.

También es muy interesante la presentación Keyboard and Interaction Accessibility Techniques.