Nueva versión de NVDA

Hace unos días se anunció la publicación de la nueva versión del lector de pantallas gratuito NVDA: NVDA 2014.1rc1 Released.

La versión liberada es "una versión candidata", lo que significa que es prácticamente la versión final, la primera que se publicará este año.

Libro "Pioneros y hacedores"

Libros en español sobre las tecnologías que se emplean en la Web hay muchos, montones. Pero libros que vayan más allá y profundicen en temas que son más importantes que la tecnología, no los hay tantos.

Acaba de aparecer el libro Pioneros y hacedores, publicado por Ediciones Godot de Argentina. El libro impreso quizás sea difícil de encontrar en España, pero estamos de suerte porque:

• El libro también está disponible en formato electrónico.
• Ahora mismo, y no sé hasta cuando, el libro se puede descargar de forma gratuita simplemente pagando con un tuit (un mensaje en Tweeter).

El libro es una recopilación de artículos y textos de expertos en la materia:

Jared Spool / Steve Krug / Jacob Nielsen / Don Norman / Jonas Löwgren / Laurel Evelyn Dyson, Toni Robertson y Stephen Grant / Yusef Hassan Montero y Sergio Ortega Santamaría / Jorge Arango / Olga Carreras Montoto / J. M. García de la Torre y D. Márquez Quintanilla / Emmanuelle Gutiérrez y Restrepo / Sebastián Betti / Mari-Carmen Marcos y Verónica Mansilla / Manuel Razzari / Verónica Traynor / Claudio Segovia / Mariana Salgado.

Por la temática de este blog, destaco los siguientes capítulos del libro:

• Accesibilidad Web y SEO.
• Desarrollo de un videojuego accesible, análisis del proceso de trabajo: El caso Slalom.
• Lo que desconocemos que conocemos sobre accesibilidad y usabilidad.
• Accesibilidad de un recurso educativo: El caso de la Mapoteca.
• Elaboración de una Normativa de Usabilidad y Accesibilidad Web: El caso de la web de la Ciudad de Buenos Aires.

Gracias INTECO

Hace unos días escribí la entrada El INTECO, más muerto que vivo, en la que contaba que el INTECO, el Instituto Nacional de Tecnologías de la Comunicación, no una asociación de tres al cuarto, sino "EL INSTITUTO NACIONAL" tenía numerosos enlaces rotos, o mejor dicho, MUERTOS.

Hasta ese día, existía la página https://www.inteco.es/landing/Accesibilidad/:

Hoy existe esto:

Obviando la mentirijilla (el mensaje da a entender que está puesto desde el 31 de enero de 2014, hecho que no es verdad), es bastante patético y vergonzoso lo que hacen nuestros políticos y altos cargos (no estoy descubriendo nada, es otra obviedad) con nuestro dinero.

¿Por qué han eliminado los contenidos sobre accesibilidad web? Según contestó INTECO, porque ahora sus competencias son la ciberseguridad.

Bien, ¿y era necesario eliminar esos contenidos que eran útiles y que se habían pagado con todos nuestros impuestos?

Bien, si ahora no compete a INTECO los temas de accesibilidad web, ¿a quién compete? ¿Dónde están ahora esos contenidos?

El INTECO es otro ejemplo de "apuesta personal política", en este caso de nuestro fantástico (por sus fantasías) expresidente Zapatero: Zapatero elude explicar en León la polémica ubicación del Inteco y la escasa ejecución del Plan del Oeste.

¿Y por qué el INTECO está en León? Para el que no lo sepa, Zapatero desarrolló su carrera política en León.

Ahhh, y no olvidemos los 17 millones de euros que se gastaron en la construcción de su edificio: El Inteco estará listo en marzo y acogerá el centro de seguridad de internet.

¡Edificios que no falten! Pero luego, lo que se haga dentro, eso da igual.

Me quedo con una declaración: Zapatero: «El Inteco va a ser más de lo que pensamos era posible».

Como de costumbre, los trabajadores no tienen culpa de nada (que nadie diga "vivieron por encima de sus posibilidades"), la culpa, los de arriba, que son los que tienen el poder de decidir y al final deciden.

En la siguiente pieza explican algunos detalles de lo que le ha pasado a INTECO:

El INTECO, más muerto que vivo

Visito la página principal de INTECO:

https://www.inteco.es/landing/Accesibilidad/

Pruebo con el enlace SIGA:

