Accesibilidad web: claves y consejos

Un webinar que realicé el 25 de junio de 2015:

Una web accesible, es una web abierta a todo el mundo sin excepción. Y es que si no se aplican los principios de la accesibilidad web a la hora de crear, desarrollar y diseñar un sitio web, se cierran las puertas a que muchas personas puedan navegar e interactuar por las múltiples barreras que encuentran y se cierra así la puerta a múltiples visitas, ventas y posicionamiento web por esos usuarios que tienen dificultades de navegación.

En HangoutON nos adentramos en el principio de la accesibilidad web para conocer al detalle en qué consiste, qué marca la ley y sobre todo cómo podemos hacer sitios webs más accesibles atendiendo a varios detalles que pueden pasarnos desapercibidos y que son vitales para navegar sin barreras y ganar así más visitas a nuestro sitio web.

Gulp accessibility

Hace unas semanas estuve en la III Jornada de Accesibilidad Digital 2016 en Costa Rica. Uno de los asistentes, Víctor V.R. (un saludo) me habló de la existencia de Gulp accessibility, un entorno para la automatización de pruebas de accesibilidad.

En gulp-accessibility se dan algunos detalles de su instalación y funcionamiento.

European Internet Inclusion Initiative (EIII)

European Internet Inclusion Initiative es un proyecto financiado por la Unión Europea que tiene como objetivo:

prepare a collection of services in a new combination of existing automated evaluation tools for accessibility and also supports user testing of websites and audio-visual media. EIII is open source to ensure accountability of results and facilitate adoption and competition among vendors.

El proyecto ha desarrollado dos herramientas, Page Checker y PDF Checker.

Ejemplo de sitio web con opciones para mejorar la accesibilidad

OER Commons es un buscador de recursos educativos abiertos que ofrece algunas opciones para mejorar la accesibilidad del sitio web.

Texto y visualización:

Disposición y navegación:

Enlaces y botones:

Accesibilidad a la información digital: Web, redes sociales y aplicaciones móviles

El próximo 3 de diciembre es el Día Internacional de las Personas con Discapacidad. AERCO-PSM, la Asociación española de responsables de comunidad y profesionales social media, organiza Accesibilidad a la información digital: Web, redes sociales y aplicaciones móviles el 29 de noviembre en Madrid:

El objetivo del evento es dar conocer cómo crear una web o nuestro blog para que sean accesibles a los más de 4 millones de personas con discapacidad que tienen dificultades para incorporarse al mundo 2.0. Veremos cómo navega una persona con discapacidad visual en la Web, en las Redes Sociales, y cómo los dispositivos móviles facilitan salvar las barreras que Facebook, Twitter o Snapchat plantean a las personas con discapacidad visual o con movilidad reducida, para participar en igualdad de condiciones y sin problemas de la conversación en redes sociales.
Contaremos con la participación de Lourdes González Perea, responsable de Desarrollo de Negocio y Conocimiento en ILUNION Tecnología y Accesibilidad. Co-Directora del Máster en Tecnologías Accesibles de la Universidad Internacional de la Rioja (UNIR). Experta en Tecnologías Accesibles e I+D+i, y con una amplia experiencia en la gestión de proyectos tecnológicos y de investigación, así como en docencia presencial y on line. Más detalles en su perfil en Linkedin.
La entrada al evento es totalmente gratuita, pero deberás confirmar tu asistencia a través del siguiente enlace de Ticketea ¡hay plazas limitadas!

Ejemplo de periódico accesible

Una persona ciega de Argentina me ha indicado que suele leer el periódico La Nación de Argentina porque es accesible.

Al principio de la página principal existe un enlace con el texto "Si usted es una persona con dificultades visuales, navegue el sitio desde aquí". Este enlace dirige al usuario a la versión sólo texto del sitio web. Esta versión es una simplificación de la versión principal, pero parece que contiene la misma información.

Esto no es la mejor solución para garantizar la accesibilidad, pero es mejor que nada.

Estudio de los productos de apoyo en el Reino Unido

Results of the 2016 GOV.UK assistive technology survey presenta los resultados de una encuesta online que se realizó en el Reino Unido en el mes de mayo de 2016.

Se obtuvieron 712 respuestas completas.

