Buscador

Mostrando entradas con la etiqueta Renfe. Mostrar todas las entradas
Mostrando entradas con la etiqueta Renfe. Mostrar todas las entradas

jueves, 3 de diciembre de 2015

La accesibilidad de la web de Renfe

En el artículo La web de Renfe que se publicó hace unos días, José Ángel Carrey que ha denunciado los problemas de accesibilidad de la web de Renfe comenta su experiencia:
Como todo el mundo sabe, la web de Renfe incumple los criterios de accesibilidad. Ello supone que las personas ciegas totales no podemos efectuar de manera cómoda y autónoma la compra, cambio, anulación de billetes, y la consulta de horarios. Especialmente grave es la cosa cuando se trata de comprar un billete no promocionado, en que toca escoger asiento, pues el proceso de elección de asiento es totalmente gráfico, y el lector de pantalla no puede reconocerlo, con lo que no se puede comprar el billete de forma autónoma.
Y la respuesta que está preparando:
Estamos en trámites para interponer el correspondiente recurso contencioso-administrativo contra esta resolución. De momento, el procedimiento ha ido a parar a la sección IV de la Sala de lo Contencioso-Administrativo de la Audiencia Nacional, y el plazo para interponer el recurso está suspendido hasta tanto se resuelvan las solicitudes de justicia gratuita presentadas por mí y por la ACIC.

martes, 27 de octubre de 2015

La accesibilidad de la nueva web de Renfe

Renfe tiene nuevo sitio web. ¡Enhorabuena!

El nuevo sitio web "lo han vendido" a los medios de comunicación y a los clientes como más sencillo, más usable.

¿Y es más accesible?

Bueno, de entrada, dos bofetadas importantes en la cara.

Primero, dos cuadros de edición, Origen y Destino, sin una etiqueta asociada. Si se revisa el código HTML se descubre que sí que han definido las etiquetas, pero no están correctamente asociadas a los cuadros de edición.


Por otro lado, se han olvidado de los usuarios que utilizan el teclado para navegar por una página web, ya que la mayoría de los elementos de interacción de la página (enlaces, cuadros de edición y botones) no se resaltan cuando reciben el foco.

lunes, 26 de octubre de 2015

Renfe cambia su página web

Hace pocos días Renfe renovó su sitio web. Lo podemos leer en el blog de Renfe, Renfe.com: más fácil, más claro, y también en varias noticias:


Según la nota publicada en el blog de Renfe:
Renovamos la home de renfe.com y estrenamos un proceso de compra más ágil y cómodo, con más claridad para elegir los servicios asociados al viaje y el mejor precio disponible. Todo en tres pasos. Comentamos los puntos clave del nuevo esquema en una web que se adapta a cualquier pantalla y que ya recibe cerca del 50% de las visitas vía dispositivos móviles. 
Pues la verdad, para una web que recibe el 50% del tráfico desde dispositivos móviles han tardado bastante. Ahora la web tiene un diseño adaptativo (responsive web design):




¿Y qué pasa con la accesibilidad? Mañana lo sabremos...

Por cierto, en el blog se han lucido con las imágenes, tienen un problema con el acceso HTTP/HTTPS y las imágenes no se cargan por un problema de seguridad:


lunes, 19 de octubre de 2015

Monumento en Atocha por las víctimas de la web de Renfe

Bueno, es una noticia broma de El Mundo Today, y tal como están las cosas últimamente, hacer bromas y repetir bromas se está convirtiendo en un posible delito, pero no creo que me persigan por un simple enlace: Construyen un monumento en Atocha por las víctimas de la web de Renfe.

Y mientras tanto, la web de Renfe sigue siendo un ejemplo de lo que no se debe hacer.

Por ejemplo, recordemos los problemas con los nombres de las ciudades:



Por ejemplo, recordemos el despropósito con los nombres de las estaciones:



Que también afecta a Adif:



O los problemas con las fechas:



Y los problemas con el cambio de idioma:



Sin olvidar lo más importante, lo graves problemas de accesibilidad:



Sí, algunos de esos problemas ya han sido resueltos, pero otros todavía persisten y también han aparecido problemas nuevos.


miércoles, 5 de agosto de 2015

Denuncia por falta de accesibilidad en el sitio web de Renfe (3)

Como comentaba ayer en Denuncia por falta de accesibilidad en el sitio web de Renfe (2), la resolución del expediente sancionador I-1/2014, firmado por Susana Camarero Benítez, la Secretaría de Estado de Servicios Sociales e Igualdad, decide "SOBRESEER y ARCHIVAR el presente expediente, declarando  la no existencia de infracción" porque Renfe se está portando bien, ya que muestra una voluntad de resolver los problemas de accesibilidad de su sitio web.

¿La Administración Pública se suele mostrar así de benevolente normalmente?

Pues no. Por ejemplo, tenemos el caso de la Inspección Técnica de Vehículos, la ITV.

En la ITV, entre otras cosas, se comprueba que las ventanillas, los cinturones de seguridad o los limpiaparabrisas funcionen correctamente. Si no es así, puedes tener una inspección desfavorable, con defectos graves o muy graves, que te obligue a subsanarlos y volver a pasar la ITV (y volver a pagar) para verificar que ya no existen esos defectos.

¿A la sociedad le puede afectar para algo que las ventanillas o los limpiaparabrisas de un coche no funcionen correctamente? Bueno, se puede producir un accidente debido a ello, pero es muy difícil. Sin embargo, la Administración Pública comprueba que funcionen correctamente, y si no es así, te toca pagar.

¿Pasa lo mismo con la accesibilidad web? La conclusión que podemos obtener del caso de Renfe es que a la Administración Pública no le preocupa mucho que se cumpla o no se cumpla la ley. Que el sitio web no sea accesible si que afecta a la sociedad, a miles de usuarios con discapacidad que no pueden hacer un uso correcto del sitio web de Renfe. Sin embargo, la Administración Pública no demuestra el mismo interés que con la ITV.

