El CERMI pide al Senado que corrija las deficiencias de accesibilidad de su nueva página web

Gracias a Martín, un lector de este blog, me ha llegado la siguiente noticia: El CERMI pide al Senado que corrija las deficiencias de accesibilidad de su nueva página web.

En la noticia podemos leer:

Según el informe, la web del Senado tiene problemas de accesibilidad que deben ser revisados y modificados, con el objetivo de garantizar el acceso de todos los ciudadanos a los diferentes servicios y aplicaciones que ofrece, con independencia de la forma de navegación y su discapacidad. 

Entre las características de buenas prácticas encontradas en la página, resalta la incorporación de etiquetas HTML, que son necesarias para el desarrollo de un sitio web accesible; la maquetación de las páginas con hoja de estilos; y la separación entre las características de presentación y contenido. 

En cuanto a los problemas de acceso, apunta a imágenes con carga informativa sin un contenido alternativo adecuado, elemento CAPTCHA, e imágenes decorativas sin un contenido alternativo adecuado; el objeto multimedia sin un desarrollo accesible; errores en la estructura de encabezados; enlaces que no se entienden fuera de contexto; documentos PDF no accesibles; el título de las páginas no específico del contenido de las mismas; algunos textos con contraste de color insuficiente; y tamaños absolutos en propiedades de hojas de estilo.

La nota de prensa del CERMI ha sido publicada por diversos medios, como por ejemplo, Los discapacitados denuncian "barreras" en la nueva (y cara) web del Senado.

Y también se puede consultar el informe Accesibilidad en el sitio web del Senado de España.

El clon de la nueva página web del Senado

Hace dos días recibí este mensaje:

Hola Sergio.
Como te he visto estos dias hablando sobre la web del Senado, te escribo para hacerte llegar este mail que me acaba de llegar. La verdad es que es sorprendente, y empieza a moverse ya por la red.
Saludos  y enhorabuena por tu blog.
----------------
Amigos de los medios. Como saben, hace poco más de una semana se presentó en los medios la nueva web del senado de España. El desorbitado costé fue de 500.000 euros. Como Ingeniero y freelance webmaster, no me podía creer lo que estaba leyendo. 80 millones de pesetas por una web. Me puse a estudiarla a fondo y analizar los costes intuyendo el desglose del proyecto. Analizar código y sistema montado. Sin entrar a valorar el coste de las empresas implicadas, lo que más me irritó es que se tenga que pagar en licencias comerciales la mitad del valor del proyecto. 250.000 euros. Algo increíble teniendo en el mercado softwares OpenSource-Gratuitos que podrían hacer la misma labor. Y de esa forma, en con una semana de trabajo, he desarrollado una web CLON del senado bajo código Libre. Es decir he creado una web muy similar a la del senado sin gastar un euro en licencias, en un semana. Adjunto este PDF donde está todo explicado, incluyendo direcciones a la web del senado alternativa funcionando. http://www.scribd.com/doc/114007569/Dossier-Senado-ClonMuchas gracias por su atención.

Jajaja, la verdad es que hay gente con mucha imaginación, ¡y con mala leche! Jajaja.

La verdad, es que es un poco exagerado. Si se consultan las condiciones técnicas del proyecto, cosa que seguramente poca gente ha hecho, se descubrirá que el proyecto no era hacer una "simple página web", sino que incluía cosas como gestionar un flujo de trabajo para la publicación de los contenidos, la conversión de los contenidos y documentos entre diferentes formatos, el versionado, y otra serie de funciones que no hace un simple gestor de contenidos.

Sin embargo, tampoco hay que creerse que se ha hecho todo lo que figura en el proyecto. Por ejemplo, en la página 16 figura el apartado "4.3.8 Suscripciones" en la que se dice que "El sistema debe permitir ofrecer al usuario mecanismos de suscripción a los distintos contenidos de la página web. En la mayoría de los casos esto debería poder hacerse disponiendo de mecanismos de sindicación estándar, como RSS o ATOM". Pues yo no lo he encontrado, y mira que he buscado.