https://www.inteco.es/viewProductsServices/servicios_profesionales/nuestros_servicios/catalogo/implantacion_sist_integral_gestion_siga

¡Muerto!

Pruebo con el enlace WCAG 2.0:

https://www.inteco.es/viewProductsServices/servicios_profesionales/nuestros_servicios/catalogo/wcag_2_0

¡Muerto!

Pruebo con el enlace Manuales y Guías:

https://www.inteco.es/Accesibilidad/difusion/Manuales_y_Guias/

¡Muerto!

¿Funciona algo en esta web?

Legislación mundial sobre accesibilidad digital

En Digital Accessibility Laws Around the Globe se recoge las leyes sobre accesibilidad digital (web) que existen en diferentes países.

Mapas sonoros

Una estudiante de doctorado está trabajando en los problemas de accesibilidad que presentan los sistemas de información geográfica o GIS (Geographical Information System).

Discutiendo las diferentes situaciones que se pueden producir, le he comentado que debe estudiar todas las posibles situaciones, aunque puedan parecer raras. Por ejemplo, ¿tiene sentido plantear los problemas de accesibilidad de un mapa sonoro? ¿Tiene sentido un mapa sonoro?

Pues sí, sí que existen mapas sonoros, por ejemplo:

• The Baltimore Soundscape Project
• Soundmap of London canals and rivers: y este sitio web tiene más mapas sonoros de Londres.

En España también hay mapas sonoros, por ejemplo el de Barcelona.

ESVI-AL

El proyecto ESVI-AL (Educación Superior Virtual Inclusiva - América Latina) tiene como objetivo:

...mejorar la accesibilidad de la educación superior virtual, a través de la creación e implantación de metodologías que establezcan un modelo de trabajo para el cumplimiento de requisitos y estándares de accesibilidad en el contexto de la formación virtual, especialmente a través de la Web, considerando planes de estudio que estén conceptualizados según las necesidades sociales, de sostenibilidad y empleabilidad de las personas con discapacidades físicas de los países de AL participantes, armonizados en el Espacio Común ALCUE de Educación Superior; y cuya accesibilidad y calidad como formación virtual pueda ser verificable, y pueda ser mejorada continuamente en la búsqueda de la excelencia, a través del establecimiento de una red para fomentar las relaciones duraderas entre las IES de AL y de la UE.

Me ha sorprendido encontrar en este sitio web el vídeo de la conferencia Estándares de Accesibilidad Web, de José Ramón Hilera, coordinador del proyecto. En el minuto 46:10, se muestra mi vídeo Accesibilidad de la página web del Senado.

 

Encuesta nuevas funcionalidades en chats

Álvaro, un lector de este blog me ha pasado la siguiente información.

En la Universidad Carlos III de Madrid se está realizando un estudio para mejorar el uso de los chats online entre las personas con discapacidad (líneas de investigación de Rocío Calvo Martín):

Se realiza una encuesta sobre la opinión de personas sin discapacidad con respecto a la nueva funcionalidad que se desea incorporar a los chats para mejorar la interacción de éstos. Esta nueva funcionalidad permite a los usuarios parar la recepción de nuevos mensajes cuando se sienten abrumados por la llegada de nuevos mensajes. Si desea formar parte de la encuesta puede cumplimentarla en el enlace: Encuesta sobre la nueva funcionalidad.

Accesibilidad de listas

He recibido la siguiente consulta muy interesante:

Buenas tardes soy estudiante de Ecuador- Los Rios - Quevedo, quisiera saber sobre como agregar un titulo a una lista ul que va a estar dentro de una etiqueta nav. No me parece bien agregar encima de ella un titulo con h2. Me podría ayudar? Gracias de antemano.

A lo que contesto:

¿Por qué piensas que agregar un h2 no es bueno?
Dame más detalles de lo que estás haciendo.

Y recibo la siguiente contestación:

Quiero conocer sus sugerencias.
Quiero agregar un encabezado a una lista que esta dentro de un nav (html5) pero quiero que el encabezado relacione eso, estuve investigando y encontre esto:
http://www.htmlcinco.com/listas-con-encabezados-y-el-elemento-figure/comment-page-1/#comment-1053 Pero al investigar bien sobre el uso de cada etiqueta encontre esto:
http://otroespacioblog.wordpress.com/2012/11/22/etiquetas-figure-y-figcaption-del-estandar-html5/
Es mi pensamiento si tengo un titulo de una lista ejemplo:
Productos
-doritos
-rufles
-tortolines
para hacerlo un poco mas accesible tengo que agregarle de alguna manera la relacion del titulo con las listas es como decir , la etiqueta span para lo input pero creo que no estaria bien hacerlo...