martes, 4 de agosto de 2015

Denuncia por falta de accesibilidad en el sitio web de Renfe (2)

La falta de accesibilidad del sitio web de Renfe es un tema recurrente del que ya he escrito muchas veces en este blog:
Y también tengo un par de vídeos sobre cómo se navega por la página web de Renfe con un lector de pantallas:
Pues bien, ya han pasado casi 2 años desde el último análisis y casi todo sigue igual, los problemas de accesibilidad siguen ahí.

Recientemente he publicado un par de análisis sobre la accesibilidad de la página principal de Renfe:
En el primer análisis, de forma muy somera, repaso la accesibilidad de la página principal a lo largo de sus diferentes versiones desde la creación del sitio web.

En el segundo análisis reviso la accesibilidad de la página actual desde el punto de vista de un usuario ciego que utilice un lector de pantallas. Por tanto, no es un análisis completo de la accesibilidad.

En el tercer análisis, reviso con mayor profundidad la accesibilidad de diferentes páginas del sitio web.

Los diferentes análisis que he realizado a lo largo de estos años muestran que el sitio web de Renfe presenta importantes problemas de accesibilidad. Sí, algunos han ido desapareciendo a lo largo de estos años, pero también han ido apareciendo otros nuevos.

Sin embargo, en la resolución del expediente sancionador I-1/2014, firmado por Susana Camarero Benítez, la Secretaría de Estado de Servicios Sociales e Igualdad, la razón que se esgrime para resolver "SOBRESEER y ARCHIVAR el presente expediente, declarando  la no existencia de infracción" es que Renfe se está portando bien porque muestra una voluntad de resolver los problemas de accesibilidad de su sitio web:
Ha quedado de manifiesto a lo largo de la tramitación del expediente el esfuerzo, interés y dedicación de la denunciada  para subsanar las deficiencias puestas de manifiesto por los denunciantes, lo que ha conseguido a pesar de la complejidad técnica, el coste económico y el escaso tiempo  dispuesto  para este tipo de ajustes. Esta disposición de la denunciada se confirma con su dinámica actuación en este tema, como  ha puesto de manifiesto el informe técnico del CENTAC y con  su  voluntad  probada al haber suscrito contratos con empresas externas para realizar servicios de asesoría y consultoría que permitirán hacer y mantener las páginas web más accesibles en su conjunto.
Teniendo en cuenta estos hechos, no se puede apreciar actualmente incumplimiento en materia de accesibilidad web, al haber efectuado hasta la fecha todos los procesos técnicos de accesibilidad razonable, tecnológica y económicamente posibles, y proporcionados y, por tanto, que se haya obstaculizado o limitado a las personas con discapacidad el acceso o utilización regulares, ni que se haya vulnerado el derecho a la igualdad de oportunidades, no discriminación y accesibilidad universal en el ámbito de las telecomunicaciones y de la sociedad de la información.
Conclusión: si no cumples la legislación actual, no hay problema, si muestras un poco de interés por mejorar algunos problemas de accesibilidad de tu sitio web, consideraremos que realmente no estás incumpliendo la ley.

lunes, 3 de agosto de 2015

Denuncia por falta de accesibilidad en el sitio web de Renfe (1)

Desgraciadamente, esto se veía venir...

En enero de 2012 escribí ¿Denunciar la falta de accesibilidad? Inútil en España. Ese escrito lo terminaba con:
¿Para qué tantas leyes, regímenes sancionadores y órganos competentes que deben vigilar su cumplimiento? Luego se dice que sobra administración pública, y con razón, porque mucha no sirve para absolutamente nada.
Tres años después, aquella afirmación la puedo ratificar, y de primera mano.

Con fecha 30 de julio de 2015, José Ángel Carrey Torralba recibió la notificación de la resolución del expediente sancionador I-1/2014 que se había iniciado el 10 de abril de 2013 cuando "presentó una denuncia contra Renfe-Operadora por incumplimiento de las condiciones de accesibilidad, en especial de la web de compra de billetes, para su uso por personas con discapacidad visual, en especial los ciegos totales que usan lectores de pantalla".

Más de dos años después de presentar la denuncia, a José Ángel se le comunicó que Susana Camarero Benítez, la Secretaría de Estado de Servicios Sociales e Igualdad, resolvía "SOBRESEER y ARCHIVAR el presente expediente, declarando  la no existencia de infracción".

Después de numerosas pruebas presentadas, la Secretaría de Estado de Servicios Sociales e Igualdad, dependiente del Ministerio de Sanidad, Servicios Sociales e Igualdad consideraba que el sitio web de Renfe era accesible, no presentaba problemas de accesibilidad y por tanto no existía ninguna razón para sancionar a Renfe.

Me gustaría sentar a Susana Camarero Benítez, la Secretaría de Estado de Servicios Sociales e Igualdad que firma la resolución, delante de un ordenador con los ojos cerrados y un lector de pantallas para que probase a comprar un billete en la web de Renfe.

Susana Camarero Benítez es licenciada en Derecho por la Universidad de Valencia. Es probable que antes de completar la compra le pasase lo que vemos en el siguiente vídeo, lo cual no le deseo, por supuesto:



La Associació Catalana per a la Integració del Cec, a la cual pertenece José Ángel Carrey Torralba, tiene abierta una petición en change.org: Estamos indignados: finalmente Renfe no será sancionada y necesitamos seguir luchando con tu ayuda.

Además, José Ángel Carrey Torralba ha publicado la notificación de resolución del expediente sancionador.

Y mañana, más.

jueves, 30 de julio de 2015

Los problemas de accesibilidad de la web de Renfe