Los datos se presentan de forma muy acertada en forma de gráfico y en forma de tabla, es decir, es accesible el informe, como se puede ver en la siguiente imagen:

En la pregunta tipo de magnificador de pantalla utilizado, ZoomText es el más popular con un 54,3% de los usuarios:

En la pregunta tipo de lector de pantalla utilizado,  el más utilizado es JAWS con un 38,5%, en segundo lugar VoiceOver con un 21,2% y en tercer lugar NVDA con un 12%. A continuación se sitúan otros lectores de pantalla con porcentajes por debajo del 5%:

En cuanto a programas de reconocimiento del habla, parece que el único que se emplea es Dragon Naturallyspeaking:

Online Course on Media Accessibility

Online Course on Media Accessibility es un curso de tipo MOOC gratuito:

The course is structured in four units, which are: Accessibility, Subtitling/Captioning, Audio Description and Sign Language. Regarding the first unit, accessibility, we will go through all the issues related to: why and for whom is it accessibility important or necessary, laws and regulations, rights and duties, etc. The second unit deals with the topic of Subtitling/Captioning. Here we will be going through the different aspects to consider when subtitling, such as translation, timing, scrolling, etc. Units one and three will be tutored by Pilar Orero. Thirdly, we will talk about Audio Description. In this third unit we will highlight the importance of a qualitative description and how to achieve this. This third unit will be tutored by Pablo Romero-Fresco. Lastly, in the four unit, we will talk about Sign Language. This topic involves many different issues, due to the fact that sign language it’s a language itself, so there are many things to take into account. This last unit will be tutored by Marta Bosch-Baliarda.

Artículo sobre los problemas que causa la publicidad invasiva

Hace unos días escribí que me había contactado un periodista para escribir un artículo sobre los problemas que causa la publicidad invasiva.

El artículo ya ha sido publicado en Hoja de Router: Si crees que la publicidad invasiva es insufrible, imagínate para los invidentes. El artículo dice:

Para las personas ciegas, entrar en una web cargada de anuncios puede significar dos cosas: el absoluto silencio o el mayor de los caos. Dificultad para cerrar los vídeos que se reproducen automáticamente y pestañas que se abren de improviso son algunas de las trabas que se encuentran. Según un estudio de Ilunion, la accesibilidad en los medios de comunicación deja mucho que desear. 

El caos de la famosa web de Homer Simpson, con su cacofonía y sus descontroladas imágenes en movimiento, se queda ya en un simple chiste si lo comparamos con lo que tienen que sufrir a diario millones de internautas. Si los molestos anuncios que salen de la nada o acaparan toda la pantalla te sacan de tus casillas, imagina lo que pueden suponer para  los usuarios invidentes que navegan de oído. 

“El principal problema es que no logran salir de ahí, se quedan bloqueados en esa publicidad”, explica a   HojaDeRouter.com el profesor de la Universidad de Alicante y  experto en accesibilidad web Sergio Luján. Sucede así porque la publicidad invasiva dificulta la labor a los  lectores de pantalla, esos programas capaces de leer y explicar el contenido de una página para que las personas ciegas puedan orientarse. 

Cuando la publicidad aparece, o al menos durante los primeros segundos (mientras carga), la confusión es la sensación dominante. Tras acceder a una web cargada de anuncios, en lugar de escuchar la descripción del contenido,  el internauta invidente solo escucha al lector de pantalla vomitando un código indescifrable. Podría ser publicidad o un error de la página. El usuario tiene que esperar a que el misterio se desvele por sí solo.

Los sitios web son cada vez más difíciles de leer

El artículo Having more trouble reading websites? You're not alone explica que cada vez es más difícil leer los textos en las páginas web porque no tiene cuidado con el contraste:

But recently, there's been a trend in website design towards lower-contrast websites. That means a smaller difference between light and dark, which can make text more difficult to read.
In recent years, a number of designers, technologists, and web accessibility experts have highlighted this issue. But it's getting renewed attention because of an essay by well-known developer and technology writer Kevin Marks, called "How the Web Became Unreadable."
In it, he argues readability comes down to the choices web designers make — and the trend is toward designers making text greyer and skinnier. That's an issue for many people, he writes, including "the elderly, the visually impaired or those retrieving websites through low-quality screens."

