viernes, 16 de noviembre de 2012

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:

7 comentarios:

Mirulu (www.mirulu.com) dijo...

Hola Sergio,

Cada dia alucino más con el tema.

¿¿ Si no han contratado ha nadie, nos ofrecemos :-) ???

Algunas cosas más que he visto sólo en la home y mediante una simple revisión automática:

* Hay 7 elementos fieldset sin descripción

* Hay 1 tabla sin celdas de encabezados

* Se usan 4 atributos para controlar la presentación visual

* Hay 1 grupo de 10 ó más enlaces no agrupados en elementos estructurales

* Falta el código de idioma en el atributo

* Hay 4 imágenes sin alternativas textuales

* 25 errores en la validación de la página

* El primer enlace de la página no lleva al contenido principal de la página

* No existen enlaces para saltar bloques de contenido

* Hay 1 encabezado cuyo contenido es sólo una imagen sin alternativa textual

* Hay 4 enlaces cuyo contenido es sólo una imagen sin alternativa textual

* Hay 7 controles de formulario sin etiquetas asociadas ni atributo

* Hay 2 elementos label sin contenido textual

* Hay 3 formularios sin botones de envío

* En 75 casos, el atributo title de un enlace sólo repite el texto del enlace (Esta te gustará Sergio)

* Hay 7 controles de formulario sin etiquetas asociadas

* Hay 3 enlaces con el mismo texto pero diferentes destinos

Saludos !!!!

PD: Menudos Cracks !!! 400 mil Eurazos !!

alvaro dijo...

creo que la auditoria se la encargaran a Technosite, para que todo quede en casa.
Te hare una simple pregunta,¿porque ahora sale el televisión española el sorteo del cupon?

Sergio Luján Mora dijo...

Mirulu, gracias por el análisis.

Sí, como dice Álvaro, me dijeron que era Technosite la empresa que habían contratado para hacer la revisión de la accesibilidad A POSTERIORI, lo cual, como digo en la entrada, es un completo error.

Mirulu (www.mirulu.com) dijo...

Un error ?? Sólo eso?? Pues pq no tengo acceso al código pero depende de lo que finalmente busquen, puede representar rehacer todo el site por querer implementarlo a posteriori !!!

Venga va ..!! 400 mil euros más para que Technosite (buenos profesionales) haga la web accesible, total en España nos sobra la pasta.

En fin ...

alvaro dijo...

buenos profesionales en Technosite?,mejor oportunistas,si fueran buenos se hubieran movido

MartínBalda dijo...

Sergio:
Además de los errores que detectan las herramientas automaticas, como el Examinator, hay varios errores que he detectado como usuario con lector de pantalla y experto en accesibilidad.
Supongo que el trabajo fue modificar el sitio existente, migrandolo a XHTML, pero no fue bien hecho.
Si la auditoría la hará TecnoSite, me reservo mi opinión.

Hay varias imagenes con texto alternativo, pero dudo de que dichos textos sean correctos, o que deberían no tenerlos por ser imagenes decorativas.
El cuadro combinado para cambiar el idioma tiene un evento onchange, o sea que es un problema para los usuarios que usan el teclado. Tampoco esta bien etiquetado... Además no es correcto como ponen los nombres de los idiomas... Si cambias de idioma, y no lo conoces, no sabras como volver al español...
Se usa una tabla para el calendario, la cual no tiene encabezados de columnas, y los campos de formulario no estan etiquettados.
El uso de los encabezados no es el correcto.
El uso de listas no es correcto, o faltan poner elementos en listas.
Hay un abuso del carácter ">", o "|"que ensucia la lectura, y al ser decorativo y para separar, debería ponerse en el CSS.
El enlace gráfico para el Formulario de solicitud de información dice que se abre en ventana nueva , pero no es cierto, se abre en la misma ya que tiene un target en blanco.
Hay supuestamente un carrusel de noticias, pero no es claro si se puede controlar.
El vídeo es todo un tema.... dependiendo del browser y el lector de pantalla se puede controlar o no, y los botones están en inglés.

Bueno, por ahora nada más.

En Argentina también tenemos casos parecidos, donde se anuncio un nuevo sitio accesible, se gasto mucho tiempo y dinero, y el sitio dista mucho de cumplir con las pautas de accesibilidad web.
Como ejemplo, pueden leer la siguiente noticia:
http://realpolitik.com.ar/nota.asp?id=6546

Saludos.

Sergio Luján Mora dijo...

Muchas gracias Martín, tendré muy en cuenta todas tus indicaciones y las usaré para hacer un análisis en profundidad.