El sitio web de Renfe no es accesible, por mucho que Renfe diga que es accesible, y por mucho que la Dirección General de Políticas de Apoyo a la Discapacidad del Ministerio de Sanidad, Servicios Sociales e Igualdad les dé la razón. Cuando se resuelva el procedimiento que todavía está abierto, hablaré de ello.

Mientras tanto, nos tenemos que conformar con el artículo Los discapacitados enfrentan barreras en la red que la ley no logra derribar que se publicó hace unos días en el periódico El País.

martes, 17 de marzo de 2015

Análisis de la accesibilidad de la página principal del sitio web de Renfe

Este es un tema recurrente del que he escrito varias veces:
Y también tengo un par de vídeos sobre cómo se navega por la página web de Renfe con un lector de pantallas:
Pues bien, ya han pasado casi 2 años desde el último análisis y casi todo sigue igual, los problemas de accesibilidad siguen ahí.

Recientemente he publicado un par de análisis sobre la accesibilidad de la página principal de Renfe:
En el primer análisis, de forma muy somera, la accesibilidad de la página principal a lo largo de sus diferentes versiones desde la creación del sitio web.

En el segundo análisis reviso la accesibilidad de la página actual desde el punto de vista de un usuario ciego que utilice un lector de pantallas. Por tanto, no es un análisis completo de la accesibilidad.

miércoles, 11 de marzo de 2015

Entrevista para el artículo "Cuando navegar de oídas es una odisea: la internet española no es para ciegos"

Ayer se publicó el artículo Cuando navegar de oídas es una odisea: la internet española no es para ciegos. Hace unos días me entrevistaron para incluir mis comentarios en ese artículo:

Entras en Renfe.com. Buscas origen y destino y llenas tu carrito virtual. Acabas de adquirir cómodamente tus billetes para una escapada de fin de semana. Ahora, vuelve a entrar en la web con un lector de pantalla, el 'software' que utilizan las personas invidentes para navegar. Difícilmente concluirás tu proceso de compra. "En Renfe, desde que introduces las ciudades de origen y destino, ya hay una barrera a la accesibilidad", explica Sergio Luján, profesor de la Universidad de Alicante y experto en accesibilidad web, a HojadeRouter.com.

[...]

En España, 3,8 millones de personas sufren algún tipo de discapacidad. Más de 700.000 padecen alguna discapacidad de tipo visual, de las cuales 70.000 son invidentes. Sin embargo, en materia de accesibilidad web aún queda mucho camino por recorrer. "Desde el año 2004 sí ha cambiado la accesibilidad web en España: ahora hay mucho más interés, pero va lento y las personas con discapacidad necesitan que sea accesible ya", señala Luján.

[...]

Aunque las infracciones pueden ser sancionadas, en España de momento no se ha hecho. "Ha habido leyes que han impuesto que se cumplan unos criterios de accesibilidad, pero no ha habido sanciones o una repercusión que hayan obligado a que se cumplan", nos cuenta Sergio Luján. "No se obliga a las empresas a demostrar que sus sitios web son accesibles", critica este profesor.

[...]

"Cuando se pregunta a personas con discapacidad, este 'captcha' es uno de los mayores problemas, aunque hay otras opciones para no utilizarlo", cuenta Luján. 

[...]

"La accesibilidad se ha de tener en cuenta desde el principio: es como si construyes una vivienda y el cliente, cuando ya está construida, decide poner una ventana en una pared. Hubiera salido más barato hacerlo accesible desde el principio. El error, en muchas ocasiones, es que se intenta hacer accesible después y eso es mucho más costoso", nos cuenta Sergio Luján.

[...]

"Hay que enseñar a las personas que crean los sitios web a que los hagan accesibles, y eso es más difícil, a veces no se toma conciencia de ello porque mucha gente ni siquiera sabe qué es el atributo 'alt' de una web", señala Luján, que añade que la accesibilidad es útil no solo para las personas con discapacidad, sino para todos los usuarios de la web.

viernes, 14 de noviembre de 2014

Denuncias por webs inaccesibles en España

Sobre el tema de las denuncias por falta de accesibilidad en España he escrito varias veces:
En España, que yo sepa, no ha habido hasta ahora ninguna sanción por falta de accesibilidad en un sitio web. Pero según creo, y espero, es muy probable que en los próximos meses se produzcan las primeras.

Por un lado, tengo constancia de que el sitio web de Renfe tiene varias denuncias interpuestas por varios usuarios.

Por otro lado, acabo de leer la noticia El gobierno expedienta por webs inaccesibles a el corte inglés, iberia y jazztel publicada el pasado 8 de noviembre.

Bueno, el titular es demasiado exagerado, porque la noticia dice:
El Ministerio de Sanidad, Servicios Sociales e Igualdad ha abierto un expediente sancionador a El Corte Inglés, Iberia y Jazztel debido a la inaccesibilidad de sus páginas web y después de las denuncias planteadas en este sentido por el Comité Español de Representantes de Personas con Discapacidad (Cermi).
Una cosa es abrir expediente sancionador y otra es que realmente haya ya una sanción. Tendremos que seguir esperando...

viernes, 3 de octubre de 2014

Rediseño de la web de Renfe

La web de Renfe nunca se ha caracterizado por ser una buena web. La web ha sufrido diferentes renovaciones, pero siempre ha presentado un aspecto de "web antigua" y numerosos problemas de usabilidad.

Aunque ya tiene su tiempo, he encontrado esta propuesta de rediseño de la web de Renfe:


Por otro lado, la web también presenta numerosos problemas de accesibilidad. Hace un tiempo publiqué algunos vídeos sobre ello:

Accesibilidad de la web de Renfe (1)


Accesibilidad de la web de Renfe (2)


Accesibilidad de la web de Renfe: NVDA

miércoles, 1 de octubre de 2014

Renfe paralímpico

Me ha sorprendido descubrir que Renfe forma parte del grupo de empresas que apoyan el Plan Apoyo al Deporte Objetivo Paralímpico (ADOP).