El clon se puede encontrar en varias direcciones:

• http://www.senado.comuv.com/
• http://www.senado.cer33.com/
• http://www.senado.p.ht/

Y aquí, una captura del clon, antes de que desaparezca:

[Actualización]
Como era de esperar, en algunos medios ha aparecido: Un ingeniero crea un clon de la web del Senado sin gastar un euro en licencias.

Libro Accessibility Handbook

El libro Accessibility Handbook, de Katie Cunningham y publicado por la editorial O'Reilly (2012), aunque se centra en el cumplimiento de Section 508, contiene material muy interesante que también se puede aplicar en aquellos sitios como España en los que hay que aplicar WCAG 1.0/2.0.

El libro se puede consultar en Google Books.

El contenido del libro es:


Chapter 1 Complete Blindness
Definition
Annoyances, in Brief
Screen Readers
Creating Accessible Sites

Chapter 2 Visual Accessibility—Other Types
Low Vision
Color Blindness

Chapter 3 Audio Accessibility
Who Does It Cover?
Annoyances in Brief
Videos
Interactive Features
Live Chat

Chapter 4 Physical Accessibility
Who Does It Cover?
Annoyances in Brief
Best Practices
Testing

Chapter 5 Cognitive Disabilities
Overview
Dyslexia
ADD and ADHD

Chapter 6 Selling Accessibility
U.S. Government Requirement
Non-U.S. Governments
Exclusion Can Hurt Your Business
An Accessible Site Is More Usable for Everyone

Chapter 7 Additional Resources
General Accessibility Resources
Testing
Design
Screen Readers
Hearing Disabled
Physically Disabled
Cognitively Disabled

Taller de expertos "Accesibilidad web"

El CENTAC, el Centro Nacional de Tecnologías de la Accesibilidad, organiza este jueves 22 de noviembre de 2012 el taller Accesibilidad web, que se podrá seguir en directo mediante streaming a través de Internet.

La nota de prensa indica:

El tema de este taller se centra en  las dificultades de acceso a las web que impiden a las personas con discapacidad acceder a los miles de servicios y posibilidades que se han construido con ellas. 

En esta ocasión Miguel Ángel Montero,  director de Sanidad y Servicios Sociales de Informática El Corte Inglés, será el anfitrión de este encuentro, que estará moderado por el director general de CENTAC, Juan Luis Quincoces. 

Como participantes contaremos con la presencia de expertos en la materia como Loïc Martínez, profesor de la Facultad de Informática de la Universidad Politécnica de Madrid; Emmanuelle Gutiérrez, directora general de la Fundación Sidar; Lourdes Moreno, experta en Accesibilidad Web y profesora Visitante de la Universidad Carlos III de Madrid; y Javier Rojo, maquetador web de Informática El Corte Inglés.

Vídeo que muestra el funcionamiento de un lector de pantallas

El vídeo Introduction to the Screen Reader explica y muestra cómo una persona ciega utiliza un lector de pantallas y puede utilizar un ordenador y navegar por la Web. Muy interesante para cualquiera que no lo sepa.

En la página anterior el vídeo está en unos formatos que pueden ser complicados de utilizar hoy en día (QuickTime, RealPlayer, Windows Media). Afortunadamente, alguien lo ha subido también a YouTube (Introduction to the Screen Reader) y además le ha puesto subtítulos en inglés.

Senado de España: lo que dicen las herramientas automáticas

Las herramientas automáticas de evaluación de la accesibilidad web no son muy fiables: los resultados que producen deben ser verificados por un experto. Pero como se suele decir, "cuando el río suena, agua lleva"... y te puede arrastrar la corriente y ahogarte.

En primer lugar, la validación del código HTML. Esto no es discutible, esto no admite interpretaciones: o está bien o está mal, y punto.

No entendía el primer error que aparece en los resultados, hasta que he visto el código:

¡¡¡El DTD declara como elemento raíz HTML en mayúsculas!!!