Y también mandaba la siguiente imagen:

¿Cuál es la mejor forma de etiquetar estas listas?

No existe una respuesta que satisfaga lo que todos los usuarios puedan buscar o esperar. Por ejemplo, si consultamos las encuestas sobre uso de lectores de pantalla de WebAIM, encontramos:

• Screen reader user survey 2 - Images and Alternative Text: un 57% de los encuestados contestó que prefería como texto alternativo de una imagen decorativa "Foto de una mujer sonriente", pero un 20% prefería simplemente "Mujer sonriente".
• Screen reader user survey 3 - Heading Structures: el 50% de los encuestados contestó que prefería dos niveles de encabezado principales con el nombre del sitio web y el título del documento, pero un 37% prefería sólo el título del documento.

Aunque existen tendencias en lo que la gente quiere, cada usuario es único y normalmente no hay una solución que contente a todos los usuarios. Hay que intentar encontrar la solución "menos mala".

¿Qué hacer entonces?

Personalmente, optaría por una de estas tres soluciones (de la menos útil a la más útil, desde mi punto de vista):

1. Listas anidadas, de forma que cada elemento de la lista de nivel superior tuviese el título que identifica la lista del nivel inferior.
2. Listas de definición, como la solución anterior pero usando listas de tipo dl, tal como se explica en la segunda solución que aparece en Listas con encabezado y el elemento figure. Es más elegante y semánticamente correcto, porque dt sería el título de cada sublista.
3. Encabezados del nivel adecuado, definiendo el título de cada sublista. Creo que es la mejor porque las personas que utilizan un lector de pantallas encuentran muy cómodo el navegar entre encabezados, tal como podemos leer en Screen reader user survey 4 - Finding Information. Con esta solución se podría saltar fácilmente de una lista a otra lista.

Lo del uso de figure con legend o figcaption no creo que sea adecuado. Además, un figure sólo puede tener un figcaption (The figure & figcaption elements), por tanto no se podrían meter todas las listas en el mismo figure, y tener varios figures seguidos para contener las listas me parece muy extraño.

¿Alguien tiene otra propuesta de solución?

[Actualización]

Después de consultarlo con la almohada, he pensado que también se podría utilizar ARIA, por ejemplo aria-label, aria-labelledby y aria-describedby, pero el soporte actual de ARIA por los lectores de pantalla es bastante desigual. Sin duda alguna sería la mejor solución (para estas cosas esta ARIA), pero habría que probar su funcionamiento...

Aprobada la primera norma europea de Accesibilidad en Tecnologías de la Información

Gracias a un mensaje de Félix Zapata publicado en Accesibilidad Spain me he enterado de que se ha aprobado la primera norma europea de Accesibilidad en Tecnologías de la Información.

La norma ha sido aprobada por tres organismos europeos de normalización: CEN (Comité Europeo de Normalización), CENELEC (Comité Europeo de Normalización Electrotécnica) y ETSI (Instituto Europeo de Normalización de las Telecomunicaciones).

En la noticia enlazada podemos leer:

La norma EN 301 549: Requisitos de accesibilidad adecuados para la contratación pública de productos y servicios TIC en Europa, establece los requisitos funcionales que garantizarán que los productos y servicios TIC sean accesibles para todas las personas; por ejemplo, desde un teléfono móvil, hasta ordenadores, pasando por páginas web. Los requisitos para la web se basan en las directrices de accesibilidad de contenidos web WCAG 2.0, desarrolladas por W3C, estando en línea con los indicados en la norma española UNE 139803, ‘Requisitos de accesibilidad para contenidos en la Web’. Además, la norma europea describe los procedimientos de ensayo y la metodología de evaluación de cada uno de ellos.

El documento, cuya publicación está prevista a lo largo de febrero, está orientado tanto a compras públicas como al resto de usos; de hecho, la directiva europea de compras públicas, recientemente aprobada por el Parlamento Europeo, contempla la aplicación de requisitos de accesibilidad para las personas con discapacidad. La norma será adoptada próximamente al catálogo español como UNE-EN 301 549 por parte de AENOR, la entidad legalmente responsable del desarrollo de las normas técnicas en España.

Ecuador ya tiene una norma sobre accesibilidad web