¿Y por qué me ha sorprendido? Bueno, el apoyo de Renfe, al igual que el apoyo de cualquier otra empresa al deporte, a la cultura o a una obra social no es un apoyo altruista... ya lo dice el dicho, "nadie hace nada por nada", y menos una empresa cuyo objetivo es ganar cuanto más dinero, mejor. Renfe encuadra este apoyo en su responsabilidad empresarial, en su "compromiso con la sociedad". Esto de juntar empresa y responsabilidad social empresarial es un gran oxímoron, como "monarquía moderna" o "político íntegro".

¿Qué gana Renfe o cualquier otra empresa con todo esto? De entrada, desgravarse impuestos y obtener publicidad "buena, bonita y barata". Pero seguro que obtiene más cosas...

En vez de hacer gestos de este tipo, que están muy bien, Renfe y el resto de las empresas podrían realizar gestos más reales. Por ejemplo, Renfe podría solucionar los problemas de accesibilidad de su sitio web que varias veces he comentado a través de vídeos:

Accesibilidad de la web de Renfe (1):



Accesibilidad de la web de Renfe (2):



sábado, 22 de junio de 2013

Noticia sobre mi análisis de Renfe

Ayer se publicó el artículo La Universidad de Alicante realiza un estudio sobre la accesibilidad web de Renfe en el que se comenta mi análisis sobre la accesibilidad de la nueva web de Renfe.

martes, 11 de junio de 2013

Adif, errores solucionados

Hace dos meses publiqué el vídeo Errores Web: Renfe, Adif y los nombres de las estaciones:



En el vídeo mostraba un problema que no es realmente un problema de accesibilidad, afecta a todos los usuarios: las provincias de Álava y León aparecían repetidas. Pero problemas como el de los nombres de las estaciones se pueden ver potenciados de forma negativa en el caso de las personas con discapacidad.

Por ejemplo, en la lista de provincias aparecían repetidas las provincias de Álava y León, y las estaciones de ambas provincias se repartían entre las dos repeticiones. Una persona que ve tiene más fácil darse cuenta de que esas provincias aparecen repetidas que una persona ciega que usa un lector de pantallas.

Desde aquí, le doy las gracias a Adif por resolver este problema, que no sé si lo han hecho a raíz de mi vídeo, pero resuelto está.

En la siguiente imagen vemos que la provincia de Álava ya no aparece repetida, además, también han corregido el nombre de Vizcaya:


En la siguiente imagen vemos que la provincia de León tampoco aparece repetida:


Ahora ya sólo falta que Renfe resuelva el lío que tiene con el nombre de las estaciones.

viernes, 7 de junio de 2013

La accesibilidad de la web de Renfe (2)

Ayer publiqué la primera parte del vídeo sobre la accesibilidad de la nueva web de Renfe, y hoy publico la segunda parte del vídeo. En este vídeo se muestran los principales problemas de accesibilidad que presentan dos páginas, la página principal del sitio web y la página que aparece cuando se introducen los datos de un viaje y se pulsa en el botón "Comprar":
  • En la página principal:
    • Errores de validación del código HTML.
    • Hay campos en el formulario de selección de trenes que no tienen una etiqueta que los identifique.
    • Atributo title en enlaces redundante porque repite la misma información que contiene el enlace.
    • El formulario de selección de trenes no tiene un botón de envío, es un enlace.
    • No se indica el formato para introducir la fecha de salida y de regreso.
    • La lista de estaciones no es accesible para los usuarios ciegos.
    • Ausencia de encabezados en algunas zonas importantes.
    • No se avisa de que ciertos enlaces se abren en una ventana nueva (en realidad, no se debería abrir ninguno en una ventana nueva).
  • Y en la segunda página, la que sale una vez se han completado el formulario de compra:
    • Errores de validación del código HTML, como una tabla con dos títulos, que pueden repercutir en la accesibilidad.
    • Los encabezados son un verdadero desastre.
    • Los botones para pasar al día anterior o al día siguiente no son botones, son enlaces.
    • El formulario para acceder como un usuario registrado no tiene un botón de envío, es un enlace.
    • El botón para continuar con la compra no es un botón, es un enlace.


Y la transcripción del audio:

Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo vamos a ver algunos problemas graves de accesibilidad que presenta el nuevo sitio web de Renfe.

Este vídeo consta de varias partes y ha sido realizado con la colaboración de Ramón Corominas y Jesús Álvarez del Amo, que realizaron una presentación sobre los problemas de la web de Renfe en el marco de las reuniones de “Madrid Accesibilidad TICs”.

En el vídeo anterior, vimos que en los últimos meses ha habido varias quejas de usuarios respecto a los problemas de usabilidad y de accesibilidad de la nueva web de Renfe. En este vídeo vamos a ver los principales problemas de accesibilidad.

En concreto, vamos a ver los problemas que presentan dos páginas, la página principal y la página que aparece al introducir los datos de un viaje y pulsar en el botón comprar.

Voy a empezar con la validación del código HTML de la página principal, ya que las dos versiones de las Pautas de Accesibilidad al Contenido en la Web del W3C lo exigen.

Los resultados que se obtienen con el validador oficial del W3C son desastrosos, 75 errores y 7 advertencias.

Vamos a ver los primeros errores simplemente para tener una idea de su naturaleza.

La página tiene definido el DOCTYPE XHTML 1.0 Strict, lo cual está muy bien.

El primer error es que la página contiene el atributo “onLoad” con la “l” en mayúsculas. En XHTML los atributos se tienen que escribir todos en minúsculas.

A continuación, hay errores en el primer formulario, porque está escrito directamente dentro de la etiqueta form, y eso no es posible. Los campos de un formulario deben de escribirse dentro de un elemento de bloque, como un párrafo p o un contenedor div.