¡¡¡En XHTML 1.0 Strict!!!

Madre mía, ¿de dónde se han sacado esto? Cada vez que intentan arreglar algo, lo estropean más...

Ya, ya, un mal día lo puede tener cualquiera...

En segundo lugar, TAW, una gran herramienta, financiada por el Gobierno de España, que debería ser de obligado cumplimiento por todas las Administraciones Públicas.

En tercer lugar, eXaminator, otra gran herramienta, que hasta un niño de 6 años entiende: una nota de 0 a 10, cuanto más baja, peor.

Y mañana, más :-)

Curso Estrategias de inclusión digital en la enseñanza

En la Universidad de Alicante vamos a impartir en diciembre un curso presencial sobre Estrategias de inclusión digital en la enseñanza. El proceso de preinscripción ya está abierto.

El objetivo del curso es promover la creación de documentos electrónicos accesibles (páginas web, documentos de procesadores de textos, documentos PDF) entre profesores y alumnos.

Se estudiarán los diferentes tipos de discapacidades que existen, los productos de apoyo disponibles para cada discapacidad, la creación de páginas web accesibles, la creación de documentos electrónicos accesibles y algunas estrategias para la adecuada integración de los estudiantes con discapacidad con el resto de estudiantes.

Todas las páginas del Senado tienen el mismo título

Yo ya no sé qué hacer...

Invito a la gente del Senado y de la empresa contratada que ha hecho la nueva web del Senado de España, a matricularse a Ingeniería en Informática o al nuevo grado en Ingeniería Multimedia en la Universidad de Alicante.

Yo les aseguro que se les enseñará a hacer páginas web BIEN. Se lo aseguro porque yo personalmente les enseñaré. Que aprendan, no lo puedo asegurar, eso ya dependerá de ellos...

¡¡¡TODAS LAS PÁGINAS WEB DEL NUEVO SITIO WEB DEL SENADO DE ESPAÑA TIENEN EL MISMO TÍTULO!!!

Como ciudadano español que paga sus impuestos (no le queda más remedio), exijo que se haga un buen uso del dinero que he ganado y se apropia el Estado.

Y no sólo con el sitio web del Senado de España (eso es simplemente un pequeño ejemplo ilustrativo, pero poco significativo por su coste, de lo que ocurre con los contratos públicos), sino con todas las infraestructuras y servicios en los que se malgasta el dinero público.

Increíble, pero cierto. Ahí van unas capturas de pantalla de diferentes páginas, todas ellas con el mismo título:

Se puede hacer mal, pero no peor.

Sistema de eye-tracking de la Texas State University

Hace unos días de publicó el artículo Professor Develops Eye Tracking Technology. En este artículo se presenta el desarrollo de un sistema de seguimiento del ojo (eye-tracking) que puede ser usado para diferentes propósitos, como por ejemplo para identificar a las personas (parece que el patrón de movimiento es único), para detectar posibles lesiones cerebrales (traumas después de un golpe o un accidente) y para, cómo no, controlar el ordenador con la vista.

La ventaja de este sistema frente a otros sistemas que ya existen es que mientras que los sistemas que ya existen cuestan miles de dólares, el coste de este es muy inferior, ya que permite el uso de webcams baratas ($20).

La accesibilidad de la nueva página web del Senado

El lunes se presentó el nuevo sitio web del Senado de España. Y como era de esperar, ha causado mucho interés... En este blog he recogido algunas de las noticias, muy pocas, si buscas, encontrarás muchas más.

La nueva web tiene problemas de accesibilidad, ¡qué raro!

Según me han comentado desde el Senado, van a contratar (o ya han contratado) una empresa para que realice una revisión de la accesibilidad. ¡¡¡Mal, fatal!!!

La accesibilidad web se tiene que tener en cuenta desde los inicios de un proyecto web. Si la tienes en cuenta en las últimas fases, o cuando el sitio web ya está terminado, es un completo error, porque entonces lograr la accesibilidad sí que será costoso. Y te será mucho más difícil.