Ayer viernes tuve una reunión en la SNAP (Secretaría Nacional de la Administración Pública) con el CONADIS (Consejo Nacional de Igualdad de Discapacidades del Ecuador) y el SETEDIS (Secretaría Técnica de Discapacidades).

En esta reunión, Fausto Villamarín de CONADIS nos comunicó que el 28 de enero de 2014 se publicó en el Registro Oficial nº 171 (el equivalente al BOE en España) la aprobación de la norma NTE INEN-ISO/IEC 40500 "Tecnología de la información - Directrices de accesibilidad para el contenido web del W3C (WCAG) 2.0 (ISO/IEC 40500:2012, IDT)".

NTE significa "Norma Técnica Ecuatoriana" e INEN es el Instituto Ecuatoriano de Normalización.

Esta norma es una transposición de la norma ISO 40500 que fue aprobada en octubre de 2012 y que convirtió WCAG 2.0 del W3C en una norma internacional.

Un gran paso para impulsar la accesibilidad web en Ecuador. Ha sido una muy buena decisión utilizar la norma ISO en vez de "inventarse su propia norma".

Ahora falta un reglamento o ley que indique quién, cómo y cuándo debe cumplir esta norma.

Accesibilidad de HTML5

Un vídeo de la charla HTML5 Accessibility que se realizó el año pasado en el JavaScript Accessibility Summit.

V Congreso Internacional sobre Calidad y Accesibilidad de la Formación Virtual (CAFVIR 2014)

Del 14 al 16 de mayo de 2014 se va a celebrar el V Congreso Internacional sobre Calidad y Accesibilidad de la  Formación Virtual.

El envío de artículos está abierto hasta el 1 de marzo (por ahora). Este es el vídeo de presentación, lo han hecho bien e incluye subtítulos en español:

ARIA, JavaScript y la accesibilidad de los vídeos interactivos

Un vídeo de la charla Overview of ARIA, JavaScript, and Interactive Web Accessibility que se realizó el año pasado en el JavaScript Accessibility Summit.

El anuncio de Microsoft en la Superbowl

Tal como comentaba ayer, Microsoft emitió un anuncio durante el descaso de la Superbowl:


Este anuncio resume varios anuncios que ha producido Microsoft para mostrar el lado amable de la tecnología que produce. Varias de las cosas que resalta están relacionadas con la discapacidad y los productos de apoyo. El resto de anuncios se pueden encontrar en el canal de Microsoft.

Por cierto, el anuncio debió de dar buena suerte al equipo Seattle Seahawks, porque ganaron... la sede de Microsoft se encuentra en Seattle.

Por cierto, en Estos son los anuncios emitidos durante la Super Bowl 2014 han recogido los anuncios emitidos en la Superbowl, pero "se les ha olvidado" el de Microsoft. Curioso, curioso, o vergonzoso.

La tecnología es mi cura

Steve Gleason jugó en la Liga de Fútbol Americana (NFL) durante 8 años. En el año 2008 se retiró y en el año 2011 anunció que padecía esclerosis lateral amiotrófica (ELA), la misma enfermedad que padece Stephen Hawking.

Hay mucha información escrita en inglés sobre Steve, pero en español también podemos encontrar algunos artículos:

• La nueva aventura de Steve Gleason
• Steve Gleason, el ex jugador de noble corazón y cruel destino

Steve protagoniza uno de los nuevos anuncios que Microsoft ha lanzado para mejorar su imagen. Según parece, Steve aparecerá en un anuncio que se emitirá durante la Superbowl esta noche (Microsoft’s Super Bowl ad reminds the world why its software matters). La Superbowl es el mayor acontecimiento deportivo en los Estados Unidos, como si fuera un Madrid-Barcelona, pero mucho más (en el año 2012, la NFL generó 10.000 millones de dólares en ingresos, la Liga de Fútbol Profesional de España y sus equipos, en quiebra real pero no reconocida).

Los efectos de la enfermedad ya han dejado su huella y Steve ya ha perdido mucho control muscular e incluso ya no puede hablar. Sin embargo... es mejor que veas el siguiente vídeo, con subtítulos en inglés que se pueden traducir al español:



Como dice al final del vídeo:

Aunque tengo la esperanza de una cura médica para la ELA, siempre he dicho que hasta que haya una, la tecnología es mi cura.

El sistema de eye tracking que emplea es Tobii Rex para Windows 8.

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.