Este formulario tiene campos de tipo input que no han sido cerrados. Sin embargo, es gracioso ver que otras etiquetas de tipo input sí que han sido cerradas correctamente. ¿A qué se debe este error? ¿A un olvido? ¿A las prisas? ¿A una falta de control de calidad?

Y bueno, así hasta llegar a los 75 errores.

La herramienta de evaluación de la accesibilidad WAVE detecta 5 errores y 22 advertencias.

Los cinco errores son campos del formulario que no tienen asociados una etiqueta label que los identifique.

En realidad, como podemos ver, sí que existen las etiquetas label para esos campos, pero la asociación está mal hecha, porque el valor del atributo “for” no se corresponde con el atributo “id” o el campo no tiene atributo “id”.

Por cierto, en este fragmento de código sorprende encontrarse dos etiquetas input escritas en mayúsculas. Eso es otro error de validación.

En 10 ocasiones, el atributo “title” usado en enlaces es redundante, porque repite el mismo texto que contiene el enlace. Eso es totalmente inútil, no sirve para nada, pero puede ocasionar problemas.

WAVE señala como una advertencia, como un posible error el uso de “accesskey”, los atajos de teclado, nueve veces. Aunque en principio es una característica destinada a mejorar la accesibilidad, normalmente se desaconseja su uso, ya que estos atajos de teclado pueden interferir con los atajos de teclado que tenga definido el usuario. Por lo tanto, es mejor no usarlo en un sitio web destinado a todo el público.

La herramienta de evaluación TAW detecta 13 errores automáticos de prioridad 2.

Los errores detectados son básicamente los mismos que hemos visto antes: los campos de los formularios están mal etiquetados.

La herramienta de evaluación eXaminator proporciona una nota de 6,5 sobre 10. En la página web de Renfe hay 6 pruebas que se valoran como “mal”.

eXaminator detecta un error importante: hay un formulario sin un botón de envío.

Efectivamente, el formulario principal, el de compra de billetes, el que seguramente más le interesa a los usuarios, y más le tiene que interesar a Renfe porque es su fuente de ingresos, no tiene botón de envío.

Estos dos botones que vemos aquí, “Todas las estaciones” y “Comprar”, no son realmente botones, visualmente parecen botones, pero son enlaces que realizan la función de botones.

Aunque no es una barrera de accesibilidad grave, sí que puede causar confusión entre algunos usuarios.

Además, eXaminator también detecta que hay un valor del atributo id repetido en la página.

Este error está otra vez relacionado con los campos de los formularios.

En definitiva, que la página web contiene numerosos errores. Alguien puede decir que no son errores importantes, pero aunque fuese verdad, que no lo es, son un claro síntoma del poco cuidado que tiene la gente que desarrolla el sitio web de Renfe.

Antes de continuar, hay que recordar que las herramientas automáticas de evaluación de la accesibilidad no son capaces de detectar todos los problemas. En realidad, los problemas más graves que presenta la página web de Renfe, que los vamos a ver a continuación, no son detectados por las herramientas que acabamos de ver.

Como ya podemos intuir por los resultados de las herramientas automáticas de evaluación de la accesibilidad, los problemas más graves están en el formulario de compra.

En este formulario, el origen y el destino de un viaje sí que están correctamente identificados por una etiqueta label.

Pero la fecha de salida y la fecha de regreso no están correctamente relacionadas con sus correspondientes etiquetas.

Por cierto, en este fragmento de código, ¿qué hace un div dentro de un párrafo? Eso es otro error de validación.

Sin la correcta identificación de los campos, un usuario ciego que utiliza un lector de pantallas, no sabe qué tiene que introducir en estos dos campos.

Además, ¿qué formato de fecha se debe emplear? Este ya no es sólo un problema de accesibilidad, sino que es un problema de usabilidad porque afecta a todos los usuarios.

Y ya que estamos, otro problema de usabilidad. Si aquí se habla de “Ida y vuelta”, ¿por qué no emplea la misma denominación aquí? ¿Por qué se emplea “Salida” y “Regreso”?

En realidad, podemos ver que en esta versión del sitio web de Renfe de abril de 2010, se empleaban los términos “Ida” y “Vuelta” para la fecha de ida y la fecha de vuelta.

Pero el problema más grave es la lista de búsqueda de estaciones para el origen y el destino.

La lista desplegable que aparece se puede emplear con el teclado sin problemas, pero no es accesible para los usuarios ciegos que utilizan un lector de pantallas, pero este problema se explicará en un siguiente vídeo.

Un aspecto positivo que tiene la página principal de Renfe es el empleo correcto de los encabezados. Sin embargo, vamos a ver que no ocurre lo mismo en todas las páginas.

Estos son todos los encabezados que hay en la página principal de Renfe.

Se podría haber hecho un poco mejor, ya que hay una zona muy importante que no tiene encabezados, el apartado de redes sociales.

Justo en el apartado de redes sociales encontramos un problema importante: no avisa de que los enlaces se abren en una ventana nueva.

En realidad, abrir un enlace en una ventana nueva es una mala opción para todos los usuarios, el usuario tiene que tener la libertad de tomar la decisión de abrir un enlace en una ventana nueva, no se debe decidir por el usuario.

Y otra pregunta, ¿por qué dos listas? Se podría haber hecho con una sola lista y habría sido más significativo.

Pero curiosamente, esta barra de navegación, cuyos enlaces también se abren en una ventana nueva, como podemos ver en este fragmento de código, sí que tienen un aviso, en concreto “Se abre en ventana nueva”, que añade un pequeño icono con ese texto alternativo a los enlaces anteriores que tienen un id con el valor “opc” más un número.

¿Y el “BonoAVE”, por qué no tiene la imagen y el aviso? Muy sencillo, porque se les olvidó poner atributo id en el enlace de “BonoAVE”.

Bien, ahora vamos a ver la segunda página, la página que aparece al introducir los datos de un viaje y pulsar en el botón comprar.