He preparado un vídeo para mi curso Introducción al desarrollo web, iDESWEB. En este vídeo, que lleva por título Semana 8 - Anexo 1 - iDESWEB (un título nada sugerente) explico dos problemas de accesibilidad que hay en la nueva web del Senado de España.

Por un lado, hay un problema con el vídeo de bienvenida a la nueva web. El vídeo tiene los subtítulos "grabados a fuego" en el propio vídeo: error, tremendo error. Además, no se ofrece la transcripción del vídeo: error, tremendo error.

Por otro lado, ahora tienen un problema: el vídeo no sirve para las otras versiones en las lenguas oficiales de España. Incluyo dos capturas de pantalla de la página desde la que se accede al vídeo, la primera captura es la versión en español, que si que incluye el vídeo, y la segunda es la versión en vasco, que no lo tiene (y sí que lo tenía en la versión beta a la que yo tuve acceso).

Versión en español:

Versión en vasco:

(Bonus: fíjate en el pie de página en la versión en vasco, se rompe un poco)

Por otro lado, hay un problema con los captchas que han puesto en varios formularios. ¿No sabes lo que pasa con los captchas y la accesibilidad? Te lo explico en el vídeo y aquí en el blog también puedes encontrar muchos artículos sobre los captchas.

Ya para terminar, la próxima semana comentaré "la mayor cagada del siglo" que tiene la nueva web del Senado. Es, es, no tengo palabras... Ahora sí que digo lo que dice la mayoría de la gente: "¡y más de 400.000 euros para esto!"

Y una cosa más... el vídeo:

Usabilidad y accesibilidad, un problema filosófico

I suppose this is as good a time as any to broach the intractable philosophical distinction between usability and accessibility.

Traducción:

Supongo que este es un momento tan bueno como cualquier otro para abordar la insoluble distinción filosófica entre usabilidad y accesibilidad.

Building Accessible Websites. Joe Clark. New Riders, 2003.

Reconocimiento y traducción del habla, el futuro ya está aquí

Leído, visto y escucha gracias a Avances en traducción (microsiervos). El sistema es impresionante...

Los titulares sensacionalistas de los periódicos

Supongo que lo sabrás, pero si no lo sabes, te lo explico (y si ya lo sabías, te lo recuerdo): los periódicos y revistas no viven de vender periódicos y revistas, viven de vender publicidad. El precio que pagas por un periódico o revista es una pequeña parte de su coste, la mayor parte la paga la publicidad.

El ejemplo más claro de este modelo de negocio es la televisión, en el que no se paga nada, todo el coste lo paga la publicidad.

¿A cambio de qué? A cambio de gente, a cambio de lectores o de público, según sea el medio, pero al final, es lo mismo.

Y en ambos casos, lo importante no es ofrecer un producto veraz, un producto de valor, en definitiva, un producto de calidad, sino ofrecer un producto que interese al público para atraerlo. Cuanto más público (más lectores), mucho mejor, porque más público (más lectores) supone más ingresos publicitarios (ahí está la famosa guerra de las audiencias). Y si ese producto es de mala calidad, no pasa nada. Si la gente pide mierda, hay que darle mierda.

Los periódicos no dan tanta mierda como la televisión, tienen más años de historia, tienen un prestigio que mantener, pero a veces la calidad de sus noticias roza la estupidez. En especial, las noticias de índole científico y técnico. Y lo digo, por un lado, con toda la seguridad que me otorga el haber tenido un contacto directo con los medios de comunicación en tres o cuatro ocasiones, y por otro lado, por lo que se puede consultar en la hemeroteca.

Los titulares que están apareciendo en los medios de comunicación a raíz de la nueva web del Senado son muy interesantes:

• La web del medio millón del Senado se estrella en su debut
• Desastroso estreno del caro portal web del Senado español

Igual que los periodistas (que no sabemos si son o no son realmente periodistas, porque hoy en día, cualquiera se hace llamar periodista, igual que cualquiera se hace llamar informático) utilizan esos calificativos, yo podría decir:

• Los periodistas se estrellan con sus comentarios sobre la nueva web del Senado
• Desastroso seguimiento el realizado por los periodistas al inaugurarse la nueva web del Senado

Estaría bien, ¿no?

La nueva web del Senado "hackeada"

Bueno, eso de "hackeada" lo dicen los periódicos, yo no. En realidad, lo que parece que ocurre es que tienen una vulnerabilidad de XSS indirecto. Eso es una vulnerabilidad, no un hackeo en el sentido popular de la palabra. Y hacer una noticia de esto es, en realidad, bastante tonto.

Lo podemos leer en las siguientes noticias:

• Un error en la polémica nueva web del Senado permite que cualquiera la pueda "hackear"
• La web del Senado, víctima de las bromas
• Una escletxa en la web del Senat permet escriure-hi el que vulguis

La verdad es que no escarmientan. Lo mismo le pasó a la nueva web de la Casa Real hace justo 2 meses, en septiembre.

Y aquí tenemos una captura de pantalla de lo que dicen que aparece:

Por otro lado, en algunas noticias podemos leer que la web del Senado ha estado sin servicio durante varios minutos:

• La nueva web del Senado sufre un ataque y se cae durante unos minutos en su día de estreno
• La nueva web del Senado se cae en su día de estreno pese a haber costado 437.000 euros

Bueno, bueno, las noticias, como de costumbre, exagerando y sin mucha idea de lo que cuentan.

Un día de estos explicaré correctamente estas noticias.

La nueva web del Senado se rompe al ampliarla

Había detectado que en Internet Explorer se rompe la web (y sigue rota en IE 9), pero ahora he visto que en Google también ocurre cuando se amplía:

La nueva web del Senado ya es pública

Pues ya está, después de casi 1 año de retraso (debía de estar lista para principios de enero), ya ha visto la luz la nueva web del Senado.

Venga, venga, todo el mundo a examinar el código fuente, a validar el código HTML y a buscar problemas de accesibilidad. Yo ya he comentado algunos problemas durante los últimos días en este blog.

El vídeo con el mensaje de bienvenida en la nueva web del Senado

La nueva web del Senado de España, que se espera que vea la luz mañana, contiene un vídeo con un mensaje de bienvenida del presidente del Senado:

En la anterior captura de pantalla aparece el vídeo en la versión en inglés de la nueva web del Senado (la web está disponible en las lenguas oficiales de España, incluso se diferencia catalán y valenciano, y en inglés). Las aventuras multilingües son muy peligrosas y costosas: peligrosas, porque se puede meter la pata fácilmente, y costosas, porque hay que gastar mucho dinero para no meter la pata.

En este caso, el vídeo tiene un problema grave: el audio está en castellano (me habría sorprendido gratamente escuchar a Pío García-Escudero hablar en inglés) y los subtítulos también están en castellano. Por tanto, ese vídeo no pinta nada en la versión en inglés del sitio web (esperemos que lo cambien en la versión definitiva).

¿Cómo está incrustado el vídeo en la página web?

Al revisar el código fuente, he descubierto que han cambiado el DOCTYPE: ya no es HTML 4.01 Transitional, como comentaba en mi entrada anterior Ya he visto la nueva web del Senado de España, sino que ahora es XHTML 1.0 Strict como podemos ver en la siguiente captura de pantalla (he resaltado el DOCTYPE):

Bueno, vamos mejorando poco a poco, pasito a pasito. Pero, vuelvo a preguntar, ¿cómo está incrustado el vídeo en la página web? Si exploramos el código fuente de la página, descubrimos algo curioso:

¡¡¡Han usado la nueva etiqueta video de HTML5!!! Muy bien, pero el DOCTYPE dice XHTML 1.0 Strict, ¿en qué quedamos? Los de VASS deben de tener tal lío de DOCTYPES y versiones, que ya no saben lo que escriben.

Por cierto, la nueva etiqueta video permite incluir subtítulos (todavía no está estandarizado, está en proceso, y el soporte de los navegadores no es muy bueno).

