En el artículo Musical Glove Improves Sensation, Mobility for People with Spinal Cord Injury se presenta un guante inalámbrico musical llamado Mobile Music Touch (MMT) desarrollado por Georgia Tech en Estados Unidos.
Según el artículo, este guante puede mejorar la sensación y las habilidades motoras en las personas con parálisis debido a una lesión medular. El guante se usa con un teclado de piano y vibra los dedos del usuario para indicar las teclas que se deben tocar. Los investigadores creen que la vibración podría estar provocando la activación en la corteza cerebral encargada de las sensaciones de la mano.
A continuación, un vídeo con una pequeña explicación:
lunes, 23 de julio de 2012
domingo, 22 de julio de 2012
Consejo 22: no señales los controles con datos erróneos de un formulario sólo con el color rojo
Consejo: cuando valides un formulario y detectes un error en los datos de entrada del usuario, no señales los datos erróneos sólo con el color rojo. Como comenté en el consejo 18 Utiliza los colores con precaución, no hay ningún problema en utilizar los colores en una página web, siempre que se tengan en cuenta algunos problemas que pueden surgir, como el uso del color rojo, que puede pasar desapercibido entre los usuarios con ceguera al color (daltonismo).
Cómo lo hago: cuando señales un control con datos erróneos en un formulario, no te limites a marcar con color rojo los controles erróneos. Utiliza otro tipo de mecanismos adicionales que no se basen únicamente en el color, como por ejemplo añadir un marcador.
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que tengan ceguera al color (daltonismo), se benefician cuando no se usa únicamente el color para transmitir información. Además, todos los usuarios se pueden beneficiar cuando las condiciones de visualización de una página web no son las correctas, como por ejemplo, la visualización de una página web en la calle a plena luz del sol.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: cuando señales un control con datos erróneos en un formulario, no te limites a marcar con color rojo los controles erróneos. Utiliza otro tipo de mecanismos adicionales que no se basen únicamente en el color, como por ejemplo añadir un marcador.
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que tengan ceguera al color (daltonismo), se benefician cuando no se usa únicamente el color para transmitir información. Además, todos los usuarios se pueden beneficiar cuando las condiciones de visualización de una página web no son las correctas, como por ejemplo, la visualización de una página web en la calle a plena luz del sol.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
sábado, 21 de julio de 2012
Consejo 21: Proporciona información de ayuda en los controles de los formularios
Consejo: proporciona información que ayude a los usuarios a rellenar los controles de un formulario. Por ejemplo, puedes proporcionar una pequeña explicación sobre el contenido de cada control o sobre el formato de los datos de entrada.
Cómo lo hago: utiliza el atributo
Cómo se benefician los usuarios: se benefician todos los usuarios, ya que esas explicaciones adicionales son beneficiosas para todos los usuarios.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: utiliza el atributo
title en cada control de un formulario para proporcionar información adicional.Cómo se benefician los usuarios: se benefician todos los usuarios, ya que esas explicaciones adicionales son beneficiosas para todos los usuarios.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
viernes, 20 de julio de 2012
Consejo 20: Establece un orden de tabulación correcto en los formularios y en toda la página
Consejo: establece un orden de tabulación correcto entre los controles de un formulario y entre todos los elementos de una página web, para que un usuario que se desplace por la página con el teclado lo haga en el orden correcto.
Cómo lo hago: lo mejor es no hacer nada, es decir, escribir el contenido de la página en el orden adecuado en el que queremos que le aparezca al usuario. Sin embargo, a veces se modifica el orden interno del contenido, aunque con CSS se puede situar visualmente en cualquier posición. Para evitar un orden indebido al desplazarse por la página se debe emplear el atributo
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que no utilizan el ratón para manejar el ordenador, sino que lo hacen con el teclado, se benefician ya que al desplazarse por la página lo hacen en el orden adecuado.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: lo mejor es no hacer nada, es decir, escribir el contenido de la página en el orden adecuado en el que queremos que le aparezca al usuario. Sin embargo, a veces se modifica el orden interno del contenido, aunque con CSS se puede situar visualmente en cualquier posición. Para evitar un orden indebido al desplazarse por la página se debe emplear el atributo
tabindex, pero una vez que se empieza a utilizar hay que emplearlo en todos los elementos para evitar problemas, por lo que lo mejor es no tener que utilizarlo.Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que no utilizan el ratón para manejar el ordenador, sino que lo hacen con el teclado, se benefician ya que al desplazarse por la página lo hacen en el orden adecuado.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Control del ordenador con la vista
En el artículo Controlling your computer with your eyes se presenta un sistema de eye-tracking llamado GT3D desarrollado por investigadores del Imperial College de Londres (Inglaterra).
Este sistema permite controlar un ordenador con la vista y está destinado a usuarios que sufran esclerosis múltiple, Parkinson, distrofia muscular, daños en la médula espinal o pérdida de las extremidades superiores.
El sistema no es muy novedoso en el concepto, desde hace años existen sistemas similares, pero sí que es nuevo su precio, ya que según el artículo, su precio es inferior a 40 libras, ya que emplea dos videocámaras de consola que tienen un precio inferior a las 20 libras cada una.
A continuación un vídeo en el que se muestra su uso:
Este sistema permite controlar un ordenador con la vista y está destinado a usuarios que sufran esclerosis múltiple, Parkinson, distrofia muscular, daños en la médula espinal o pérdida de las extremidades superiores.
El sistema no es muy novedoso en el concepto, desde hace años existen sistemas similares, pero sí que es nuevo su precio, ya que según el artículo, su precio es inferior a 40 libras, ya que emplea dos videocámaras de consola que tienen un precio inferior a las 20 libras cada una.
A continuación un vídeo en el que se muestra su uso:
jueves, 19 de julio de 2012
Consejo 19: Define etiquetas de verdad para los controles de los formularios
Consejo: define etiquetas, es decir, el texto que explica qué se tiene que escribir en un control de un formulario, que sean de verdad, que sean realmente etiquetas y no un simple texto.
Cómo lo hago: utiliza el elemento
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que no utilicen un navegador visual, como pueden ser los usuarios ciegos, se benefician al navegar por un formulario, ya que pueden consultar la etiqueta asociada a un control al desplazarse de un control a otro. Además, todos los usuarios se pueden beneficiar, ya que la etiqueta del control permite situar el foco fácilmente en el control: por ejemplo, en un grupo de botones de radio, se puede pulsar sobre el texto del botón de radio y éste recibe el foco. Esto ayuda a todos los usuarios, pero en especial, a aquellos usuarios que tengan movilidad reducida o problemas de coordinación.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: utiliza el elemento
label para marcar las etiquetas de los controles. Este elemento tiene el atributo for que debe contener el id del control que se está etiquetando. En Accesibilidad de formularios puedes encontrar varios ejemplos de cómo hacerlo.Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que no utilicen un navegador visual, como pueden ser los usuarios ciegos, se benefician al navegar por un formulario, ya que pueden consultar la etiqueta asociada a un control al desplazarse de un control a otro. Además, todos los usuarios se pueden beneficiar, ya que la etiqueta del control permite situar el foco fácilmente en el control: por ejemplo, en un grupo de botones de radio, se puede pulsar sobre el texto del botón de radio y éste recibe el foco. Esto ayuda a todos los usuarios, pero en especial, a aquellos usuarios que tengan movilidad reducida o problemas de coordinación.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Curso "Tecnologías del lenguaje humano y discapacidad: interacciones y beneficios"
Un compañero de departamento, Antonio Ferrández Rodríguez, organiza el curso Tecnologías del lenguaje humano y discapacidad: interacciones y beneficios dentro de los cursos de verano 2012 de la Universidad de Alicante.
El curso se celebra los días 30 y 31 de julio en el Edificio Germán Bernácer, en el campus de la Universidad de Alicante. El curso está organizado junto con la Cátedra Telefónica-Universidad de Alicante y tiene el siguiente programa:
Antonio Ferrández Rodríguez. Dpto. Lenguajes y Sistemas Informáticos. Universidad de Alicante
Jesús Peral Cortés. Dpto. Lenguajes y Sistemas Informáticos. Universidad de Alicante
10:00 - 12:00 h: Aplicación de las THL en Daño Cerebral y repercusión en función ejecutiva. Perspectivas de futuro. Aula: Edificio Germán Bernácer AULA 2.
Carmen Rocamora Rodríguez. Directora de la Unidad de Daño Cerebral del Hospital de Torrevieja. Coordinadora de la Escuela de Enfermería del CEU
12:00 - 14:00 h: Las nuevas tecnologías al servicio de la integración: servicio de videointerpretación para personas sordas. Aula: Edificio Germán Bernácer AULA 2.
Ángel Lloret Rivera. Director Autonómico de Telefónica de la Región de Murcia
16:00 - 21:00 h: Proyecto europeo FIRST: ayuda a la comprensión lectora de los autistas. Aula: Edificio Germán Bernácer AULA 2.
Ruslan Mitkov. Director del grupo de investigación Computational Linguistics. Instituto de Investigación Information and Language Processing. Universidad Wolverhampton (Reino Unido). Investigador principal del proyecto FIRST
Paloma Moreda Pozo. Profesora Titular del Dpto. Lenguajes y Sistemas Informáticos de la Universidad de Alicante y Coordinadora del FIRST en la Universidad de Alicante
Juan Andrés Montoyo Guijarro. Profesor Titular del Dpto. Lenguajes y Sistemas Informáticos de la Universidad de Alicante. Subdirector de Relaciones Institucionales y Prácticas en Empresa de la Escuela Politécnica Superior.
11:00 - 13:00 h: Introducción a la simplificación de textos automática. Aula: Edificio Germán Bernácer AULA 2.
Horacio Saggion. Investigador Ramón y Cajal del Dpto. Tecnologías de la Información y las Comunicaciones. Universitat Pompeu Fabra. Investigador del proyecto simplext
13:00 - 14:00 h: Evaluación, clausura y entrega de diplomas. Aula: Edificio Germán Bernácer AULA 2.
Antonio Ferrández Rodríguez. Dpto. Lenguajes y Sistemas Informáticos. Universidad de Alicante
Jesús Peral Cortés. Dpto. Lenguajes y Sistemas Informáticos. Universidad de Alicante
El curso se celebra los días 30 y 31 de julio en el Edificio Germán Bernácer, en el campus de la Universidad de Alicante. El curso está organizado junto con la Cátedra Telefónica-Universidad de Alicante y tiene el siguiente programa:
Lunes 30
9:00 - 10:00 h: Presentación e introducción al curso. Aula: Edificio Germán Bernácer AULA 2.Antonio Ferrández Rodríguez. Dpto. Lenguajes y Sistemas Informáticos. Universidad de Alicante
Jesús Peral Cortés. Dpto. Lenguajes y Sistemas Informáticos. Universidad de Alicante
10:00 - 12:00 h: Aplicación de las THL en Daño Cerebral y repercusión en función ejecutiva. Perspectivas de futuro. Aula: Edificio Germán Bernácer AULA 2.
Carmen Rocamora Rodríguez. Directora de la Unidad de Daño Cerebral del Hospital de Torrevieja. Coordinadora de la Escuela de Enfermería del CEU
12:00 - 14:00 h: Las nuevas tecnologías al servicio de la integración: servicio de videointerpretación para personas sordas. Aula: Edificio Germán Bernácer AULA 2.
Ángel Lloret Rivera. Director Autonómico de Telefónica de la Región de Murcia
16:00 - 21:00 h: Proyecto europeo FIRST: ayuda a la comprensión lectora de los autistas. Aula: Edificio Germán Bernácer AULA 2.
Ruslan Mitkov. Director del grupo de investigación Computational Linguistics. Instituto de Investigación Information and Language Processing. Universidad Wolverhampton (Reino Unido). Investigador principal del proyecto FIRST
Paloma Moreda Pozo. Profesora Titular del Dpto. Lenguajes y Sistemas Informáticos de la Universidad de Alicante y Coordinadora del FIRST en la Universidad de Alicante
Martes 31
9:00 - 11:00 h: Sistema para transformar datos en conocimiento con el objetivo de monitorizar la prevención de suicidios. Aula: Edificio Germán Bernácer AULA 2.Juan Andrés Montoyo Guijarro. Profesor Titular del Dpto. Lenguajes y Sistemas Informáticos de la Universidad de Alicante. Subdirector de Relaciones Institucionales y Prácticas en Empresa de la Escuela Politécnica Superior.
11:00 - 13:00 h: Introducción a la simplificación de textos automática. Aula: Edificio Germán Bernácer AULA 2.
Horacio Saggion. Investigador Ramón y Cajal del Dpto. Tecnologías de la Información y las Comunicaciones. Universitat Pompeu Fabra. Investigador del proyecto simplext
13:00 - 14:00 h: Evaluación, clausura y entrega de diplomas. Aula: Edificio Germán Bernácer AULA 2.
Antonio Ferrández Rodríguez. Dpto. Lenguajes y Sistemas Informáticos. Universidad de Alicante
Jesús Peral Cortés. Dpto. Lenguajes y Sistemas Informáticos. Universidad de Alicante
Test de usabilidad para personas con discapacidad
¿Usabilidad y discapacidad? ¿No debería ser accesibilidad y discapacidad? Las diferencias entre la accesibilidad y la usabilidad las he discutido varias veces en este blog. Son temas diferentes, aunque con muchas áreas en común, así que se puede hablar de usabilidad y test de usabilidad para personas con discapacidad.
La presentación Usability Testing for People with Disabilities proporciona consejos y trucos para realizar un test de usabilidad para personas con discapacidad.
En primer lugar se discute que accesibilidad y usabilidad no son el mismo concepto. A continuación se muestran diferentes aspectos que influyen en la facilidad de uso, es decir, la usabilidad de un producto o servicio: su efectividad, su eficiencia, la prevención de errores, la satisfacción, etc.
A continuación se explican los pasos para realizar un test de usabilidad (planificar, preparar, probar, analizar e informar) y se comparan las ventajas y desventajas de un test en un laboratorio frente a un test remoto.
Se comentan algunos aspectos del recrutamiento de los usuarios, es decir, el convencerles de que participen. Un tema crítico es cuánto pagarles: en esta presentación se recomienda de 50 a 100 dólares, dependiendo de la duración de la sesión.
En la presentación se muestran varias capturas de pantalla de un software llamado Usability Test Data Logger que ayuda a recoger los datos de un test de usabilidad para su posterior análisis.
Por cierto, normalmente los usuarios con discapacidad son excluidos de los estudios de usabilidad, tal como podemos leer en la noticia Algunos mitos de la accesibilidad 'web':
La presentación Usability Testing for People with Disabilities proporciona consejos y trucos para realizar un test de usabilidad para personas con discapacidad.
En primer lugar se discute que accesibilidad y usabilidad no son el mismo concepto. A continuación se muestran diferentes aspectos que influyen en la facilidad de uso, es decir, la usabilidad de un producto o servicio: su efectividad, su eficiencia, la prevención de errores, la satisfacción, etc.
A continuación se explican los pasos para realizar un test de usabilidad (planificar, preparar, probar, analizar e informar) y se comparan las ventajas y desventajas de un test en un laboratorio frente a un test remoto.
Se comentan algunos aspectos del recrutamiento de los usuarios, es decir, el convencerles de que participen. Un tema crítico es cuánto pagarles: en esta presentación se recomienda de 50 a 100 dólares, dependiendo de la duración de la sesión.
En la presentación se muestran varias capturas de pantalla de un software llamado Usability Test Data Logger que ayuda a recoger los datos de un test de usabilidad para su posterior análisis.
Por cierto, normalmente los usuarios con discapacidad son excluidos de los estudios de usabilidad, tal como podemos leer en la noticia Algunos mitos de la accesibilidad 'web':
Por su parte, John Slatin, director del Instituto de Accesibilidad de la Universidad de Texas (EEUU), apuntó un dato asombroso: los usuarios discapacitados son excluidos normalmente de los estudios de 'usabilidad' estándar que realizan las empresas privadas.
Esta inexistencia de estudios de 'usabilidad' fue más tarde contestada por Jackob Nielsen, quien aportó como la principal razón para ello que "desgraciadamente" las empresas no demandan este tipo de estudios.
miércoles, 18 de julio de 2012
El tacto vital
El pasado domingo 15 de julio, en las noticias de la Sexta apareció una pieza dedicada al braille llamada El tacto vital.
En la noticia se habla del braille y de los productos, como productos de limpieza o las medicinas, que están etiquetados en braille para que una persona ciega los pueda distinguir. Eso sí, como se dice en el vídeo, "hacer la compra es una odisea y una persona ciega debe ir acompañado", ya que los supermercados y grandes superficies no están adaptados (los expositores no ofrecen la información en braille). Por eso es tan importante que las tiendas virtuales en Internet que ofrecen estas empresas sean accesibles, así una persona ciega o con otra discapacidad podrá hacer "la compra" de forma independiente, sin necesitar la ayuda de nadie.
A continuación incluyo el vídeo de la noticia en plan "copiar y pegar" de la página original (si no funciona, ir a la página de la noticia):
En la noticia se habla del braille y de los productos, como productos de limpieza o las medicinas, que están etiquetados en braille para que una persona ciega los pueda distinguir. Eso sí, como se dice en el vídeo, "hacer la compra es una odisea y una persona ciega debe ir acompañado", ya que los supermercados y grandes superficies no están adaptados (los expositores no ofrecen la información en braille). Por eso es tan importante que las tiendas virtuales en Internet que ofrecen estas empresas sean accesibles, así una persona ciega o con otra discapacidad podrá hacer "la compra" de forma independiente, sin necesitar la ayuda de nadie.
A continuación incluyo el vídeo de la noticia en plan "copiar y pegar" de la página original (si no funciona, ir a la página de la noticia):
La página web del Senado de España: Una nueva esperanza
He realizado un nuevo vídeo, La página web del Senado de España: Una nueva esperanza, Este vídeo forma parte de la serie de vídeos, y ya van cinco, sobre la falta de accesibilidad en la página web del Senado.
Pido perdón por levantar la voz en algunos momentos del vídeo: había una mosca volando que me estaba molestando y me estaba enfadando.
El vídeo es accesible, incluye subtítulos. Además, a continuación incluyo la transcripción completa del audio.
Transcripción del audio:
Hola, soy Sergio Luján Mora, profesor de la Universidad de Alicante. Con este vídeo simplemente quiero recordar que la página web del Senado de España sigue sin ser accesible. Sin embargo, en el horizonte se ve llegar una nueva esperanza.
Hoy, 14 de julio de 2012, la página web del Senado de España sigue siendo esto, más o menos, la misma página que llevamos viendo más de 10 años. Poco ha cambiado la página web del Senado de España desde el año 1998 hasta ahora.
Pero lo grave de la página web del Senado de España no es que siga siendo la misma después de tanto tiempo.
Lo grave es que no es accesible.
En enero de 2011, realice un análisis de la accesibilidad de la página web del Senado de España que publiqué en mi sitio web sobre accesibilidad.
Este análisis lo complementé con la publicación de tres vídeos en los que explicaba los principales problemas de accesibilidad que presentaba, y sigue presentando, la página web del Senado de España.
Los tres vídeos los puedes encontrar en mi canal personal en YouTube.
El resumen de mi análisis es que la página web del Senado de España no es accesible y que, lo más grave, debido a ello, incumple una serie de leyes que fueron creadas por el propio Senado para asegurar el acceso a la Sociedad de la Información de todos los ciudadanos.
¿Y cómo es esto posible?
Bueno, ya se sabe que en España todo es posible. Tan posible, como tener una Diputada del Partido Popular llamada Andrea Fabra que le grita “¡qué se jodan!” a los parados o a los Diputados del PSOE (siempre nos quedará la duda de a quién le gritaba), y no pasa nada.
O tan posible como que Celia Villalobos Talero, antigua alcaldesa de Málaga, actual Diputada por el PP, por el Partido Popular, en el Congreso y Vicepresidenta primera del Congreso de los Diputados de España, se refiriese a los discapacitados como los “tontitos” por dos veces en el Palacio del Congreso de los Diputados en el año 2011.
José Bono, presidente del Congreso de los Diputados por aquel entonces, le pidió a Celia Villalobos que cambiara de término y dejara de referirse a los afectados de deficiencias físicas o psíquicas como "tontitos". A lo que la diputada del Partido Popular respondió que hablaba "de forma coloquial, como se habla en mi tierra".
La cosa no acabó ahí. Posteriormente, la Diputada del Partido Popular Celia Villalobos se refirió a José Bono, recordemos que, por aquel entonces, presidente del Congreso de los Diputados, como “fascista”. ¿Y qué le pasó a la Diputada del Partido Popular Celia Villalobos?
Pues que se volvió a presentar, volvió a ser elegida Diputada y además, en la actualidad, ostenta el cargo de Vicepresidenta primera del Congreso de los Diputados de España. ¡Olé!
La lección que podemos aprender de todo esto es “Insulta, y llegarás lejos”. Pero…
¿Qué me pasaría a mí, si llamase mentecato, inútil, descerebrado o mentiroso a un político?
Teniendo a estos políticos que tenemos, con esta sensibilidad y preocupación por los “tontitos”, no es de extrañar que la página web del Senado de España no sea accesible. Sin embargo, no todo está perdido.
Música. Ya, ya lo sé, sin la banda sonora de “La guerra de las galaxias” no queda igual, queda muy patético, pero George Lucas, John Williams y la SGAE me denunciarían por derechos de autor si la utilizo.
Episodio V
UNA NUEVA ESPERANZA
Nos encontramos en un período de revuelta civil. Las redes sociales rebeldes atacando desde una base oculta, han logrado su primera victoria sobre el malvado Imperio P2.
Durante la batalla, los espías rebeldes han conseguido apoderarse de los planos secretos del arma total y definitiva del Imperio:
¿Cuál será?
¡La nueva página web del Senado de España! ¿Qué es esto?
Resulta que hace unos días se celebró en Madrid el primer Congreso Internacional en Comunicación Política y Estrategias de Campaña.
Gracias al soplo de un colaborador de las fuerzas rebeldes, me pasaron un tuit en el que aparecía una fotografía de la nueva web del Senado de España que en pocos meses estará operativa.
Según parece, la nueva web la presentó José Ángel Alonso, Jefe del Área de Desarrollo del Senado.
Desgraciadamente, me sorprendió negativamente esta noticia ya que ponía que estará operativa en pocos meses. ¿Por qué me sorprende?
Recordemos lo que conté en mi último vídeo sobre la página web del Senado.
El 22 de diciembre de 2010, se publicó en la página web del Senado de España un procedimiento abierto para la renovación del sitio web del Senado.
Según el pliego de cláusulas administrativas particulares de este procedimiento, en la cláusula 6 se indica que el presupuesto máximo de licitación para la página web es de 310 mil euros.
Y en la cláusula 24 Ejecución del contrato, se indica que el plazo de ejecución de la página web es de 6 meses, se supone que a partir de la firma del contrato.
El contrato de la página web se adjudicó a la empresa VASS CONSULTORÍA DE SISTEMAS S.L. y fue firmado el 14 de julio de 2011, por lo que 6 meses después, el 14 de enero de 2012, el nuevo sitio web del Senado de España ya tendría que haberse puesto en funcionamiento.
Sin embargo, hoy es 14 de julio de 2012, ya han pasado 6 meses desde la fecha prevista de finalización, y seguimos teniendo esto.
Y con esto finaliza este video en el que he explicado por qué debemos tener la esperanza de que en poco tiempo tendremos la nueva página web del Senado de España.
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@arroba@ua.es o a través de mi cuenta de Twitter @sergiolujanmora.
Pido perdón por levantar la voz en algunos momentos del vídeo: había una mosca volando que me estaba molestando y me estaba enfadando.
El vídeo es accesible, incluye subtítulos. Además, a continuación incluyo la transcripción completa del audio.
Transcripción del audio:
Hola, soy Sergio Luján Mora, profesor de la Universidad de Alicante. Con este vídeo simplemente quiero recordar que la página web del Senado de España sigue sin ser accesible. Sin embargo, en el horizonte se ve llegar una nueva esperanza.
Hoy, 14 de julio de 2012, la página web del Senado de España sigue siendo esto, más o menos, la misma página que llevamos viendo más de 10 años. Poco ha cambiado la página web del Senado de España desde el año 1998 hasta ahora.
Pero lo grave de la página web del Senado de España no es que siga siendo la misma después de tanto tiempo.
Lo grave es que no es accesible.
En enero de 2011, realice un análisis de la accesibilidad de la página web del Senado de España que publiqué en mi sitio web sobre accesibilidad.
Este análisis lo complementé con la publicación de tres vídeos en los que explicaba los principales problemas de accesibilidad que presentaba, y sigue presentando, la página web del Senado de España.
Los tres vídeos los puedes encontrar en mi canal personal en YouTube.
El resumen de mi análisis es que la página web del Senado de España no es accesible y que, lo más grave, debido a ello, incumple una serie de leyes que fueron creadas por el propio Senado para asegurar el acceso a la Sociedad de la Información de todos los ciudadanos.
¿Y cómo es esto posible?
Bueno, ya se sabe que en España todo es posible. Tan posible, como tener una Diputada del Partido Popular llamada Andrea Fabra que le grita “¡qué se jodan!” a los parados o a los Diputados del PSOE (siempre nos quedará la duda de a quién le gritaba), y no pasa nada.
O tan posible como que Celia Villalobos Talero, antigua alcaldesa de Málaga, actual Diputada por el PP, por el Partido Popular, en el Congreso y Vicepresidenta primera del Congreso de los Diputados de España, se refiriese a los discapacitados como los “tontitos” por dos veces en el Palacio del Congreso de los Diputados en el año 2011.
José Bono, presidente del Congreso de los Diputados por aquel entonces, le pidió a Celia Villalobos que cambiara de término y dejara de referirse a los afectados de deficiencias físicas o psíquicas como "tontitos". A lo que la diputada del Partido Popular respondió que hablaba "de forma coloquial, como se habla en mi tierra".
La cosa no acabó ahí. Posteriormente, la Diputada del Partido Popular Celia Villalobos se refirió a José Bono, recordemos que, por aquel entonces, presidente del Congreso de los Diputados, como “fascista”. ¿Y qué le pasó a la Diputada del Partido Popular Celia Villalobos?
Pues que se volvió a presentar, volvió a ser elegida Diputada y además, en la actualidad, ostenta el cargo de Vicepresidenta primera del Congreso de los Diputados de España. ¡Olé!
La lección que podemos aprender de todo esto es “Insulta, y llegarás lejos”. Pero…
¿Qué me pasaría a mí, si llamase mentecato, inútil, descerebrado o mentiroso a un político?
Teniendo a estos políticos que tenemos, con esta sensibilidad y preocupación por los “tontitos”, no es de extrañar que la página web del Senado de España no sea accesible. Sin embargo, no todo está perdido.
Música. Ya, ya lo sé, sin la banda sonora de “La guerra de las galaxias” no queda igual, queda muy patético, pero George Lucas, John Williams y la SGAE me denunciarían por derechos de autor si la utilizo.
Episodio V
UNA NUEVA ESPERANZA
Nos encontramos en un período de revuelta civil. Las redes sociales rebeldes atacando desde una base oculta, han logrado su primera victoria sobre el malvado Imperio P2.
Durante la batalla, los espías rebeldes han conseguido apoderarse de los planos secretos del arma total y definitiva del Imperio:
¿Cuál será?
¡La nueva página web del Senado de España! ¿Qué es esto?
Resulta que hace unos días se celebró en Madrid el primer Congreso Internacional en Comunicación Política y Estrategias de Campaña.
Gracias al soplo de un colaborador de las fuerzas rebeldes, me pasaron un tuit en el que aparecía una fotografía de la nueva web del Senado de España que en pocos meses estará operativa.
Según parece, la nueva web la presentó José Ángel Alonso, Jefe del Área de Desarrollo del Senado.
Desgraciadamente, me sorprendió negativamente esta noticia ya que ponía que estará operativa en pocos meses. ¿Por qué me sorprende?
Recordemos lo que conté en mi último vídeo sobre la página web del Senado.
El 22 de diciembre de 2010, se publicó en la página web del Senado de España un procedimiento abierto para la renovación del sitio web del Senado.
Según el pliego de cláusulas administrativas particulares de este procedimiento, en la cláusula 6 se indica que el presupuesto máximo de licitación para la página web es de 310 mil euros.
Y en la cláusula 24 Ejecución del contrato, se indica que el plazo de ejecución de la página web es de 6 meses, se supone que a partir de la firma del contrato.
El contrato de la página web se adjudicó a la empresa VASS CONSULTORÍA DE SISTEMAS S.L. y fue firmado el 14 de julio de 2011, por lo que 6 meses después, el 14 de enero de 2012, el nuevo sitio web del Senado de España ya tendría que haberse puesto en funcionamiento.
Sin embargo, hoy es 14 de julio de 2012, ya han pasado 6 meses desde la fecha prevista de finalización, y seguimos teniendo esto.
Y con esto finaliza este video en el que he explicado por qué debemos tener la esperanza de que en poco tiempo tendremos la nueva página web del Senado de España.
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@arroba@ua.es o a través de mi cuenta de Twitter @sergiolujanmora.
Consejo 18: Utiliza los colores con precaución
Consejo: utiliza combinaciones de colores que tengan suficiente contraste y que no produzcan confusión entre los usuarios con ceguera al color (daltonismo). Por ejemplo, en el vídeo Errores web: El País, se muestra un ejemplo de lo que pasa cuando se emplean combinaciones de colores sin el suficiente contraste.
Cómo lo hago: existen numerosas herramientas que permiten comprobar si una combinación de colores (color principal y color de fondo) presentan un contraste suficiente. Además, también hay herramientas para simular los diferentes tipos de ceguera al color. En Herramientas para trabajar con el color puedes encontrar una lista con numerosas herramientas de este tipo.
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que tengan problemas de visión, se benefician del uso de combinaciones de colores adecuadas. Y es evidente que los usuarios con ceguera al color se beneficiarán si se evitan situaciones en las que se transmita información únicamente con el color. Además, todos los usuarios se pueden beneficiar cuando las condiciones de visualización de una página web no son las correctas, como por ejemplo, la visualización de una página web en la calle a plena luz del sol.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: existen numerosas herramientas que permiten comprobar si una combinación de colores (color principal y color de fondo) presentan un contraste suficiente. Además, también hay herramientas para simular los diferentes tipos de ceguera al color. En Herramientas para trabajar con el color puedes encontrar una lista con numerosas herramientas de este tipo.
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que tengan problemas de visión, se benefician del uso de combinaciones de colores adecuadas. Y es evidente que los usuarios con ceguera al color se beneficiarán si se evitan situaciones en las que se transmita información únicamente con el color. Además, todos los usuarios se pueden beneficiar cuando las condiciones de visualización de una página web no son las correctas, como por ejemplo, la visualización de una página web en la calle a plena luz del sol.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Acorn Media Player, reproductor de vídeo HTML5
Si HTML5 va a sustitur a Adobe Flash (y al resto de tecnologías similares como Microsoft Silverlight u Oracle/Sun Java) en el desarrollo web, una de las cosas más importantes que debe solucionar es la reproducción de vídeos. Cómo ya expliqué en el artículo Accesibilidad de los vídeos en HTML5, la nueva etiqueta video de HTML5 tiene en cuenta la accesibilidad web, pero todavía hay algunos problemas que se tienen que resolver, como los subtítulos en los vídeos en HTML5.
Acabo de encontrar el proyecto Acorn Media Player - HTML5 media player. Este reproductor es un plugin de jQuery que implementa un reproductor de vídeo de HTML5 personalizado que presta especial atención a la accesibilidad y la personalización.
Sus características accesibles son:
En Dev Opera hay dos artículos que explican los aspectos técnicos de este reproductor:
Acabo de encontrar el proyecto Acorn Media Player - HTML5 media player. Este reproductor es un plugin de jQuery que implementa un reproductor de vídeo de HTML5 personalizado que presta especial atención a la accesibilidad y la personalización.
Sus características accesibles son:
- Control por teclado completo.
- Soporte de subtítulos, pero no nativo de HTML, sino propio con archivos externos SRT.
- Transcripción dinámica generada a partir de los subtítulos.
- Otras características interesantes, como personalización y soporte de temas, lo que permite su adaptación para usuarios con visión reducida.
En Dev Opera hay dos artículos que explican los aspectos técnicos de este reproductor:
Y si no te convence porque todavía hay muchos navegadores que no soportan el reproductor de vídeo de HTML5, utiliza Video for Everybody!, que proporciona un método fallback para ofrecer una solución alternativa basada en Flash cuando el reproductor HTML5 no es soportado.
martes, 17 de julio de 2012
Consejo 17: Sitúa el contenido principal al principio de la página
Consejo: sitúa el contenido principal al principio de la página.
Cómo lo hago: escribe el contenido principal de la página al principio de la página y a continuación el resto del contenido de la página que se repite de una página a otra, como por ejemplo, las migas de pan o el menú principal. Utiliza CSS para situarlo visualmente en la posición que quieras en la página. Al aplicar este consejo ya no es necesario aplicar el consejo 5 Proporciona al principio de la página enlaces para saltar directamente a partes concretas de la página.
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que no utilicen un navegador web visual, se benefician ya que el contenido principal aparece al principio de la página y no necesitan realizar desplazamiento (scroll).
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: escribe el contenido principal de la página al principio de la página y a continuación el resto del contenido de la página que se repite de una página a otra, como por ejemplo, las migas de pan o el menú principal. Utiliza CSS para situarlo visualmente en la posición que quieras en la página. Al aplicar este consejo ya no es necesario aplicar el consejo 5 Proporciona al principio de la página enlaces para saltar directamente a partes concretas de la página.
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que no utilicen un navegador web visual, se benefician ya que el contenido principal aparece al principio de la página y no necesitan realizar desplazamiento (scroll).
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Respuesta: ¿Un buen semáforo?
El otro día escribí la entrada Pregunta: ¿Un buen semáforo? en el que preguntaba si el siguiente rediseño de un semáforo era bueno:
El problema de este semáforo es que una persona con ceguera al color o daltonismo no sabrá cuándo el semáforo está en rojo o en verde, ya que estas personas tienen dificultades para distinguir estos dos colores (en realidad, hay distintos tipos de daltonismo, pero el rojo/verde es el más común).
Con los semáforos tradicionales no existe este problema, ya que por la posición del foco iluminado se puede saber en qué estado está el semáforo. Con los semáforos horizontales, no muy comunes en España, también puede existir el mismo problema, ya que en algunos países la secuencia es rojo-ámbar-verde, mientras que en otros países es verde-ámbar-rojo.
Por cierto, la imagen la saqué de Accessibility Trumping Design, artículo en el que explican el problema de accesibilidad de este semáforo "molón".
El problema de este semáforo es que una persona con ceguera al color o daltonismo no sabrá cuándo el semáforo está en rojo o en verde, ya que estas personas tienen dificultades para distinguir estos dos colores (en realidad, hay distintos tipos de daltonismo, pero el rojo/verde es el más común).
Con los semáforos tradicionales no existe este problema, ya que por la posición del foco iluminado se puede saber en qué estado está el semáforo. Con los semáforos horizontales, no muy comunes en España, también puede existir el mismo problema, ya que en algunos países la secuencia es rojo-ámbar-verde, mientras que en otros países es verde-ámbar-rojo.
Por cierto, la imagen la saqué de Accessibility Trumping Design, artículo en el que explican el problema de accesibilidad de este semáforo "molón".
lunes, 16 de julio de 2012
Consejo 16: Haz que las tablas sean accesibles
Consejo: haz que las tablas sean accesibles mediante información adicional que defina el significado de cada parte de la tabla.
Cómo lo hago: utiliza el atributo
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician de las tablas correctamente etiquetadas para que sean accesibles, ya que los lectores de pantalla reconocen las características de accesibilidad de las tablas y las comunican a los usuarios.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: utiliza el atributo
summary para proporcionar un resumen del contenido de la tabla. Utiliza la etiqueta caption para definir el título de la tabla. Utiliza la etiqueta th para definir los encabezados de columna y de fila. Utiliza los atributos scope, headers e id para definir encabezados complejos. En Tablas: Facilite la lectura línea a línea - Resuma, Puedes encontrar ejemplos de uso de todas estas etiquetas y atributos.Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician de las tablas correctamente etiquetadas para que sean accesibles, ya que los lectores de pantalla reconocen las características de accesibilidad de las tablas y las comunican a los usuarios.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Investigadores de la Universidad Autónoma de Barcelona desarrollan un GPS para ciegos
Según la noticia Researchers Create the First GPS for the Blind (21/6/2012), un grupo de investigadores de la Universidad Autónoma de Barcelona ha desarrollado el primer GPS para ciegos.
El sistema, llamado OnTheBus, es una aplicación Android para viajar alrededor de las grandes ciudades. OnTheBus cuenta con una brújula y un acelerómetro, y soporte para GPS, reconocimiento de voz, redes 3G y wi-fi.
El funcionamiento es muy sencillo: la aplicación proporciona una lista de rutas óptimas, el usuario selecciona una y, a continuación, la aplicación guía al usuario hasta la parada de autobús más cercana e indica la cantidad de tiempo que hay que esperar hasta que llegue el próximo autobús. Una vez en el autobús, la aplicación informa al usuario del número de paradas hasta el destino, avisa de cuando hay que pulsar el botón de "parada" y sigue guiando al usuario hasta su destino.
Por cierto, lo de "el primer GPS para ciegos" es relativo, porque he encontrado la noticia La ONCE participa en el proyecto HaptiMap para hacer accesibles mapas y GPS en dispositivos móviles, que habla de un proyecto similar y está fechada el 27 de febrero de 2012.
El sistema, llamado OnTheBus, es una aplicación Android para viajar alrededor de las grandes ciudades. OnTheBus cuenta con una brújula y un acelerómetro, y soporte para GPS, reconocimiento de voz, redes 3G y wi-fi.
El funcionamiento es muy sencillo: la aplicación proporciona una lista de rutas óptimas, el usuario selecciona una y, a continuación, la aplicación guía al usuario hasta la parada de autobús más cercana e indica la cantidad de tiempo que hay que esperar hasta que llegue el próximo autobús. Una vez en el autobús, la aplicación informa al usuario del número de paradas hasta el destino, avisa de cuando hay que pulsar el botón de "parada" y sigue guiando al usuario hasta su destino.
Por cierto, lo de "el primer GPS para ciegos" es relativo, porque he encontrado la noticia La ONCE participa en el proyecto HaptiMap para hacer accesibles mapas y GPS en dispositivos móviles, que habla de un proyecto similar y está fechada el 27 de febrero de 2012.
domingo, 15 de julio de 2012
Consejo 15: Usa las tablas sólo para mostrar datos tabulados
Consejo: usa las tablas sólo para mostrar datos tabulados, es decir, datos o información que se puede organizar por filas y columnas. No utilices las tablas para maquetar, es decir, para definir la presentación visual del contenido de la página.
Cómo lo hago: cuando tengas datos tabulados, muéstralos mediante tablas. Para maquetar utiliza CSS, nunca las tablas. Por ejemplo, si quieres disponer un contenido como un texto en varias columnas, utiliza las nuevas propiedades de CSS3
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician del empleo de las tablas para los datos tabulados, ya que los lectores de pantalla proporcionan mecanismos específicos de navegación por las tablas, como por ejemplo, anunciar la posición (fila/columna) y la posibilidad de desplazarse por filas o por columnas en la tabla.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: cuando tengas datos tabulados, muéstralos mediante tablas. Para maquetar utiliza CSS, nunca las tablas. Por ejemplo, si quieres disponer un contenido como un texto en varias columnas, utiliza las nuevas propiedades de CSS3
column-count, column-gap y column-rule (importante: estas propiedades no están soportadas por todos los navegadores, así que por ahora su uso es limitado).Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician del empleo de las tablas para los datos tabulados, ya que los lectores de pantalla proporcionan mecanismos específicos de navegación por las tablas, como por ejemplo, anunciar la posición (fila/columna) y la posibilidad de desplazarse por filas o por columnas en la tabla.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
sábado, 14 de julio de 2012
Consejo 14: Proporciona un título significativo para cada parte individual de una página
Consejo: aunque se desaconseja su uso, una página puede estar compuestas de marcos, ya sea de tipo
Cómo lo hago: en la definición del marco, ya sea en la etiqueta
Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician ya que los lectores de pantalla proporcionan algunas ayudas, como la "lista de marcos de la página" (y se muestra el título de cada marco) que les ayuda a moverse de un marco a otro en el navegador web.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
frame o iframe. Para cada marco (parte), debes proporcionar un título significativo y representativo, es decir, un título que ayuda al usuario a entender el contenido, propósito o función de ese marco sin tener que visitar la página. Cada marco en una página debe tener un título único.Cómo lo hago: en la definición del marco, ya sea en la etiqueta
frame o iframe, debes incluir el atributo title (no confundir con la etiqueta title) para proporcionar una descripción del contenido del marco.Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician ya que los lectores de pantalla proporcionan algunas ayudas, como la "lista de marcos de la página" (y se muestra el título de cada marco) que les ayuda a moverse de un marco a otro en el navegador web.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
viernes, 13 de julio de 2012
Consejo 13: Proporciona un título significativo para cada página
Consejo: proporciona un título significativo y representativo para cada página de tu sitio web, es decir, un título que ayuda al usuario a entender el contenido, propósito o función de una página web sin tener que visitar la página. Cada página debería tener un título único.
Cómo lo hago: el título de una página se define con el elemento (etiqueta) title en el head. El elemento title es obligatorio: una página sin este elemento no es válido.
Cómo se benefician los usuarios: todos los usuarios se benefician de un título correcto, ya que el título se emplea en varios contextos (visiona mi vídeo Errores web: El título de la página). Por ejemplo, el título de la página se emplea para visualizar los resultados de una búsqueda. En especial, se benefician los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que los lectores de pantalla proporcionan algunas ayudas, como la "lista de ventanas abiertas" (y se muestra el título de cada página en cada ventana) que les ayuda a cambiar de una página a otra en el navegador web.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: el título de una página se define con el elemento (etiqueta) title en el head. El elemento title es obligatorio: una página sin este elemento no es válido.
Cómo se benefician los usuarios: todos los usuarios se benefician de un título correcto, ya que el título se emplea en varios contextos (visiona mi vídeo Errores web: El título de la página). Por ejemplo, el título de la página se emplea para visualizar los resultados de una búsqueda. En especial, se benefician los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que los lectores de pantalla proporcionan algunas ayudas, como la "lista de ventanas abiertas" (y se muestra el título de cada página en cada ventana) que les ayuda a cambiar de una página a otra en el navegador web.
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
jueves, 12 de julio de 2012
Consejo 12: Especifica el idioma del contenido de cada parte de la página
Consejo: especifica el idioma principal de la página web y de las distintas partes de la página cuando exista un cambio en el idioma.
Cómo lo hago: utiliza el atributo
El valor del atributo
Cómo se benefician los usuarios: muchos buscadores actuales permiten realizar búsquedas selectivas en función del idioma. Para ello, los buscadores pueden autodetectar el idioma de una página, pero algunas veces se equivocan. Con el empleo del atributo
Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Cómo lo hago: utiliza el atributo
lang para indicar el idioma de las diferentes partes de una página web. Si lo colocas en la etiqueta html, estarás definiendo el idioma principal de la página. Cuando se produzca un cambio de idioma, por ejemplo en un párrafo, puedes añadir el atributo lang a la etiqueta de inicio del párrafo. Si el cambio de produce en un fragmento de texto, puedes utilizar la etiqueta span con el atributo lang para marcar ese cambio.El valor del atributo
lang debe ser un código de idioma definido en IANA Language Subtag Registry, como por ejemplo "es" para el español o "en" para el inglés.Cómo se benefician los usuarios: muchos buscadores actuales permiten realizar búsquedas selectivas en función del idioma. Para ello, los buscadores pueden autodetectar el idioma de una página, pero algunas veces se equivocan. Con el empleo del atributo
lang se mejora la indexación de las páginas web en los buscadores. Además, los usuarios que utilicen un lector de pantallas, se benefician enormemente, ya que los lectores de pantalla pueden detectar el atributo lang y lo pueden emplear para leer con la pronunciación adecuada un texto.Más consejos en Julio, cada día, un consejo sobre accesibilidad web.
Suscribirse a:
Entradas (Atom)