En esta página el usuario tiene que elegir el tren que desea utilizar entre todos los que ha encontrado Renfe que cumplen sus criterios de búsqueda.

En esta página hay un error tremendo.

Mientras que en la página anterior, la página principal, los encabezados estaban correctamente etiquetados, en esta página los encabezados son un desastre y no sirven para nada.

¿Dónde está el problema? El problema está en que no se han cerrado correctamente los encabezados.

Por ejemplo, aquí tenemos el primer encabezado h1 que sí que está cerrado correctamente.

Pero el segundo encabezado h1 no se cierra correctamente, e incluye todo lo que viene a continuación.

Este encabezado se abre en la línea 511, y se cierra posteriormente en la línea 597.

Pero como podemos ver aquí, esto no sólo ocurre con este encabezado, ocurre lo mismo con los siguientes encabezados de la página.

Otro problema importante se encuentra en este panel para cambiar el día del viaje.

En primer lugar, hay un problema de usabilidad importante. El color gris se suele emplear para indicar que un elemento de interacción como un botón, no es utilizable, sin embargo, en esta página, estos dos botones que aparecen en gris sí que se pueden utilizar.

Pero el problema de accesibilidad lo detectamos al ver el código fuente. Otra vez, lo que aparentemente son botones, en realidad no son botones.

Son enlaces a los que se les ha asignado una acción con el evento “onclick”.

Si algo parece un botón y actúa como un botón, ¿por qué no está etiquetado como un botón?

Pero además, el texto de estos enlaces no es significativo, no identifica correctamente la función del enlace, del botón. ¿”Día antes” y “Después”, de qué?

Algunos usuarios, por ejemplo los usuarios ciegos que utilizan un lector de pantallas, navegan por las páginas web a través de una lista que contiene todos los enlaces de la página.

En la página de Renfe, a los usuarios ciegos les aparece repetido el enlace “Día Antes” y “Después”, pero no saben si se refiere al viaje de ida o de vuelta.

Por cierto, en la página principal se usan los términos “Salida” y “Regreso”, ¿por qué se emplean ahora los términos “Ida” y “Vuelta”? ¿No crea un poco de confusión?

Y ya para finalizar, dos botones más que no son realmente botones.

Por un lado, el botón “Entrar”, del formulario para acceder como un usuario registrado no es realmente un botón, es, otra vez, un enlace que hace creer que es un botón.

Por otro lado, al final de la página aparece el botón “Continuar”, que tampoco es realmente un botón, sino que es un enlace con una acción asociada.

Y además, qué codigo HTML más raro: un h3, que tiene dentro un div, que a su vez tiene un enlace a, que a su vez tiene otro div.

En resumen, sin duda alguna, de la nueva página web de Renfe se puede decir que se puede hacer mal, pero peor que esto, imposible.

Y con esto finaliza este videotutorial que ha mostrado algunos de los problemas de accesibilidad que presenta el sitio web de Renfe.

Si necesitas más información o quieres contactar conmigo, en mis páginas web http://accesibilidadweb.dlsi.ua.es y en http://desarrolloweb.dlsi.ua.es podrás encontrar más información sobre la accesibilidad web y el desarrollo web o también puedes contactar directamente conmigo a través de mi dirección de correo electrónico sergio.lujan@ua.es o a través de mi cuenta de Twitter @sergiolujanmora.

Muchas gracias por tu atención.

jueves, 6 de junio de 2013

La accesibilidad de la web de Renfe (1)

El pasado 8 de febrero de 2013, Renfe cambió sus tarifas y aprovechó el cambio para introducir algunos cambios en su web.


Desgraciadamente, los cambios hicieron que los problemas de accesibilidad aumentaran, y ahora mismo una persona ciega que utilice un lector de pantallas no puede comprar un billete de tren ella sola.

José Ángel Carrey, un usuario ciego, se puso en contacto con Renfe para comunicar el problema, lo denuncio públicamente y a través de los cauces legales que existen para ello, y sin embargo los problemas se siguen sin resolver.



El 8 de marzo, dentro del marco de las reuniones de Madrid Accesibilidad TICs, se realizó una charla de la serie Pesadilla en Internet a los problemas de accesibilidad de la nueva web de Renfe. Ramón Corominas y Jesús Álvarez del Amo mostraron los principales problemas de accesibilidad de la web de Renfe. En el enlace anterior podemos encontrar los vídeos de esa charla.

En base a la información expuesta en la charla anterior, he realizado unos vídeos para explicar el problema. Hoy publico la primera parte, Accesibilidad de la web de Renfe (1):


Mañana publicaré la segunda parte en la que comento los principales problemas de accesibilidad que presenta la nueva web de Renfe. La tercera parte en la que se explica el problema más importante la realizará Ramón Corominas y la publicará en breve.

Y la transcripción del audio del vídeo:


Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y este vídeo forma parte de una serie de videotutoriales dedicados a la accesibilidad web. En este vídeo vamos a ver unos problemas graves de accesibilidad que presenta el sitio web de Renfe.

Este vídeo consta de varias partes y ha sido realizado con la colaboración de Ramón Corominas y Jesús Álvarez del Amo, que realizaron una presentación sobre los problemas de la web de Renfe en el marco de las reuniones de “Madrid Accesibilidad TICS”.

En esta primera parte vamos a ver el porqué de estos vídeos sobre la accesibilidad de la web de Renfe.

El pasado 8 de febrero, Renfe cambió sus tarifas y aprovechó el cambio para introducir algunos cambios en su web.

El cambio de tarifas produjo un “efecto llamada” y fue masiva la afluencia de gente que visito la nueva web.

Desgraciadamente, durante las siguientes semanas, también fueron masivas las quejas de los usuarios que aparecieron en Twitter.

Los usuarios comentaban los graves problemas que tenían para usar la nueva web. En algunos casos era un misión imposible comprar un billete en la nueva web.