Y para que el vídeo fuese realmente accesible, además de incluir subtítulos, debe incluir la transcripción completa. ¿Dónde está el enlace a la transcripción? Yo no lo encuentro.

También he verificado qué ocurre con el vídeo en las versiones en catalán o gallego del sitio web, y claro, Pío sigue hablando en español y los subtítulos siguen en español.

Mañana, más (esperemos que mañana ya podamos ver todos la nueva web y pasarle el HTML Validator, el TAW y el eXaminator).

El Senado tiene captcha, ¿y qué?

Bueno, ya me lo han preguntado, ya me han preguntado qué tiene de malo que en la nueva web del Senado haya un captcha.

Cómo ya lo expliqué en el pasado, en vez de repetirme, hago referencia a lo que ya he explicado:

• La Ley de Transparencia, Acceso a la Información Pública y Buen Gobierno empieza mal, muy mal: el Gobierno monta un sitio web para ofrecer la consulta pública y que cualquier ciudadano pueda opinar sobre el nuevo proyecto de ley. ¿Cualquier ciudadano? No, en el formulario de envío había un captcha, por tanto, los ciegos no podían acceder (¿derecho de todos los ciudadanos?). Además, las consultas formuladas por los ciudadanos no eran públicas (¿transparencia?, las consultas podían ir directamente a la papelera y nadie se enteraría). Toda una contradicción en sí misma.
• Accesibilidad de la página web del Senado: ¿Por qué debe ser accesible?: una breve explicación de las leyes que se aplican en materia de accesibilidad y que el Senado debe cumplir (más aún si son ellos, junto con el Congreso, los que le dan al botón de la impresora y empiezan a sacar leyes sin parar).

El Senado tiene captcha

Y ya sabemos lo que pasa: ciegos, lo sentimos, pero no podéis escribir al Presidente del Senado.

Ahí va una captura de pantalla completa:

Emplea la tecnología recaptcha de Google, que está muy bien, pero que no es accesible. La versión sonora de recaptcha es horrorosa, y además, es sólo para el inglés.

Además, en el formulario se indican con un asterisco los campos que son obligatorios, pero no se explica eso hasta que no intentas enviar el formulario. ¡Mal! Las instrucciones se tienen que dar antes, no después.

Mañana, más :-)

Bonus: mís vídeos sobre los captchas y los problemas de accesibilidad. En el primero te explico el origen del nombre captcha (Completely Automated Public Turing test to tell Computers and Humans Apart), lo cual es muy interesante este año, ya que se conmemora el centenario de Alan Turing, uno de los padres de la computación.

¿Qué es un CAPTCHA? Origen y uso


¿Qué es un CAPTCHA? Futuro


¿Qué es un CAPTCHA? Problemas de accesibilidad (1/2)


¿Qué es un CAPTCHA? Problemas de accesibilidad (2/2)

Algunos detalles de la nueva web del Senado

Estos son algunos detalles de la versión beta de la nueva web del Senado de España a la que tengo acceso:

1. El buscador aparece descolocado en Interner Explorer 9.

Así se ve en Google:

Así se ve en IE9:

2. El pie de página se descompone en Internet Explorer 9.

Así se ve en Google:

Así se ve en IE9:

3. Un documento PDF (el primero y único que veo) no está etiquetado (así que, posible problema de accesibilidad)... y de hacerlo tipo formulario para que sea editable y más fácil de rellenar, ¡olvídate!

Como se puede ver por la captura, el PDF proviene de Microsoft Word, aunque se ha utilizado un software llamado ScanSoft para generar el PDF (¿por qué?) y parece que fue creado en mayo de 2012, aunque la fecha de creación es octubre de 2012.

Bueno, estas cosas son normales... pero recordemos lo que ha costado... y queda menos de una semana para su inauguración.

Me parece que le voy a pedir una comisión a VASS, los que han hecha la nueva web, ya que les estoy ayudando demasiado.

Mañana, más :-)