¿Por qué ocurre?

In a word: aesthetics.
"A lot of this is about fashion in design," he told CBC Radio. "There's a particular look that is popular at the moment, that is this very light sans-serif-type look. It's a minimalist style. Obviously there are times when you want a very minimal design. But when you're trying to design something that is very information dense, it doesn't really work."
He said this greyer, skinnier typeface look is also driven by the availability of super-high-resolution screens on smartphones, tablets and laptops — which allow designers to use fonts that were impractical a few years ago.

Más de 240 empresas denunciadas por falta de accesibilidad web desde el inicio de 2015

Suena bien, "Más de 240 empresas denunciadas por falta de accesibilidad web desde el inicio de 2015". Desgraciadamente, eso no ha pasado en España, sino en Estados Unidos: Companies Face Lawsuits Over Website Accessibility For Blind Users.

La noticia dice:

The disability lawsuits started hitting the Pittsburgh federal courthouse last July, all claiming corporations’ websites violated the law by not being accessible to the blind. The first round came against household names such as Foot Locker Inc., Toys “R” Us, Brooks Brothers Group Inc., and the National Basketball Association. Later suits targeted lesser-known retailers including Family Video Movie Club Inc. and Rue21 Inc.
All told, about 40 nearly identical cases have landed in front of the same federal judge, Arthur Schwab, all brought by one local law firm, Carlson Lynch Sweet Kilpela & Carpenter LLP.
Nationwide, more than 240 businesses have been sued in federal court since the start of 2015, concerning allegedly inaccessible websites, according to law firm Seyfarth Shaw LLP. Most settle quickly, for between $10,000 and $75,000, lawyers involved say, with the money typically going toward plaintiffs’ attorneys’ fees and expenses.

HTML 5.1 publicado

Siguiendo lo estipulado en el Plan 2014 del W3C para el desarrollo de HTML5, el 1 de noviembre se anunció HTML 5.1 IS A W3C RECOMMENDATION:

The Web Platform Working Group has published a W3C Recommendation of HTML 5.1. This specification defines the 5th major version, first minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability.

¿Tendrá cosas nuevas para mejorar la accesibilidad web?

El enlace a la nueva versión: HTML 5.1 - W3C Recommendation, 1 November 2016

Directiva del Parlamento Europeo y del Consejo sobre la accesibilidad de los sitios web y las aplicaciones para móviles de los organismos del sector público

El pasado 26 de octubre se anunció en Administración electrónica: webs accesibles para discapacitados y ancianos la aprobación del procedimiento de aplicación de la  Directiva del Parlamento Europeo y del Consejo sobre la accesibilidad de los sitios web y las aplicaciones para móviles de los organismos del sector público.

El plan que se indica es:

• 21 meses (julio de 2018) para que los países trasladen la directiva a sus legislaciones.
• 33 meses (mayo de 2019) para que las nuevas páginas de las administraciones públicas tengan que ser accesibles.
• 45 meses (julio de 2020) para que las páginas viejas de las administraciones públicas tengan que haberse corregido.
• 54 meses (abril de 2021) para que las aplicaciones móviles de las administraciones públicas tengan que ser accesibles.

Muy interesante son los informes de cumplimiento que tendrán que elaborar las administraciones públicas:

Los organismos públicos tendrán que informar regularmente y de manera detallada sobre el cumplimiento de la normativa en sus páginas y aplicaciones, incluyendo información sobre las partes no accesibles y el motivo de que no lo sean. Tendrán que poner en marcha un mecanismo para que los usuarios puedan notificar incumplimientos así como solicitar información si el contenido no es accesible.

Documental sobre la sordoceguera

Muy interesante e impresionante el documental El mundo ahí fuera. La descripción del vídeo dice:

Pueden ser más de 100.000 las personas que en España padecen simultáneamente problemas de vista y oído. De ellas, se estima que 7.000 pueden considerarse sordociegas, tienen una elevada pérdida de ambos sentidos lo que las convierte en personas altamente dependientes. Su contacto con el mundo se realiza fundamentalmente a través del tacto, pero el tacto aporta una parte mínima de información sobre el entorno, por ello deben contar con el apoyo de profesionales de comunicación, de guías-intérprete o mediadores, sin ellos vivirían aislados, apartados de la sociedad, sin acceso a la formación, a la información o a la cultura. 