Los mensajes de queja siguieron durante los siguientes meses al estreno de la nueva web de Renfe.

Algunos mensajes también señalaban un problema importante, la falta de usabilidad de la web de Renfe.

En enero del año 2013, se publicó un trabajo en el que se analizaba la usabilidad de la web de Renfe,
y se comparaba con otras dos compañías europeas, las empresas ferroviarias nacionales de Alemania y de Francia.

Los resultados que obtuvo la web de Renfe no fueron muy buenos.

Así, por ejemplo, al comparar la eficiencia en la realización de ciertas tareas, en el caso de la web de Renfe, prácticamente 1 de cada 2 tareas era ineficiente, mientras que en el caso de la web alemana, eso ocurría, prácticamente, sólo en 1 de cada 10 casos, y en el caso de la web francesa, en casi 1 de cada 3 casos.

Y con respecto a la satisfacción general, la web de Renfe también obtenía peores resultados que las otras dos webs.

¿Qué le pasa a la web de Renfe? Estos problemas no son de ahora, son problemas que la web arrastra desde hace muchos años.

En una noticia publicada en el periódico digital eldiario.es poco después del estreno de la nueva web de Renfe, encontramos una posible explicación. La web de Renfe “es un engendro”, un monstruo de Frankenstein, en el que participan numerosas empresas y consultores.

Y ya se sabe lo que dice el refrán, “muchos cocineros, estropean el caldo”. Y más si son cocineros a los que les gusta comer bien.

Pero además de los problemas de usabilidad, lo que me interesa contar en este vídeo son los problemas de accesibilidad.

En Twitter también se publicaron algunas quejas sobre los problemas de accesibilidad de la nueva web.

En particular, José Ángel Carrey, un usuario ciego, se dirigió varias veces a Renfe para que resolviera los problemas de accesibilidad.

José Ángel Carrey se dirigió directamente a Renfe por varios medios, por Twitter, por Facebook y por correo electrónico.

La respuesta que obtenía de Renfe era siempre la misma: la nueva web es accesible o tiene algunos pequeños problemas que se están solucionando.

Sin embargo, casi 4 meses después del estreno de la nueva web de Renfe, los problemas siguen existiendo.

Pero, ¿la web de Renfe tiene que ser accesible?

Sí, en España existen diversas leyes que obligan a que la web de Renfe sea accesible.

Y no vale decir eso de que “son desarrollos nuevos y estamos subsanando los errores”.

La ley establece que los desarrollos nuevos tienen que ser accesibles desde el principio.

Ahora te invito a que veas la siguiente parte de este vídeo, en el que veremos los problemas concretos de accesibilidad que presenta la nueva web de Renfe.

Y con esto finaliza esta primera parte del vídeo dedicado a los problemas de accesibilidad de la nueva web de Renfe.

Si necesitas más información o quieres contactar conmigo, en mis páginas web http://accesibilidadweb.dlsi.ua.es y en http://desarrolloweb.dlsi.ua.es podrás encontrar más información sobre la accesibilidad web y el desarrollo web o también puedes contactar directamente conmigo a través de mi dirección de correo electrónico sergio.lujan@ua.es o a través de mi cuenta de Twitter @sergiolujanmora.

Muchas gracias por tu atención.

jueves, 17 de enero de 2013

Iberia se da por enterada

Hace unas semanas, publiqué dos vídeos de denuncia por los correos electrónicos y la página web no accesible que emplea Iberia para comunicarse con sus clientes:
Hace unos días, Iberia me dejó el siguiente comentario en el primer vídeo:
Muchas gracias, Sergio. Hemos tomado nota de los comentarios y lo tendremos en cuenta. Un saludo.

¡Excelente! Vamos a ver si es verdad y cambian la forma de enviar sus correos electrónicos.

Seguro que más de uno pensara que soy un poco "expeditivo" con estos vídeos, que debería contactar primero con el implicado, que seguro que si se les dice de buenas maneras lo cambian rápidamente, etc. Pues no, porque alguna vez he actuado así y los resultados han sido "cero patatero".

Además, los vídeos no sólo los realizo como denuncia, si no también, y principalmente, como un medio para enseñar a otros lo que no hay que hacer.

¿Próximo objetivo Renfe? En Renfe cometen exactamente el mismo error...

martes, 10 de julio de 2012

Errores web: Renfe y los encabezados

He realizado un vídeo sobre un grave error (creo que ni mis alumnos escriben un código tan malo) que existe en la página de venta de Renfe:


A continuación, la transcripción del audio:

Hola, soy Sergio Luján Mora, profesor de la Universidad de Alicante, y este videotutorial forma parte de una serie de videotutoriales dedicados a estudiar errores de diseño, de usabilidad y de accesibilidad que presentan sitios web importantes.

El sitio web que vamos a analizar a continuación es el del principal operador ferroviario de España, la compañía Renfe Operadora. En la actualidad, Renfe es la única operadora de viajeros del sector ferroviario español.
Hoy, 9 de julio de 2012, este es el aspecto que presenta la página principal del sitio web de Renfe. Podemos ver un par de referencias a la fiesta de San Fermín: muy bien, Renfe dispone de un equipo de desarrolladores web capaces de actualizar y renovar este sitio web cuando sea necesario. ¿Seguro? De esta página me interesa mucho el logotipo del Gobierno de España – Ministerio de Fomento. ¿Por qué?

Recordemos que en España, desde hace tiempo, existen diferentes leyes que establecen los niveles mínimos de accesibilidad web que deben presentar los sitios web de las administraciones públicas o que estén financiados por dinero de las administraciones públicas.

Según la Wikipedia, Renfe Operadora se configura como una entidad pública empresarial dependiente del Ministerio de Fomento.

Por tanto, el sitio web de Renfe debe ser accesible.

