Un par de comentarios sobre la accesibilidad del nuevo captcha de Google:
Y par de artículos sobre cómo crear una alternativa a un captcha para controlar el correcto uso de los formularios:
lunes, 26 de enero de 2015
viernes, 23 de enero de 2015
Subtítulos con la etiqueta video de HTML5
La etiqueta video de HTML5 permite incluir varias pistas con subtítulos en diferentes idiomas. También se puede utilizar para proporcionar información adicional. ¿Cómo?
Microsoft tiene un sitio web con varios ejemplos: Timed text track examples. Por ejemplo, Scenario 1: Basic timed text track example muestra un vídeo con subtítulos en inglés, español y alemán. Al pulsar en el botón de subtítulos se puede seleccionar el idioma.
Internet Explorer 11 incorpora una opción para cambiar la presentación visual de los subtítulos. Esta opción permite cambiar el tipo de letra, el color o el tamaño de los subtítulos. Se encuentra en Herramientas, Opciones de Internet, Accesibilidad, Subtítulos:
Una vez seleccionado un formato, hay que recargar la página con un vídeo para que se apliquen los cambios:
Información de Microsoft sobre la etiqueta video y track.
Además, Microsoft también ofrece una herramienta online para crear los ficheros de subtítulos: HTML5 Video Caption Maker.
Microsoft tiene un sitio web con varios ejemplos: Timed text track examples. Por ejemplo, Scenario 1: Basic timed text track example muestra un vídeo con subtítulos en inglés, español y alemán. Al pulsar en el botón de subtítulos se puede seleccionar el idioma.
Internet Explorer 11 incorpora una opción para cambiar la presentación visual de los subtítulos. Esta opción permite cambiar el tipo de letra, el color o el tamaño de los subtítulos. Se encuentra en Herramientas, Opciones de Internet, Accesibilidad, Subtítulos:
Una vez seleccionado un formato, hay que recargar la página con un vídeo para que se apliquen los cambios:
Información de Microsoft sobre la etiqueta video y track.
Además, Microsoft también ofrece una herramienta online para crear los ficheros de subtítulos: HTML5 Video Caption Maker.
martes, 20 de enero de 2015
Independencia tecnológica
El pasado 4 de enero se publicó en el periódico Información el reportaje (In)Dependencia tecnológica firmado por Andrés Valdés.
Andrés me hizo una entrevista. En el reportaje aparecen reflejadas algunas de mis respuestas:
¿Tiene usted alguna discapacidad? ¿Seguro que no? Quítese las gafas y descienda por esa ladera pedregosa. Exacto. «Alguien que tiene siete dioptrías en un ojo y ocho en el otro, como es mi caso, nunca hubiese llegado a la edad que tengo ahora hace tan sólo unos pocos cientos de años. Hoy lo que era una discapacidad severa, se soluciona con un producto tecnológico tan accesible como son unas gafas». Sergio Luján, doctor en informática y experto en accesibilidad web de la UA, suele empezar de esta manera sus conferencias para que oyentes que se consideran «capacitados» a nivel físico e intelectual relativicen tanto su condición como la del colectivo de personas que tienen problemas para oír, ver, moverse o razonar según los parámetros normales
[...]
«Hasta prácticamente el año 2000 una persona invidente sólo podía saber qué decía el periódico si alguien se lo leía o si esperaba la versión Braille, reducida y desactualizada, de la ONCE. Cuando llega internet esa barrera empieza a desaparecer», cuenta Luján.
[...]
«El padre de la web, el ganador del Príncipe de Asturias Tim Berners–Lee, quería que fuera universal, y está hecha para que pueda serlo», explica Luján en referencia al sistema de etiquetado que permite a los navegadores interpretar qué es cada objeto. «La mayoría de criterios de accesibilidad son en realidad detalles muy sencillos de corregir. Lo que ocurre es que, igual que no somos conscientes de las barreras arquitectónicas en la calle, tampoco las consideramos en la web», afirma el experto en accesibilidad web. El doctor en informática aclara además que sólo tienen obligación legal de ser accesibles las páginas de la administración y las de grandes empresas dedicadas a servicios generales como telecomunicaciones, energía o seguros, lo que no significa que adaptar una web sea una cuestión de presupuesto sino «más bien de concienciación». Las escaleras no son un obstáculo sólo para los paralíticos; los ancianos las embarazadas o los transportistas siempre se acuerdan de los edificios que tienen rampa. Para el especialista de la UA, una «web ideal» incluiría vídeos en lenguaje de signos, diferentes combinaciones de color para mejorar contrastes, lupas o botones para aumentar el tamaño del texto o de las imágenes, vídeos con subtítulos, fotos con una descripción escrita y la opción de desplazarse por los menús con el teclado y no sólo con el ratón.
Andrés me hizo una entrevista. En el reportaje aparecen reflejadas algunas de mis respuestas:
¿Tiene usted alguna discapacidad? ¿Seguro que no? Quítese las gafas y descienda por esa ladera pedregosa. Exacto. «Alguien que tiene siete dioptrías en un ojo y ocho en el otro, como es mi caso, nunca hubiese llegado a la edad que tengo ahora hace tan sólo unos pocos cientos de años. Hoy lo que era una discapacidad severa, se soluciona con un producto tecnológico tan accesible como son unas gafas». Sergio Luján, doctor en informática y experto en accesibilidad web de la UA, suele empezar de esta manera sus conferencias para que oyentes que se consideran «capacitados» a nivel físico e intelectual relativicen tanto su condición como la del colectivo de personas que tienen problemas para oír, ver, moverse o razonar según los parámetros normales
[...]
«Hasta prácticamente el año 2000 una persona invidente sólo podía saber qué decía el periódico si alguien se lo leía o si esperaba la versión Braille, reducida y desactualizada, de la ONCE. Cuando llega internet esa barrera empieza a desaparecer», cuenta Luján.
[...]
«El padre de la web, el ganador del Príncipe de Asturias Tim Berners–Lee, quería que fuera universal, y está hecha para que pueda serlo», explica Luján en referencia al sistema de etiquetado que permite a los navegadores interpretar qué es cada objeto. «La mayoría de criterios de accesibilidad son en realidad detalles muy sencillos de corregir. Lo que ocurre es que, igual que no somos conscientes de las barreras arquitectónicas en la calle, tampoco las consideramos en la web», afirma el experto en accesibilidad web. El doctor en informática aclara además que sólo tienen obligación legal de ser accesibles las páginas de la administración y las de grandes empresas dedicadas a servicios generales como telecomunicaciones, energía o seguros, lo que no significa que adaptar una web sea una cuestión de presupuesto sino «más bien de concienciación». Las escaleras no son un obstáculo sólo para los paralíticos; los ancianos las embarazadas o los transportistas siempre se acuerdan de los edificios que tienen rampa. Para el especialista de la UA, una «web ideal» incluiría vídeos en lenguaje de signos, diferentes combinaciones de color para mejorar contrastes, lupas o botones para aumentar el tamaño del texto o de las imágenes, vídeos con subtítulos, fotos con una descripción escrita y la opción de desplazarse por los menús con el teclado y no sólo con el ratón.
lunes, 19 de enero de 2015
viernes, 16 de enero de 2015
Referencia sobre ARIA de Microsoft
Accessible Rich Internet Applications (ARIA) es la referencia de Microsoft sobre ARIA.
miércoles, 14 de enero de 2015
Las ayudas técnicas de Stephen Hawking
Hace poco se presentó la nueva silla de Stephen Hawking desarrollada por Intel. Con el anuncio de la nueva silla pudimos saber algo sobre las ayudas técnicas (productos de apoyo) utilizados por Stephen Hawking para utilizar el ordenador, que desde hace años es el único medio que le permite comunicarse con el resto del mundo.
Ahora, gracias al artículo Persiguiendo a Stephen Hawking podemos saber algo más. En este artículo podemos leer:
Pero también permite otros tipos de control:
En el caso de Stephen Hawking parece que utiliza el parpadeo del ojo. Este dispositivo de infrarrojos está montado en sus gafas.
No he podido encontrar mucha información sobre la empresa words+, porque recientemente ha sido adquirida por otra.
En una entrada anterior (Duda, ¿un tetrapléjico podría usar un ordenador?) escribí sobre el sistema de texto predictivo que emplea Stephen Hawking.
Stephen Hawking también podría usar un sistema de electromiografía para controlar el ordenador, como podemos leer en Neuroswitch Success Stories - Stephen Hawking.
También podemos leer:
Por último, ¿quién es Dennis Klatt, el ingeniero que desarrolló la voz que emplea Stephen Hawking? Según he leído en Dennis Klatt's History of Speech Synthesis es uno de los padres de la síntesis de voz (text-to-speech).
Ahora, gracias al artículo Persiguiendo a Stephen Hawking podemos saber algo más. En este artículo podemos leer:
Eran tiempos en los que Hawking todavía susurraba dentro de su parálisis. Ahora, el genio estaría completamente desconectado del mundo de no ser por su silla, recientemente renovada por el equipo de Intel. Hawking habla al mundo usando un único músculo, el de su mejilla. Sólo lo vi en una ocasión, hace años, pero la gente a su alrededor se quedaba impresionada cuando sonreía. La nueva silla es un prodigio de la tecnología: algoritmos que predicen textos avanzados e intuyen las palabras, infrarrojos que detectan el movimiento de la mejilla, medidores de la tensión y la temperatura, navegación por Internet, y la misma voz original diseñada por el ingeniero Dennis Klatt, del MIT, que Hawking no quiere abandonar.Buscando un poco he descubierto que Stephen Hawking emplea un producto llamado words+ Infrared/Sound/Touch (IST) Switch que permite controlar un ordenador que el movimiento de cualquier parte del cuerpo:
- Eye movement
- Eye blink
- Chin movement
- Finger movement
- Toe movement
- Head movement
- Eyebrow movement
- Arm movement
- Shoulder movement
- Foot movement
- Slight vocalization or breath
Pero también permite otros tipos de control:
Touch Sensor detects skin contact and no force is required to activate the switch. Infrared uses low-powered infrared beam and operates on light reflection. Sound Sensor can be adjusted to respond to loud voice or breath sound.
En el caso de Stephen Hawking parece que utiliza el parpadeo del ojo. Este dispositivo de infrarrojos está montado en sus gafas.
No he podido encontrar mucha información sobre la empresa words+, porque recientemente ha sido adquirida por otra.
En una entrada anterior (Duda, ¿un tetrapléjico podría usar un ordenador?) escribí sobre el sistema de texto predictivo que emplea Stephen Hawking.
Stephen Hawking también podría usar un sistema de electromiografía para controlar el ordenador, como podemos leer en Neuroswitch Success Stories - Stephen Hawking.
También podemos leer:
Su enfermedad avanza inexorable; amenaza con romper algún día este cordón umbilical tecnológico. Pero mientras Hawking consiga no perder su último movimiento, su voz computerizada seguirá siendo parte de la cultura popular.Pero esa situación también está prevista, y si llega a darse esa situación, Stephen Hawking podrá controlar el ordenador con la mente.
Por último, ¿quién es Dennis Klatt, el ingeniero que desarrolló la voz que emplea Stephen Hawking? Según he leído en Dennis Klatt's History of Speech Synthesis es uno de los padres de la síntesis de voz (text-to-speech).
martes, 13 de enero de 2015
Cómo puede mejorar la Web la calidad de vida de las personas con discapacidad
Este año voy a colaborar con la Confederación Española de Personas con Discapacidad Física y Orgánica (COCEMFE) mediante la publicación de artículos en su Observatorio de la Accesibilidad.
Este mes han publicado el artículo Cómo puede mejorar la Web la calidad de vida de las personas con discapacidad.
Este mes han publicado el artículo Cómo puede mejorar la Web la calidad de vida de las personas con discapacidad.
lunes, 12 de enero de 2015
Reproductor de vídeos accesible y adaptable
Muy interesante la propuesta que se presenta en Accessible and Responsive HTML5 Video Player. Además explica cómo crear subtítulos para los vídeos.
viernes, 9 de enero de 2015
Correspondencia entre WCAG 1.0, WCAG 2.0 y Section 508
Interesante la página web WCAG and HP Standard Update - Summary en la que se ofrece una tabla de correspondencia entre varias pautas de accesibilidad web.
miércoles, 7 de enero de 2015
Ejemplo de descripción larga (longdesc)
Un ejemplo extraído de Box Model:
Y la descripción larga:
Long description of illustration of box areas
This diagram illustrates the four areas of the generic CSS box: content, padding, border, and margin.
There are four nested boxes: the content area is the innermost, then padding, border, and margin areas. Each area has a different border style to distinguish its edge: the content edge is thin and solid; padding is thin and dashed; border is thick and solid; margin is thick and dashed.
Below the boxes, a legend lists the border styles used for the four edges.
Y la descripción larga:
Long description of illustration of box areas
This diagram illustrates the four areas of the generic CSS box: content, padding, border, and margin.
There are four nested boxes: the content area is the innermost, then padding, border, and margin areas. Each area has a different border style to distinguish its edge: the content edge is thin and solid; padding is thin and dashed; border is thick and solid; margin is thick and dashed.
Below the boxes, a legend lists the border styles used for the four edges.
lunes, 5 de enero de 2015
Sobre los reproductores multimedia accesibles
En Accessible media player resources and demos se recogen recursos y ejemplos sobre reproductores multimedia accesibles.
miércoles, 31 de diciembre de 2014
Entrevista en Pulso Político
Hace unas semanas estuve en Ecuador participando en unas jornadas sobre discapacidad. Me pidieron participar en un programa de televisión, Pulso Político, de la cadena Ecuador TV.
En la web del programa se encuentra el vídeo, es el programa "Pulso Político 23/12/2014: Esta noche junto a la Secretaría Técnica de Discapacidades se detallarán los resultados de esta gestión".
En el equipo de redacción se equivocaron y me pusieron como experto de la Fundación ONCE. Pido perdón a la ONCE, a mí nadie me consultó y lo descubrí una vez emitido el programa.
En la web del programa se encuentra el vídeo, es el programa "Pulso Político 23/12/2014: Esta noche junto a la Secretaría Técnica de Discapacidades se detallarán los resultados de esta gestión".
En el equipo de redacción se equivocaron y me pusieron como experto de la Fundación ONCE. Pido perdón a la ONCE, a mí nadie me consultó y lo descubrí una vez emitido el programa.
lunes, 29 de diciembre de 2014
Atajos de teclado de NVDA
Para usar un lector de pantallas correctamente hay que conocer sus atajos de teclado.
En NVDA screen reader keyboard overlays se pueden encontrar dos imágenes que resumen los atajos de teclado de NVDA, tanto para teclado normal como teclado de portátil:
En NVDA screen reader keyboard overlays se pueden encontrar dos imágenes que resumen los atajos de teclado de NVDA, tanto para teclado normal como teclado de portátil:
miércoles, 24 de diciembre de 2014
Máster universitario en tecnologías accesibles
La Universidad Internacional de La Rioja organiza el Máster universitario en tecnologías accesibles que comenzará en marzo de 2015.
El máster está organizado en dos itinerarios, uno profesional y otro académico.
Me hago una pregunta, ¿será el curso accesible? Porque en esta otra página del máster existen varios vídeos que no tienen subtítulos.
El máster está organizado en dos itinerarios, uno profesional y otro académico.
Me hago una pregunta, ¿será el curso accesible? Porque en esta otra página del máster existen varios vídeos que no tienen subtítulos.
lunes, 22 de diciembre de 2014
Nueva lista de herramientas de evaluación
El W3C publicó una actualización de su lista de herramientas de evaluación el pasado 18 de diciembre: Web Accessibility Evaluation Tool List: Call For Tool Information.
La lista se puede encontrar en la página Web Accessibility Evaluation Tools List. Además, el W3C proporciona unos consejos para elegir una herramienta adecuada en Selecting Web Accessibility Evaluation Tools.
La lista se puede encontrar en la página Web Accessibility Evaluation Tools List. Además, el W3C proporciona unos consejos para elegir una herramienta adecuada en Selecting Web Accessibility Evaluation Tools.
viernes, 19 de diciembre de 2014
Cómo explicar la accesibilidad de un hotel
Recientemente estaba visitando los sitios web de varias cadenas de hoteles para comparar cómo venden o describen la accesibilidad de sus hoteles.
Por ejemplo, el Hilton Colon Quito:
FOR YOUR ACCESSIBILITY NEEDS
The Following Features Are Available:
Accessible
Accessible Rooms
Accessible business center
Accessible concierge desk
Accessible elevators
Accessible exercise facility
Accessible guest rooms with mobility features with entry or passage doors that provide 32” of clear width
Accessible hotel restaurant
Accessible meeting rooms
Accessible parking
Accessible parking spaces for cars in the self-parking facility
Accessible public entrance
Accessible registration desk
Accessible route from the accessible public entrance to the accessible guestrooms
Accessible route from the accessible public entrance to the registration area
Accessible route from the hotel’s accessible entrance to the meeting room/ballroom area
Accessible route from the hotel’s accessible public entrance to at least one restaurant
Accessible route from the hotel’s accessible public entrance to the business center
Accessible route from the hotel’s accessible public entrance to the exercise facilities
Accessible route from the hotel’s accessible public entrance to the spa
Accessible route from the hotel’s accessible public entrance to the swimming pool
Accessible swimming pool
Accessible transportation with advance notice
Alarms - Audible
Assistive listening devices for meetings upon request
Audible alerts in elevators
Bathroom doors at least 32 inches wide
Bedroom doors at least 32 inches wide (812mm)
Braille room numbers
Evacuation chair available to help evacuate a disabled person
Grab bars in bathroom
Large Print Menus
Level or ramp entrance into the building
Lowered buttons in elevators
Lowered emergency evacuation instructions
Lowered light switches
Portable shower chairs
Public Areas/Facilities accessible for physically challenged
Raised toilet seat
Roll-in Shower
Room Accessible by Request
Rooms accessible to wheelchairs (no steps)
Rubber shower mats
Strobe alarms
Van-accessible parking in the self-parking facility
Visual alarm for hearing impaired
Visual alarms for hearing impaired in hallways
Visual alarms for hearing impaired in public areas
Wheelchair ramp for lobby/reception access
Una lista impresionante de características.
El Melia Alicante:
Hotel adaptado a discapacitados
Lo mismo, ¿verdad?
Por ejemplo, el Hilton Colon Quito:
FOR YOUR ACCESSIBILITY NEEDS
The Following Features Are Available:
Accessible
Accessible Rooms
Accessible business center
Accessible concierge desk
Accessible elevators
Accessible exercise facility
Accessible guest rooms with mobility features with entry or passage doors that provide 32” of clear width
Accessible hotel restaurant
Accessible meeting rooms
Accessible parking
Accessible parking spaces for cars in the self-parking facility
Accessible public entrance
Accessible registration desk
Accessible route from the accessible public entrance to the accessible guestrooms
Accessible route from the accessible public entrance to the registration area
Accessible route from the hotel’s accessible entrance to the meeting room/ballroom area
Accessible route from the hotel’s accessible public entrance to at least one restaurant
Accessible route from the hotel’s accessible public entrance to the business center
Accessible route from the hotel’s accessible public entrance to the exercise facilities
Accessible route from the hotel’s accessible public entrance to the spa
Accessible route from the hotel’s accessible public entrance to the swimming pool
Accessible swimming pool
Accessible transportation with advance notice
Alarms - Audible
Assistive listening devices for meetings upon request
Audible alerts in elevators
Bathroom doors at least 32 inches wide
Bedroom doors at least 32 inches wide (812mm)
Braille room numbers
Evacuation chair available to help evacuate a disabled person
Grab bars in bathroom
Large Print Menus
Level or ramp entrance into the building
Lowered buttons in elevators
Lowered emergency evacuation instructions
Lowered light switches
Portable shower chairs
Public Areas/Facilities accessible for physically challenged
Raised toilet seat
Roll-in Shower
Room Accessible by Request
Rooms accessible to wheelchairs (no steps)
Rubber shower mats
Strobe alarms
Van-accessible parking in the self-parking facility
Visual alarm for hearing impaired
Visual alarms for hearing impaired in hallways
Visual alarms for hearing impaired in public areas
Wheelchair ramp for lobby/reception access
Una lista impresionante de características.
El Melia Alicante:
Hotel adaptado a discapacitados
Lo mismo, ¿verdad?
miércoles, 17 de diciembre de 2014
Ejemplos de ARIA
ARIA examples recoge 9 ejemplos de cómo utilizar ARIA para mejorar la accesibilidad de las páginas web modernas.
ARIA es una tecnología esencial para lograr que las aplicaciones enriquecidas de Internet (Rich Internet Applications) sean accesibles. Por cierto, un artículo interesante sobre RIA: 7 Principles of Rich Web Applications.
ARIA es una tecnología esencial para lograr que las aplicaciones enriquecidas de Internet (Rich Internet Applications) sean accesibles. Por cierto, un artículo interesante sobre RIA: 7 Principles of Rich Web Applications.
lunes, 15 de diciembre de 2014
El nuevo captcha de Google
Google ha presentado un nuevo sistema para sustituir a reCaptcha, su sistema gratuito de captcha: Are you a robot? Introducing “No CAPTCHA reCAPTCHA”.
Según parece, el nuevo sistema no mostrará siempre un captcha, sólo en aquellos casos en los que se tenga la duda de si el usuario es una persona o un bot. Y en ese caso parece que se van a emplear nuevos sistemas como por ejemplo emparejar imágenes:
¿Será accesible el nuevo sistema?
En el siguiente vídeo explican un poco más sobre el nuevo sistema:
Según parece, el nuevo sistema no mostrará siempre un captcha, sólo en aquellos casos en los que se tenga la duda de si el usuario es una persona o un bot. Y en ese caso parece que se van a emplear nuevos sistemas como por ejemplo emparejar imágenes:
¿Será accesible el nuevo sistema?
En el siguiente vídeo explican un poco más sobre el nuevo sistema:
viernes, 12 de diciembre de 2014
El Mago de Oz y los lectores de pantalla
Acabo de leer Wizard of Oz Screen Reader, que explica cómo aplicar la técnica del Mago de Oz al uso de los lectores de pantalla.
La técnica del Mago de Oz (en la Wikipedia no habla de técnica, sino de experimento: Wizard of Oz experiment) consiste en que un humano simula el comportamiento de una máquina, de un sistema que se está construyendo. En usabilidad se emplea mucho para simular el funcionamiento de un sistema informático que se está diseñando.
En el artículo que cito, se emplea esta técnica para simular el comportamiento de un lector de pantallas.
La técnica del Mago de Oz (en la Wikipedia no habla de técnica, sino de experimento: Wizard of Oz experiment) consiste en que un humano simula el comportamiento de una máquina, de un sistema que se está construyendo. En usabilidad se emplea mucho para simular el funcionamiento de un sistema informático que se está diseñando.
En el artículo que cito, se emplea esta técnica para simular el comportamiento de un lector de pantallas.
miércoles, 10 de diciembre de 2014
Soporte de los lectores de pantalla
HTML proporciona muchos elementos que mejoran la accesibilidad de las páginas web. Pero, ¿funcionan todos ellos? ¿Todos los navegadores son capaces de interpretarlos? ¿Todos los navegadores se comportan de la misma forma ante un elemento?
El artículo Sobre el uso de lectores de pantalla de Olga Carreras recopila información sobre estudios que intentan aclarar estas y otras preguntas similares.
El artículo Sobre el uso de lectores de pantalla de Olga Carreras recopila información sobre estudios que intentan aclarar estas y otras preguntas similares.
Suscribirse a:
Entradas (Atom)