Sus sistemas de comunicación varían según los casos, según sus restos sensitivos, lenguaje dactilológico (el abecedario interpretado con los dedos), lengua de signos… Cuando la pérdida visual y auditiva es importante, apoyan sus manos en las del interlocutor para captar los mensajes, y utilizan el braille y las posibilidades que les ofrece la tecnología adaptada, la tiflotecnología. Suelen llevar tarjetas de comunicación con mensajes puntuales (“Por favor, ayúdeme a cruzar”, “Busco la calle Prim”…) o tablillas con las letras mayúsculas en relieve sobre las que el eventual interlocutor deberá desplazar su índice, aunque basta con marcar las mayúsculas en la palma de sus manos para que entiendan lo que se les quiera decir.

[...]
Son los casos más extremos, la sordoceguera congénita, las personas que desde la cuna, o al poco tiempo de nacer, carecen de los sentidos de la vista y el oído, sin posibilidad de tener referencia alguna de la realidad que les rodea, fuera del mundo al que llegan. Y esa es la primera tarea, establecer contacto, convenir una forma de comunicarse con ellos para poder después construir en su imaginación una idea del entorno, una idea de las cosas.
El síndrome de Usher es una enfermedad hereditaria y es la principal causa de sordoceguera, se estima que más de la mitad de los sordociegos lo padecen.

Los problemas que causa la publicidad invasiva

Un periodista me ha contactado para escribir un reportaje sobre cómo la publicidad invasiva en Internet afecta a los usuarios invidentes.

La publicidad invasiva no sólo afecta a las personas ciegas, afecta a todo el mundo, se ha convertido en una verdad plaga muy muy molesta.

Después de hablar con tres personas ciegas sobre el tema puedo contar lo siguiente:

Cuando una persona ciega accede a un sitio web y le aparece publicidad invasiva, le genera desconfianza porque no sabe lo que hay detrás de esa publicidad.

Lo peor es cuando la publicidad contiene un vídeo que se reproduce automáticamente, ya que el audio del vídeo se mezcla con el audio de su lector de pantallas. Intenta cerrar la publicidad invasiva pero en la práctica totalidad de las situaciones no puede, así que le produce una gran frustración por la falta de control sobre la página. Se siente sin recursos, pulsa Esc, pulsa las flechas y no consigue para el vídeo o salir de la publicidad.

Las personas ciegas con las que he hablado coinciden en afirmar que han notado un fuerte incremento en las páginas con publicidad invasiva basada en vídeos durante el último año. Una explicación a ello puede ser:

Cierto y la razón es que a la hora de monetizar tanto una app como un servicio onLine se paga más por ver parte o totalmente un vídeo que por visualizar un banner publicitario. Tranquilo, prefiero seguir monetizando a la antigua usanza y no voy a usar estos canales de monetización por el momento ;-)

Una de las personas ciegas me contó que a veces usa la estrategia de entrar en la página, volver atrás y volver a entrar una segunda vez con la esperanza de que la publicidad no salga la segunda vez. Algunas veces funciona esta técnica. Sin embargo, otra de estas personas es más "radical":

Yo doy menos oportunidades, si no puedo cerrar la publicidad considero que el sitio web que la genera no quiere a los usuarios por lo que yo no los quiero a ellos. Internet es muy grande y la información puede estar en muchas partes.

Una de las personas ciegas me dijo que esa publicidad no le interesa para nada, porque cuando quiere comprar algo va directamente a una tienda en línea como Amazon o eBay. Esta persona además me comentó algo que yo desconocía, el modo atenuar audio:

La autoreproducción de vídeo o audio y encima de caracter publicitario es muy molesto. Por suerte para mi uso Safari en Mac y tengo un atajo de teclado para activar el modo "atenuar audio" para que siempre el lector de pantallas suene por encima del resto del audio. De esta forma busco el botón para parar el vídeo y si no, cierro la pestaña del navegador.

He buscado por Internet y he encontrado dos alternativas para otros sistemas:

• La extensión Audio EQ para Google Chrome permite controlar el audio de lo que se reproduce en una página web a través de las etiquetas audio y video de HTML5. No funciona para los contenidos en Flash o Silverlight.
• NVDA posee la opción Audio Ducking Mode (9.1.2. Synthesizer Selection (NVDA+control+s))  que reduce el audio del resto de sonidos del sistema cuando el lector de pantallas NVDA está emitiendo sonidos.

Y unos comentarios finales que apuntan una posible solución:

Si, hasta hace poco usaba un bloqueador de publicidad pero como ahora los periódicos, algunos servicios de Google y demás se han puesto estrictos y si detectan que usas una extensión de bloqueo de publicidad no te dejan visitar el sitio web. No entienden que lo de no querer publicidad no es sólo por comodidad, es por necesidad, su sistema publicitario provoca cuelgues de lectores de pantalla, confusión en la navegación o pérdida de acceso a la información del lector de pantalla (solapamiento de audio). Lo de cuelgues sucede dependiendo de la combinación de navegador y lector de pantallas. Prueba con Internet explorer 9 y Jaws 14 en Windows7 a visitar una de estas publicidades...

Por otra parte no se si hay algún mecanismo legal para obligar que este tipo de páginas coloquen un enlace o botón para cerrarlos. Leñe, con la caña que nos han metido a todos para el tema de las cookies y luego para el tema realmente conflictivo ni se les sopla el flequillo... en fin, mejor no hablar de política.

En las III Jornada de Accesibilidad Digital 2016

Ahora mismo debo estar volando para asistir a la III Jornada de Accesibilidad Digital 2016 organizada por el Tecnológico de Costa Rica.

Los temas que voy a presentar son:

• Educación inclusiva en universidades presenciales.
• Desarrollo de contenidos digitales educativos accesibles.
• Experiencias en desarrollos tecnológicos accesibles - Experiencia Ecuador.
• Desarrollo de software y web accesibles.

III Jornada de Accesibilidad Digital 2016

Del 25 al 28 de octubre se celebra en Costa Rica la III Jornada de Accesibilidad Digital 2016.

La descripción del evento dice:

El Tecnológico de Costa Rica, con su compromiso por la extensión y responsabilidad social, ha venido haciendo una serie de esfuerzos para impactar de manera positiva a la población costarricense con discapacidad, por medio de talleres de trabajo, conferencias y herramientas que generen valor e inclusión a este segmento. También realiza esfuerzos para impactar a la población costarricense en general y la que no cuenta con discapacidad en torno a la sensibilización del tema, así como en la formación sobre los alcances e implementación de tecnologías accesibles que impactan a nuestra sociedad. 

Dicho esfuerzo ha producido frutos a un paso acelerado, motivando y generando más compromisos para apoyar esta causa, muestra de esto se hace evidente en la organización y presentación del evento denominado III Jornada de Accesibilidad Digital. 

Este año el Instituto Tecnológico de Costa Rica (TEC) organiza la III Jornada de Accesibilidad Digital que tendrá lugar del 25 al 28 de octubre en Guadalupe, San José.
La III Jornada de Accesibilidad Digital es un encuentro donde los investigadores, desarrolladores y profesionales comparten sus experiencias y los avances tecnológicos en el campo de las tecnologías de Información y Comunicación Accesibles.

Vídeos, subtítulos y transcripciones

Muy interesante el artículo Making conference videos more accessible que explica cómo tener vídeos accesibles alojados en Vimeo. Además, explica el coste de usar Amara para obtener los subtítulos.

Nueve herramientas para probar la accesibilidad de un sitio web

El artículo 9 herramientas para probar la accesibilidad de un sitio web comenta nueve herramientas que pueden ayudar a mejorar la accesibilidad de un sitio web:

• AChecker
• Color Oracle
• Photosensitive Epilepsy Analysis Tool
• NoCoffee
• Accessibility Developer Tools by Google
• Color Contrast Analyzer for Sketch
• Proof Setup in Adobe
• WAVE
• YouTube Closed Captioning

Ejemplo de vídeo accesible

El siguiente vídeo es accesible porque:

• Posee subtítulos para personas con problemas de audición.
• Posee audiodescripción para las personas con problemas de visión.