Pero además, en el caso de Renfe, se le debe aplicar también la LEY 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información, ya que en el artículo 2, esta ley obliga a las empresas que cumplan una serie de condiciones a satisfacer un nivel de accesibilidad en sus páginas web equivalente al nivel AA del W3C.

Entre estas empresas, figura en el apartado g “Servicios de transporte de viajeros por carretera, ferrocarril, por vía marítima, o por vía aérea, de acuerdo con lo dispuesto en la normativa específica aplicable”.

Por tanto, el sitio web de Renfe debe ser accesible por partida doble: por ser un sitio web dependiente de las administraciones públicas y por ser un sitio web de una empresa de especial trascendencia económica.

Sin embargo, el sitio web de Renfe no cumple los niveles exigidos de accesibilidad. En este vídeo vamos a ver un pequeño ejemplo de ello.

En concreto, el error que vamos a mostrar consiste en un uso incorrecto de los encabezados, es decir, de las etiquetas h1, h2, h3, etc. Los encabezados ayudan a mejorar la accesibilidad de una página web, ya que, por ejemplo, los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, pueden navegar directamente de un encabezado a otro ya que los lectores de pantalla suelen proporcionar una lista con los encabezados de la página.

En la página principal de Renfe, si utilizamos la barra de herramientas Web Developer en Mozilla Firefox para descubrir los encabezados de la página, vemos que aparentemente sólo hay un encabezado, sólo aparece resaltado un único encabezado, lo cual sería un grave error.

Sin embargo, si utilizamos el complemento HeadingsMap también para Mozilla Firefox, podemos comprobar que hay más encabezados, de nivel 1 y varios de nivel 2. ¿Cómo puede ser que Web Developer sólo nos resalte un encabezado?

Si exploramos el código fuente de la página principal encontraremos que existen varios encabezados con la clase “oculto”. ¿Puede ser que estos encabezados se estén ocultando a propósito? ¿O es esto un error?

Al ver la definición de la clase oculto en el CSS, comprobamos que efectivamente los encabezados de nivel 2 que llevan esta clase se han ocultado en la presentación gráfica de la página web, ya que se desplazan fuera de la ventana, y, por tanto, no son visibles, aunque están ahí. Sin embargo, para un usuario que utilice un lector de pantallas sí que estarán disponibles y les ayudarán a navegar por la página web.
Los encabezados se han ocultado correctamente: no se ha usado {display: none}, que no funciona correctamente, ya que también lo oculta a los usuarios de lectores de pantalla.

Así que, como vemos, los desarrolladores web de Renfe saben hacer las cosas bien, muy bien, y en la página principal lo han demostrado, pero como veremos a continuación, tienen mala memoria y a veces se les olvida cómo hacer las cosas bien.

En concreto, veamos la página de “Compra de billetes”, la que sin duda es la más importante para la mayoría de los usuarios que visitan este sitio web, y debería ser la más importante para Renfe, ya que es la página web con la que hace dinero.

Si en esta página, utilizamos otra vez el complemento HeadingsMap para explorar los encabezados de la página descubrimos unos encabezados muy largos y raros. ¡Raro, raro!

Y si validamos el código HTML, nos encontramos con 92 errores y 20 advertencias. ¡¡Madre mía!! ¿Qué está pasando en esta página web?

A los desarrolladores web de Renfe habría que darles un buen tirón de orejas por el código HTML que contiene esta página.

Vamos a ver el código fuente de esta página y así descubriremos el problema que hay con los encabezados.

Aquí podemos ver resaltado el código HTML de este encabezado. El segundo encabezado que vemos aquí, que aparentemente, y realmente, contiene también la barra de selección de idiomas.

Como vemos, no se ha cerrado la etiqueta h1, así que el encabezado sigue, sigue y sigue, hasta que se encuentra el inicio de otro encabezado.

Y aquí, con este encabezado se vuelve a repetir el mismo problema, se les ha olvidado cerrar esta etiqueta h3, así que el encabezado, su contenido, es esto, y esto, y esto, y esto, y todo lo que venga a continuación.

¡Mal, muy mal, fatal!

Y bueno, ya está bien de trabajar gratis para una compañía como Renfe que luego me cobra muy bien sus billetes.

Antes de finalizar este vídeo, me gustaría mandarle un afectuoso saludo a Óscar Gorri y a José María Ortiz por haberme señalado este grave error que existe en la página web de Renfe y que estropea la accesibilidad web.

Y con esto finaliza este videotutorial que ha mostrado un grave error, no sólo de accesibilidad, sino de desarrollo web, que existe en una de las páginas más importantes del sitio web de Renfe.

Si necesitas más información o quieres contactar conmigo, en mis páginas web http://accesibilidadweb.dlsi.ua.es y en http://desarrolloweb.dlsi.ua.es podrás encontrar más información sobre la accesibilidad web y el desarrollo web o también puedes contactar directamente conmigo a través de mi dirección de correo electrónico sergio.lujan@ua.es o a través de mi cuenta de Twitter @sergiolujanmora.

viernes, 25 de marzo de 2011

Entrega de los premios de la primera edición de los Premios Discapnet

El pasado 10 de marzo de 2011 se entregaron los premios de la primera edición de los Premios Discapnet 2011. La noticia dice:
S.A.R. la Princesa de Asturias y el presidente de la ONCE y su Fundación, Miguel Carballeda, hicieron entrega, el 10 de marzo de 2011, de la primera edición de los Premios Discapnet a varias iniciativas en las que las nuevas tecnologías mejoran la vida cotidiana de personas con discapacidad, como la inclusión escolar de una niña con discapacidad severa con sólo ocho años en su colegio de Meaño (Pontevedra) o la iniciativa de Fundación Vodafone para que las personas con discapacidad accedan a la información de los medicamentos. También han recibido galardón “la Caixa”, Renfe Operadora-Adif y Repsol YPF-Fundación Repsol.