Curso "Experto en TIC y discapacidad"

El curso Experto en TIC y discapacidad se desarrolla en varias ciudades de Sudamérica. Su contenido es:

Las acciones formativas se estructuran en bloques temáticos. En cada uno de ellos se proponen estrategias didácticas con la participación activa de los inscritos quienes, partiendo de su realidad concreta, diseñan las actuaciones encaminadas a mejorar el rendimiento de las personas con discapacidad.
Modelos de intermediación. 1. Competencias claves para la vida. 2. Los modelos M-FREE, B-FREE y PCP-FREE. 3. Nivel Inicial de Competencia. 4. Propuesta de Competencias. 5. Correlacionar software / hardware. 6. Adaptaciones y Assistive Technology. 7. Evaluación y Plan de mejoras.

Assistive Technology (rampas digitales).  1. Un movimiento voluntario. 2.Webcam, el ojo que todo lo ve. 3.Barrido intencionado en pantalla. 4.Joystick sustituye el teclado/ratón. 5.Reconocimiento de voz. 6. Teclados multifunción. 7.Leer con los oídos. 8.Magnificar la pantalla. 9. Leer con los oídos.

Competencias claves y NEE/ discapacidad.  1. La Web 2.0., Inclusión 2.0.  2. Autonomía y desarrollo personal.  3. Comunicación Aumentativa y/o Alternativa.  4. Competencias en Comunicación Lingüísticas.  5. Competencias en Matemáticas.  6. Otras competencias

Elaborar material multimedia. 1. El nuevo rol del profesor y alumno. 1.Herramienta de autor e integración curricular. 3.Objetos de aprendizaje y Tutores On-line. 4.Evaluación y selección de software educativo. 5. Aplicación educativa de los videojuegos. 6. La revista escolar digital: experiencia de inclusión.

Discapacidad auditiva  y fonoaudiología. 1.Tecnologías para el aprovechamiento de restos auditivos. El implante coclear. 2. Tecnología de la voz en la terapia del lenguaje. 3. Aprender sistemas aumentativos y complementarios del habla. 4. Desarrollo de estrategias lingüísticas: percepción y discriminación fonemática, ortografía y competencias semánticas, corrección sintáctica y morfosintáctica y habilidades lectoras.

Discapacidad visual.1. Ayudas de la tiflotecnología. 2. Leer la información de las pantallas: lectores de pantalla, lupas digitales, síntesis de voz, impresoras y línea braille. 3. Las barreras  del software e Internet: bibliotecas virtuales, libros electrónicos.

Discapacidad motriz.1. Marco situacional: lugar y ayudas técnicas. 2. Escritura e interacción: adaptar el teclado, teclear con una sola mano, personalizar el ratón, manejar el ratón con el teclado, joystick sustituye  al ratón, reconocimiento de voz, teclado en pantalla, conmutador, control láser. 3. Control ambiental  y los robots móviles. 4. TIC y los SAAC en personas con parálisis cerebral. 5. La formación en TIC como oportunidad laboral para personas con diversidad funcional motriz. 6. Editores de textos por selección dirección.

Síndromes y discapacidades. 1. Regla de etiquetas. 2.  Síndrome de Down. 3.  Espectro autista. 4. Hiperactividad / Déficit de Atención. 5. Síndrome de Rett. 6. Síndrome de Maullido de gato. 7. Síndrome XFrágil. 8. Síndrome de Angelman. 9. Síndrome de Prader-Will. 10. Síndrome de Sotos. 11. Síndrome de Apert. 8.12. Síndrome de William 13. Síndrome de Esclerosis Tuberosa. 14. Síndrome de Cornella de Lange. 15. Parálisis cerebral.

Entrevista a Jesús Hernández, director de Accesibilidad de Fundación ONCE

Muy interesante la entrevista a Jesús Hernández, director de Accesibilidad de Fundación ONCE: La falta de accesibilidad es la forma más sutil de discriminación. En esta entrevista, Jesús Hernández habla de las tecnologías accesibles (o de la accesibilidad a la tecnología): "Tecnologías Accesibles son aquellas que pueden usarse de forma confortable y segura".

Análisis de un rediseño accesible de un sitio web

El artículo Accessibility Originates With UX: A BBC iPlayer Case Study es una fantástica explicación del rediseño del reproductor multimedia de la BBC.

Un excelente ejemplo de cómo no basta con aplicar las guías de accesibilidad al pie de la letra, hay que comprobar la experiencia de usuario para lograr un producto realmente accesible.

¿De qué color es este vestido?

La semana pasada el mundo se volvió loco por la siguiente fotografía de un vestido:

Unos lo veían azul y negro (así lo veo yo, aunque el negro en el cuello es gris o marrón porque la fotografía está sobreexpuesta), otros lo veían blanco y dorado:

• ¿De qué color es este vestido?
• El vestido: día 2

¿Cómo puede ser que la gente viese diferentes colores? El rojo es rojo, el verde es verde y el azul es azul. Pues no, el color es una percepción subjetiva. Y además, algo muy importante: lo que vemos depende de las condiciones ambientales en las que vemos las cosas: Por qué unos vemos el vestido bien y el resto no tenéis ni idea.

¿Y todo esto qué tiene que ver con la accesibilidad web? Muy sencillo, discusiones parecidas se producen todos los días en miles de gabinetes de diseño, no por el diseño de vestidos sino por el diseño de páginas web.

Alguna vez he asistido a alguna reunión sobre el diseño de páginas web y he escuchado cosas como "cambia ese color, hazlo un poco más anaranjado" o "satura ese color, no tiene fuerza". Tonterías, porque es bastante improbable que alguien llegue a ver los mismo colores que se ven cuando se diseña una página web.

La siguiente imagen aclara el problema: no todo el mundo tiene la misma pantalla de ordenador, ni la misma tableta, ni el mismo teléfono móvil, ni lo tiene ajustado con los mismos niveles de brillo y contraste, ni lo está viendo en la misma sala con la misma iluminación, ni... y muchos más factores.

Desgraciadamente, en el diseño web muchas veces se pierde el tiempo discutiendo cosas que al final poca importancia va a tener (la búsqueda de los colores "perfectos"), y sin embargo no se presta atención a otras cosas que sí que son importantes (que los colores tengan el suficiente contraste).

Estadísticas de uso de NVDA

En NVDA User Statistics se muestran estadísticas del número aproximado, muy aproximado, de usuarios del lector de pantallas NVDA por países.

El cálculo se realiza contando las peticiones diarias de actualización que reciben los servidores de NVDA. Las actualizaciones diarias pueden estar desactivadas o el usuario puede no tener conexión a Internet, así que estos valores son una cota inferior del número de usuarios. Quizás lo más interesante sea analizar la distribución por países, no los valores absolutos. Así, por ejemplo, sorprende que en primera posición esté Brasil, en tercera posición Francia y en quinta posición Polonia.

Curso online y gratuito "Aprende Accesibilidad Web Paso a Paso"

La semana pasada publicamos en la plataforma Udemy el curso Aprende Accesibilidad Web Paso a Paso. Este curso se ofrece de forma gratuita gracias al patrocinio de la Cátedra Telefónica - Universidad de Alicante "Impacto de las Tecnologías del Lenguaje Humano en la Inclusión Social".

Es un MOOC, y por tanto online y gratuito, para el que hemos preparado más de 6 horas de vídeo y más de 40 ejercicios tipo test para evaluar el aprendizaje.

No hay fecha de principio ni de fin, tú marcas el ritmo en un proceso de autoaprendizaje guiado. Al finalizar el curso conocerás los principales problemas de falta de accesibilidad que presentan las páginas web y serás capaz de plantear e implementar soluciones para esos problemas.

Los profesores que hemos preparado el curso somos:

• Olga Carreras Montoto. Consultora freelance en Experiencia de Usuario, Usabilidad y Accesibilidad.
• Sergio Luján Mora. Profesor de informática de la Universidad de Alicante.
• Ester Serna Berná. Responsable del área de Desarrollo Web en el Taller Digital de la Universidad de Alicante.
• Armando Suárez Cueto. Profesor de informática de la Universidad de Alicante.
• Antonio Ferrández Rodríguez. Profesor de informática de la Universidad de Alicante. Director de la Cátedra Telefónica - Universidad de Alicante "Impacto de las Tecnologías del Lenguaje Humano en la Inclusión Social".

El curso se estructura de la siguiente manera:

1. Bienvenida al curso: Es una introducción y una visión general del curso donde ya veremos algunos ejemplos de problemas de accesibilidad.
2. Qué es la accesibilidad web: Repasaremos la definición de accesibilidad web; cómo esta mejora la vida de las personas con discapacidad; los mitos asociados a la accesibilidad web; sus beneficios; o de la mano de Sergio Luján Mora repasaremos cosas que deberías saber sobre la accesibilidad web y ejemplos de sitios web accesibles.
3. Las personas con discapacidad y la Web: En esta sección se repasan los principales tipos de discapacidad y cómo afectan al acceso a la web. Antonio Ferrández nos explicará a lo largo de diversos vídeos los diferentes productos de apoyo que emplean las personas con discapacidad.
   
   Un total de 21 lecciones donde por ejemplo podremos ver una entrevista con una persona sordociega.
   
   
4. Pautas y leyes: En esta sección Olga Carreras presenta una introducción a las WCAG 2.0 y Sergio Luján Mora repasa a través de diferentes lecciones y vídeos la legislación española sobre accesibilidad web y recursos para consultar la legislación existente en otros países.
   
5. Contenido accesible: En esta sección repasaremos a lo largo de 23 lecciones, la mayoría en vídeo, cómo lograr que el contenido de una página web sea accesible y comprensible.
   
   Hablaremos de la accesibilidad de las imágenes, del audio y del vídeo; Sergio Luján Mora tratará temas como los subtítulos para el contenido multimedia o los captcha; o Ester Serna nos hablará, entre otras cosas, de la accesibilidad en relación con los encabezados, el idioma o las tablas de las páginas web. Olga Carreras explicará la accesibilidad del contenido multimedia.
   
   
6. Navegación accesible:
En esta sección aprenderemos en 13 lecciones, 12 de ellas en vídeo, a lograr que la navegación dentro de una página web y entre las páginas de un sitio web sea accesible. Por ejemplo Sergio Luján Mora nos hablará del título de la página, los enlaces "saltar a" o de las barras de navegación como listas de enlace. Olga Carreras hablará de los enlaces accesibles, de la navegación por teclado y de las múltiples vías, ubicación y consistencia.

7. Diseño accesible: En esta sección aprenderemos a lograr que la presentación de una página web sea accesible. Entre otras cosas, Sergio Luján Mora nos hablará del color, del contraste o de la tipografía.
   Olga Carreras enseñaré las buenas y malas prácticas así como los errores comunes de accesibilidad en los sitios Responsive Design.
   
8. Interacción accesible: En esta sección aprenderemos a lograr que la interacción de un usuario con una página web sea accesible.
   Olga Carreras hablará de Javascript y accesibilidad y de WAI-ARIA.
   
9. Accesibilidad y posicionamiento: En esta sección Olga Carreras presenta una introducción al posicionamiento orgánico en buscadores y su relación con la accesibilidad web.
   
10. Análisis y evaluación de la accesibilidad: En esta lección Olga Carreras presentará la metodología de evaluación WCAG-EM y las principales herramientas de evaluación automática. Ester Serna enseñará a utilizar la herramienta TAW y barras de herramientas como Wave o Web Developer Toolbar.
    
11. Conclusiones

100 lecciones, más de 6 horas de vídeo subtitulados y con transcripción accesible. Todos los profesores del curso esperamos que aprendáis mucho sobre cómo mejorar la accesibilidad web de vuestras páginas.

Curso online y gratuito en la plataforma Udemy:
Aprende Accesibilidad Web paso a paso

El artículo Reframing Accessibility for the Web publicado en el sitio web A list apart es un manifiesto a favor de dejar de hablar de la accesibilidad web para las personas con discapacidad. Según la autora, se debe hablar de accesibilidad web para todas las personas:

We need to change the way we talk about accessibility. Most people are taught that “web accessibility means that people with disabilities can use the Web”—the official definition from the W3C. This is wrong. Web accessibility means that people can use the web. 

Not “people with disabilities.” Not “blind people and deaf people.” Not “people who have cognitive disabilities” or “men who are color blind” or “people with motor disabilities.” People. People who are using the web. People who are using what you’re building.

Cómo crear ventanas modales accesibles

Muy interesante la presentación Accessible modal windows, en la que se explica la creación de ventanas modales accesibles en una página web.

Una ventana o cuadro de diálogo modal mantiene el foco sobre dicha ventana y no permite que vuelva a la ventana que le da origen (ventana madre) hasta que se toma una acción sobre ella. Se utilizan para confirmar una acción o elegir un valor crítico en el funcionamiento de una aplicación.

Guía para crear contenidos digitales accesibles: Documentos, presentaciones, vídeos, audios y páginas web

Un nuevo libro gratuito: Guía para crear contenidos digitales accesibles: Documentos, presentaciones, vídeos, audios y páginas web, editado por José R. Hilera y Elena Campo. Está disponible en español e inglés.

La accesibilidad como especialización profesional

Interesante el artículo La accesibilidad como especialización profesional, publicado para promocionar el Máster Universitario en Tecnologías Accesibles de la Universidad Internacional de La Rioja.

Al final del artículo se citan algunas ventajas de la accesibilidad web:

• Una web accesible incrementa la cuota de mercado y audiencia de la pagina, ya que aumenta el número de usuarios potenciales.
• Mejora el posicionamiento, ya que los robots de los motores de búsqueda utilizan elementos que se deben utilizar en páginas accesibles como encabezados, listas de enlaces, etc.
• Mejora la eficiencia y el tiempo de respuesta, puesto que el código de páginas accesibles está más optimizado.
• Disminuye los tiempos de mantenimiento de la página, ya que el código accesible es más fácil de adaptar a distintos dispositivos, entornos, etc.
• Reduce el tiempo de carga y el peso de las páginas web, porque separa la presentación del contenido lo que hace que el código HTML sea más ligero.
• Demuestra responsabilidad social.
• Evidencia el cumplimiento de la ley. 

Teléfono braille

Interesante y curioso el teléfono que se propone en The Ultimate Braille Phone. Lo que no sé es si tendrá mucho futuro, ya que los teléfonos móviles con lector de pantalla integrado son ampliamente utilizados por las personas ciegas.

Accesibilidad web: ¿por qué es importante?

Ayer se publicó el artículo Accesibilidad web: ¿por qué es importante?, mi segunda contribución al Observatorio de la Accesibilidad de la Confederación Española de Personas con Discapacidad Física y Orgánica (COCEMFE).

Accesibilidad web en MDN

Mozilla Developer Network tiene un microsite dedicado a la accesibilidad web: Accessibility.

Las recomendaciones de WCAG 2.0 y WebAIM juntas

En Interactive WCAG 2.0 se han juntado las recomendaciones de WCAG 2.0 y WebAIM.

Escribir en Internet

El artículo 10 consejos sobre redacción de textos en internet de fundéu proporciona diez consejos muy sencillos para mejorar los textos en inglés. Estos consejos ayudan a mejorar la usabilidad y legibilidad de los textos.

TextoSign

TextoSign es una herramienta software que permite la conversión de texto a Lengua de Signos Española (LSE). Este sistema se puede integrar en las páginas web para ofrecer un servicio de traducción bajo demanda y en tiempo real.

El siguiente vídeo explica el funcionamiento de este sistema:


Y este otro vídeo es un ejemplo de traducción:

La accesibilidad web dividida por roles

La página web Accessibility Responsibility Breakdown divide las pautas de accesibilidad WCAG 2.0 por roles: gestor de proyecto, arquitecto de información, experto en SEO, etc. Muy interesante...

Encuesta sobre WCAG 2.0

Me han pasado información sobre la siguiente encuesta: Encuesta sobre posibles cambios en WCAG 2.0

Si conoces o aplicas WCAG 2.0 para hacer páginas web accesibles, puedes colaborar en un estudio que se está realizando en la Universidad de Alcalá (España), para recabar opiniones sobre posibles mejoras de este estándar.

Se trata de cumplimentar esta encuesta de 10 preguntas para recoger tus propuestas sobre cómo mejorar WCAG 2.0.

Todos los campos de la encuesta son opcionales, pero si deseas recibir directamente el informe con los resultados del estudio por e-mail, debes indicar una dirección de e-mail en el campo correspondiente.

Para cualquier duda, puedes contactar con José R. Hilera (jose.hilera@uah.es).

La encuesta estará disponible hasta el 1 de marzo de 2015.

Ejemplo de certificación de la accesibilidad web

El sitio web de Iberdrola tiene certificada su accesibilidad web por Technosite.

En el certificado de accesibilidad podemos ver que el certificado se emitió el 8 de enero de 2015 y tiene una validez de dos años.

En la página Funcionalidades se explican las adaptaciones y mejoras que se han realizado.

Y en la página Excepciones se indican las partes cuyo contenido puede ser no accesible.

¿Y por qué el sitio web de Iberdrola está certificado? Porque según la LEY 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información debe serlo.

[Actualización 28/1/2015]

Ramón Corominas me ha realizado dos puntualizaciones acertadas:

1. Tal como lo he escrito, parece que el sitio web debe estar certificado por ley. Eso en España no es así, cuando escribí "¿Y por qué el sitio web de Iberdrola está certificado?" a lo que quería llegar era a indicar que el sitio web está certificado porque por ley debe ser accesible, y a través de la certificación "lo demuestra". Pero en realidad, la certificación no demuestra mucho: la certificación puede ser incompleta (simplemente se evaluó una muestra de páginas de todo el sitio web) y la certificación era válida en el momento en que se realizó (al día siguiente el sitio web puede ser no accesible por un pequeño cambio que se realice).
2. La Ley 56/2007 incluye una modificación de la Ley 34/2002. Por tanto, esa es la ley que se debe referenciar: Cinco. Las páginas de Internet de las empresas que presten servicios al público en general de especial trascendencia económica, sometidas a la obligación establecida en el artículo 2 de la Ley 56/2007, de medidas de impulso de la sociedad de la información, deberán satisfacer a partir del 31 de diciembre de 2008, como mínimo, el nivel medio de los criterios de accesibilidad al contenido generalmente reconocidos. Excepcionalmente, esta obligación no será aplicable cuando una funcionalidad o servicio no disponga de una solución tecnológica que permita su accesibilidad.

La accesibilidad del nuevo captcha de Google

Un par de comentarios sobre la accesibilidad del nuevo captcha de Google:

• Google’s No Captcha Shows Some Progress
• On the Accessibility of Google’s No CAPTCHA

Y par de artículos sobre cómo crear una alternativa a un captcha para controlar el correcto uso de los formularios:

• 10 Things to Check Before Using a CAPTCHA
• Spam-free accessible forms

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.

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. 

Tanaguru

Tanaguru es una herramienta automática de evaluación de la accesibilidad web muy interesante. Es una herramienta de pago, pero ofrece la posibilidad de evaluar 5 páginas web por día de manera grautita.

Referencia sobre ARIA de Microsoft

Accessible Rich Internet Applications (ARIA) es la referencia de Microsoft sobre ARIA.

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:

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).

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.

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.

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.

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.

Sobre los reproductores multimedia accesibles

En Accessible media player resources and demos se recogen recursos y ejemplos sobre reproductores multimedia accesibles.

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.

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:

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.

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.

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?

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.

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:

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.

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.

Extensión para mostrar la descripción larga de una imagen (longdesc)

Desde hace bastantes años, para Mozilla Firefox existe una extensión, Longdesc, que añade una opción en el menú contextual que aparece en una imagen. Esta opción permite navegar a la descripción larga (longdesc), si la hubiera, de una imagen.

Sin embargo, parece que Firefox ha añadido está opción como una característica nativa en sus últimas versiones y aparece la opción "Ver descripción":

Además, cuando se consulta la información de una imagen, aparece el campo "Descripción larga":

Google acaba de anunciar su extensión similar para Chrome que añade la opción de
acceder al contenido de longdesc desde el menú contextual. Se llama Long Descriptions in Context Menu.

En mi página web Accesibilidad web: Imágenes complejas muestro un ejemplo de imagen que necesita una descripción larga. Esta página se puede utilizar para probar el funcionamiento de estas extensiones.

Informe sobre la aplicación del régimen de infracciones y sanciones de la Ley General de derechos de las personas con discapacidad y de su inclusión social

Hace justo un año se aprobó la Ley General de derechos de las personas con discapacidad y de su inclusión social. En esa ley, la Disposición adicional décima decía:

Disposición adicional décima. Información a las Cortes Generales sobre el régimen de infracciones y sanciones.
El Gobierno, durante el primer año posterior a la entrada en vigor de esta ley, presentará a las Cortes Generales un informe sobre la aplicación del régimen de infracciones y sanciones previsto en esta ley, en el que dé cuenta, al menos, de:
1. Las actuaciones efectuadas para la aplicación de la ley.
2. El coste económico de dichas actuaciones.
3. Las actuaciones programadas para años sucesivos, con indicación del coste previsto.
4. Las infracciones cometidas y las sanciones impuestas en aplicación de la
presente ley, con especificación del rendimiento económico producido por éstas.

¿Dónde está ese informe?

La nueva silla de Stephen Hawking

Hace unos meses, escribí la entrada Duda, ¿un tetrapléjico podría usar un ordenador? en la que hablé sobre la silla y el equipo informático que utiliza Stephen Hawking.

Hace un par de días se publicó la noticia Así es la nueva silla con la que se comunica Stephen Hawking en la que se describe la nueva silla que le han preparado los ingenieros de Intel.

Algunos párrafos de la noticia:

Con la nueva silla, por ejemplo, el sensor que actualmente tiene en la mejilla es detectado por un conmutador infrarrojo montado en sus gafas, lo que le permite seleccionar caracteres en su ordenador. La integración de la tecnología de software lingüístico de la compañía británica SwiftKey, una app de texto predictivo, ha mejorado la capacidad del sistema para aprender del profesor, prediciendo sus próximos caracteres y palabras.

[...]

La plataforma ha sido bautizada por Intel como ACAT (por sus siglas en inglés de Herramientas de Asistencia Conscientes del Contexto). En su diseño ha participado un equipo multidisciplinar de investigadores de Intel Labs durante tres años y lo ha hecho codo con codo junto a Hawking.

[...]

El físico británico es el primero en contar con ACAT, pero la intención de Intel es que la plataforma se abra en enero a todos los investigadores y tecnólogos que trabajan en el campo de la discapacidad.

Más de 3 millones de personas en todo el planeta se ven afectados por lesiones y enfermedades motoras de origen neurológico. Estas patologías afectan a las actividades musculares voluntarias, como la capacidad para hablar, caminar, tragar y realizar todo tipo de movimientos corporales.

[Actualización 3/12/2014]

En Hawking alerta sobre los peligros de la inteligencia artificial: "Puede ser el fin de la raza humana" se dan más detalles sobre la nueva silla. Muy interesante el siguiente párrafo:

Además de pedirles a los ingenieros que mantuvieran la voz robótica de la máquina, Hawking solicitó además que no hicieran variaciones en el aspecto físico del programa, al que se ha acostumbrado tras más de dos décadas de uso.

El día a día de un sordociego

El mundo en tres sentidos es un especial del periódico lainformacion.com que dedicó a la sordoceguera.

El tercer vídeo, El día a día de un sordociego:

Francisco Feria (sordociego desde los 10 años) vive solo, tiene dos hijos y hace una vida completamente independiente. Su historia, lejos de ser dramática, es un ejemplo de integración y lucha diaria.

Sordoceguera: una enfermedad incomprendida

El mundo en tres sentidos es un especial del periódico lainformacion.com que dedicó a la sordoceguera.

El primer vídeo, Sordoceguera: una enfermedad incomprendida:

La historia clínica de la sordoceguera se remonta a mediados del siglo XIX. Aún hoy, los enfermos enfrentan grandes dificultades para conseguir ayudas y comprensión por parte de la sociedad.

Dentro de poco me tendré que comer mis propias palabras como si fueran dos pizzas

Cuando doy un curso sobre accesibilidad web y explico la necesidad de que las imágenes tenga un texto alternativo suelo preguntar lo siguiente:

Tenemos los lectores de pantalla. Los lectores de pantalla pueden leer el texto, ¿pero pueden interpretar una imagen? ¿Pueden decir que una imagen es una fotografía de una playa con una mujer tumbada debajo de una sombrilla tomando el sol? No, ningún software puede hacer eso en la actualidad y tardaremos 10 años, 20 años o más años en verlo.

Pues parece que eso que yo decía era verdad hasta el domingo, pero el lunes pasado, el 17 de noviembre de 2014 dejó de ser verdad.

Lo podemos leer en A picture is worth a thousand (coherent) words: building a natural description of images. El ejemplo es increíble:

El sistema genera la siguiente descripción de forma automática: Two pizzas sitting on top of a stove top oven.

¡Impresionante!

El sistema todavía tiene que mejorar, pero es un gran avance. Tiene que mejorar porque en el siguiente ejemplo vemos que algunos aciertos son espectaculares, pero también son espectaculares los fallos:

Componentes accesibles mediante el teclado

Los componentes o widgets realizados con HTML, CSS y JavaScript suelen presentar un problema muy importante: no son accesibles mediante el teclado.

En Keyboard-navigable JavaScript widgets se explica el problema y se proporcionan algunas soluciones. Algo básico es utilizar el atributo tabindex para asignar un valor 0 y que así el elemento pueda recibir el foco. En HTMLElement.tabIndex se explica el uso de este atributo.

Denuncias por webs inaccesibles en España

Sobre el tema de las denuncias por falta de accesibilidad en España he escrito varias veces:

• ¿Denunciar la falta de accesibilidad? Inútil en España (7/1/2012)
• A quién denunciar la falta de accesibilidad (19/1/2012)
• Sobre denunciar la falta de accesibilidad web en España (26/11/2012)
• ¿Cómo denunciar la falta de accesibilidad de un sitio web? (16/4/2014)

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...

Un vídeo musical con subtítulos

En mis cursos, a veces me piden que ponga ejemplos de recursos accesibles. Alguna vez me han preguntado cómo se puede hacer un vídeo musical accesible.

Bueno, el siguiente ejemplo no es perfecto, pero es un ejemplo válido:


¿Qué tiene de especial este vídeo?

Además de los subtítulos en los que aparece lo que el cantante/astronauta dice, en los subtítulos se indica también lo que se está oyendo:

• 0:05 (piano playing)
• 0:26 Commander Hadfield (singing): Ground control to major Tom
• 1:08 (piano playing)
• 1:12 (music swells)
• 2:30 (acoustic guitar riff)
• 2:38 (music swells)
• 4:04 (acoustic guitar riffs)
• 4:11 (instrumental)

La accesibilidad de las compras online

Una persona con discapacidad, por ejemplo, una persona ciega, ¿realiza muchas compras online? Pues seguramente no realiza todas las que le gustaría realizar porque no le dejan, no porque no quiera: los sitios web de comercio electrónico presentan muchos problemas de accesibilidad.

En Estados Unidos hay ciertas cosas que se toman muy en serio. Una de ellas son los derechos y el cumplimiento de las leyes. En el artículo ADA Claims Coming for Retailers This Holiday Season for Inaccessible Websites podemos leer que los sitios web de comercio electrónico "se la están jugando" si sus sitios web no son accesibles. Recordemos el famoso caso de la empresa Target (Indemnización histórica por tener una web no accesible, hablamos del año 2007), pero ha habido más.

¿Y en España? En España, pura pantomina.

Las imágenes de fondo con CSS y la accesibilidad

Usar las imágenes de fondo con CSS está muy bien, ofrece varias ventajas como poder emplear sprites y así reducir el tiempo de carga de una página web.

¿Todo son ventajas? Pues no, su uso y abuso puede afectar a la accesibilidad de una página web.

¿Cuál es el problema y cómo se resuelve? Se explica muy bien en CSS Background Images and Accessibility.

Una definición de accesibilidad

En What is accessibility? se ofrece la siguiente definición de accesibilidad:

To provide an equivalent user experience to those with a disability as is provided to those without a disability.

Traducido:

Proporcionar una experiencia de usuario a los usuarios con discapacidad equivalente a la que se proporciona a los usuarios sin discapacidad.

En esta definición hay dos términos importantes que se deben definir, discapacidad y equivalente.

En este artículo se hace referencia a la definición de discapacidad que ofrece UK Equality Act 2010: una persona con discapacidad presenta una dificultad física o mental que tiene un efecto negativo substancial y a largo plazo sobre su capacidad para realizar las actividades normales diarias. Esta definición me gusta porque hace referencia a las actividades normales diarias: si por ejemplo, pensásemos en subir a la cima del Everest como algo normal, el 99,99% de la población estará discapacitada para hacerlo. Por tanto, la discapacidad en muchos casos existe o no existe en referencia a lo que se puede o no se puede hacer y lo que se considera normal.

Respecto a equivalente no se proporciona una definición porque se explica que es difícil. Para mí, equivalente significa no proporcionar exactamente lo mismo, pero sí una alternativa que permita obtener la misma información y realizar las mismas acciones: lo importante no es como llegues a un vagón del metro, por escaleras o por ascensores, lo importante es que puedas usar el metro.

Informe sobre la presencia de la accesibilidad universal en las enseñanzas universitarias

La asociación SOLCOM publicó en el año 2011 el Informe 2011 sobre la presencia de la accesibilidad universal en las enseñanzas universitarias.

¿La conclusión? La materia de accesibilidad universal no está correctamente integrada en los planes académicos de los estudios universitarios en España.

La accesibilidad de los PDFs

Hoy en día, la accesibilidad de los documentos PDF es muy importante porque se publica mucha información en este formato en los sitios web.

Existen dos tipos de documentos PDF, los nativos y los escaneados, y los dos tipos pueden ser o no ser accesibles.

Un documento PDF nativo es un documento que se ha generado a partir de otro documento electrónico como puede ser un documento de texto (Microsoft Word o un simple fichero de texto plano), una página web, etc. Un documento PDF nativo contiene los caracteres, los espacios en blanco, el tipo de letra empleado, etc. del documento original.

Un documento PDF escaneado es una imagen insertada dentro de un documento PDF que ha sido adquirida o escaneada a partir de un documento original en papel. En principio, un documento PDF escaneado no contiene el texto original, aunque se pueden aplicar técnicas de OCR (Optical Character Recognition) para intentar reconstruir el texto del documento original.

Ambos tipos de documentos PDF pueden no ser accesibles, aunque claro, un documento PDF nativo puede tener cierto grado de accesibilidad aunque no se haga nada, porque contiene el texto original, mientras que un documento PDF escaneado como es una imagen no será accesible, a no ser que se aplique un OCR... y aquí viene un problema grave.

Adobe, la compañía propietaria del formato PDF ha alertado recientemente del problema que presentan muchos documentos PDF escaneados. En PDF accessibility starts with the author se explica que el uso de los OCR está dando la falsa sensación de que un documento PDF escaneado puede ser accesible simplemente con el procesamiento automático, y no es así.

El proceso de escaneado no es fiable al 100%, según la calidad del documento original se pueden producir muchos errores en el documento final. Además, normalmente el OCR no puede reconstruir información importante del documento original, como la estructura de encabezados o las tablas. Y por supuesto, un OCR no puede generar un texto alternativo para las imágenes que contenga un documento en papel.

Por tanto, sí, los OCR son buenos pero, no, a día de hoy no producen milagros. Como dice el artículo de Adobe, la accesibilidad de un PDF comienza con el autor del documento.

Google es tu usuario más importante, y es ciego

La frase "Google es tu usuario más importante, y es ciego" se suele citar para relacionar la accesibilidad con el posicionamiento (el SEO) y así aprovechar el tirón que tiene el SEO para mejorar la accesibilidad de los sitios web. Porque, desgraciadamente, el 100% de los desarrolladores web muestran un interés exagerado por el SEO, pero muy poco interés por la accesibilidad web.

He encontrado un vídeo en el que el propio Google relaciona las búsquedas con la accesibilidad, Google for Webmasters Tutorial: Crawling and Indexing:


Algunas frases:

• "...hacer el contenido accesible para los usuarios y para Google".
• "Accesible, en este contexto, significa que tanto Google como los usuarios, incluyendo a aquellos que utilizan un lector de pantallas o un dispositivo móvil, pueden navegar de una página a otra página y disfrutar el contenido principal del sitio web".
• "Es importante que tu sitio web sea accesible... para asegurar una buena experiencia para tus usuarios y también ayudar a Google a entender e indexar más páginas de tu sitio".
• "Puedes ver tu sitio web casi como Googlebot lo ve si visualizas tu sitio web en un navegador de texto, como Lynx, o en un navegador diferente con las imágenes, JavaScript y Flash desactivado".
• Y más y más comentarios similares.

Textos alternativos útiles para las imágenes

La semana pasada, el W3C publicó una actualización del documento HTML5: Techniques for providing useful text alternatives, un documento en el que se explica cómo textos alternativos útiles para las imágenes.

El documento contiene numerosos ejemplos y además se explica las formas de proporcionar el texto alternativo mediante distintas etiquetas de HTML: atributo alt y las etiquetas figure y figcaption.

Además, se indica que un texto alternativo no debe tener más de 30-50 palabras (2.4 How long should a text alternative be?).

Accesibilidad de las aplicaciones para dispositivo móvil

Recientemente me han preguntado por la accesibilidad de las aplicaciones para dispositivos móviles como teléfonos y tabletas.

En primer lugar hay que distinguir de qué tipo de aplicaciones estamos hablando: aplicación nativa o aplicación web.

Respecto aplicación nativa, hay que buscar en la información de cada fabricante de dispositivo móvil.

Por ejemplo, respecto Android tenemos:

• User Interface - Accessibility
• Patterns - Accessibility

Respecto a Apple tenemos:

• Accessibility Programming Guide for iOS
• Verifying App Accessibility on iOS

Respecto a la aplicación web, además de todo lo que se aplica a una aplicación web cualquiera (WCAG, WAI-ARIA), también se aplica:

• Mobile Web Best Practices 1.0
• Mobile Web Application Best Practices

Estas guías se relacionan con WCAG 1.0 y WCAG 2.0 a través del documento Relationship between Mobile Web Best Practices (MWBP) and Web Content Accessibility Guidelines (WCAG).

Uso de las listas para mejorar la accesibilidad

El artículo HTML Lists & Accessibility explica cómo se deben emplear las listas para mejorar la accesibilidad de una página web.

Los consejos que proporciona son:

• Use appropriate type of HTML list depending on the content of the web page.
• Do not use HTML list for styles such as indenting (Use CSS instead).
• Use of appropriate lists helps screen reader users to navigate the webpage comfortably.
• Unordered list provide a bulleted point by default with each list item, use CSS property to remove it.
• Ordered list provides sequential numbering with each list item, use CSS to remove them or to change it to other orders such as a, b,c or I, ii, iii etc.

Uso de los encabezados para mejorar la accesibilidad

El artículo Heading Structure For Accessibility explica cómo el uso de los encabezados puede ayudar a mejorar la accesibilidad de una página web.

Los consejos que proporciona son:

• Provide only HTML headings.
• Provide logical heading structure. Eg: H2 should follow h1, H2 or H3 should follow H2, H3 or H4 should follow H3 and so on.
• Page should at least have one H1 and it should represent the title of the webpage.
• The H1 of the page should be at the beginning of the main content.
• Only one level one heading on a webpage is recommended and maximum two level one headings if the website name also needs to be marked in every page of the website.
• If another H1 is placed in the web page it should represent the title of the website.
• It is better to start the page with higher level of heading.
• Never skip any level of heading.
• The primary and secondary navigations also can have headings but should be below the level of main heading. Ideally they should be H2 considering level one for main heading.
• Never use HTML heading for visual appearance.

II Congreso Internacional Universidad y Discapacidad

Los próximos días 27 y 28 de noviembre de 2014 se celebrará en Madrid el II Congreso Internacional Universidad y Discapacidad.

El objetivo general del evento es:

Conocer y debatir las experiencias y buenas prácticas de las Universidades en materia de inclusión y poner sobre la mesa las investigaciones más relevantes sobre universidad y discapacidad, que supongan un avance en la mejora de la calidad educativa y de la calidad de vida de las personas con discapacidad, acorde con los mandatos previstos en la Convención Internacional sobre Derechos de las Personas con Discapacidad.
En definitiva poner en valor el talento de las personas con discapacidad y avanzar en líneas estratégicas que garanticen la inclusión en la Universidad.

Método para evaluar la accesibilidad web con herramientas gratuitas

Evaluar la accesibilidad de una página web puede requerir mucho esfuerzo... evaluar la accesibilidad de todo un sitio web puede ser "misión imposible".

En A Workflow for Testing Web Accessibility with Free Tools se propone un método sencillo que hace uso de herramientas gratuitas.

Algunas de las herramientas que propone usar son:

• HTML Validator
• CSS Validator
• Accessibility Developer Tools
• Wave

Introducción a la documentación digital accesible

El grupo Accesibilidad Spain ha organizado una nueva conferencia, Introducción a la documentación digital accesible para el próximo miércoles 12 de noviembre de 2014.

La descripción del evento dice:

A diario generamos y manejamos un sinfín de documentación digital: la del trabajo, la de formación online, la que nos llega de los organismos oficiales, la que recibimos con fines publicitarios o informativos por parte de las empresas, etc. Esta documentación nos puede llegar en diferentes formatos, algunos de software libre y otros de software propietario, este es el caso de Microsoft Word, PowerPoint y Excel si hablamos de herramientas propietarias que se utilizan con mayor frecuencia.


Para que esta información sea accesible para el mayor número de personas, es necesario que cuando la generemos lo hagamos siguiendo unas sencillas pautas.


El objetivo de esta sesión es que sirva como introducción y que a través de unas recomendaciones generales, todos podamos elaborar documentación digital accesible. Como ejemplo específico se mostrarán cuáles son los criterios que tenemos que seguir para hacer accesibles los documentos que generemos con Word de Microsoft Office 2010, ya que por lo general es una herramienta muy utilizada por los usuarios, tanto para generar como para leer documentación digital.


Los puntos que se tratarán son:

• Introducción a la documentación digital accesible. 
• Cómo utilizar las herramientas que nos ofrece Word para hacer nuestros documentos accesibles. 
• Cómo utilizar el recurso automático que incluye Word para hacer un análisis preliminar automático de la accesibilidad del documento que hemos generado. 
• Cómo guardar un documento Word para generar un documento PDF accesible. 

Vídeos de la Jornada sobre recursos tecnológicos para la inclusión social

El pasado martes 7 de octubre se celebró la Jornada sobre recursos tecnológicos para la inclusión social en la Universidad de Alicante. En esa jornada se mostraron algunos avances tecnológicos que pueden utilizarse para ayudar a la inclusión de las personas con discapacidad.

Para el que no pudo asistir puede acceder a los vídeos y diapositivas que utilizaron los ponentes en sus exposiciones: Videos Jornada sobre recursos tecnológicos para la inclusión social.

Y algunas fotos:

Inauguración, a cargo de Nuria Grané Teruel, Vicerectora de Estudiantes de la Universidad de Alicante y Antonio Álvarez García, Director Administraciones Públicas Levante de Vodafone España:

Emmanuelle Gutiérrez y Restrepo, fundadora y patrono de la Fundación SIDAR, "Accesibilidad en la Sociedad de la Información":

Paloma Moreda, Francisco Escolano y Miguel Ángel Lozano presentando los últimos adelantos técnicos:

 Olga Carreras, "Buenas y malas prácticas de accesibilidad en documentos electrónicos":

Federico Rueda de la Peña, "Plataformas educativas inclusivas. Ejemplos y casos de Adaptaciones TIC":

Cálculo de la legibilidad para textos en español

Hace unos días me preguntaron sobre el cálculo de la legibilidad para textos en español. En este blog he escrito sobre este tema varias veces, se puede encontrar todo lo escrito bajo la etiqueta legibilidad.

He buscado un poco y he encontrado el documento Inventario de instrumentos para medir la legibilidad de un texto en castellano. En este documento se comentan las siguientes técnicas:

• Sintáctica: el índice de Fernández Huertas y el programa INFLESZ.
• Semántica: el concepto de lenguaje llano, también denominado lenguaje claro, lenguaje sencillo o lenguaje ciudadano, es un estilo de escribir simple y eficiente que permite a los lectores entender fácilmente lo escrito.
• Presentación: el SAM, que evalúa 22 factores distribuidos en 6 bloques: contenido, nivel educativo requerido, gráfica, claridad de presentación y tipografía, estimulación del aprendizaje y motivación; y adecuación cultural.
• Tablas y gráficos: PMOSE/IKIRSCH, que se centra en la distribución viso espacial de la información fijándose en dos variables básicas: el patrón de organización de la información y su densidad.

Visión de bajo contraste

Existen muchas discapacidades que son "invisibles" frente a otras que son "visibles", aunque son visibles según el contexto:

• Una persona que va en silla de ruedas se ve, aunque no la veríamos, no nos daríamos cuenta si nos estuviera atendiendo detrás de un mostrador.
• Una persona ciega se ve, aunque no la veríamos, no nos daríamos cuenta si nos estuviera atendiendo por teléfono (y así es, he conocido muchas personas ciegas que trabajan en "call centers").

Sin embargo, hay otras discapacidades que son difíciles de detectar "a simple vista", como por ejemplo la ceguera al color (el daltonismo) o la visión de bajo contraste. Es muy probable que a lo largo de la vida todos tengamos algún familiar, amigo o compañero de trabajo que presente daltonismo y nunca lo sepamos. La gente no va por la calle con una camiseta o etiqueta que dice "soy daltónico" (o cualquier otra cosa)... y el resto de la gente no debe poner etiquetas a los demás.

Sobre la visión de bajo contraste he escrito varias veces. Incluso escribí sobre los problemas de contraste que tenía la web del periódico El País:

• ¿Por qué no cambian los colores en el periódico El País? (7/5/2011)
• Problemas de contraste en la página de El País (3/10/2011)

Y también hice un vídeo sobre ello, Errores web: El País:

Todo esto viene a propósito de un juego online que consiste en detectar qué cuadrado tiene un color distinto al de los demás en una matriz de cuadrados con un mismo color. Este juego podría servir como prueba para detectar las personas con visión de bajo contraste.

Guía para elaborar documentación accesible

CENTAC, el Centro Nacional de Tecnologías para la Accesibilidad acaba de publicar la Guía para elaborar documentación digital accesible. La guía incluye recomendaciones para Word, Power Point y Excel de Microsoft Office 2010.

La descripción de la guía dice:

Esta guía tiene como objetivo mejorar el conocimiento que se tiene de las herramientas de Office, y de cómo pueden contribuir a reducir la brecha digital, facilitando el acceso de las personas con discapacidad a la documentación digital. Libros digitales, publicidad, cartas, recetas o facturas, son algunos ejemplos de documentación digital que puede hacerse accesible. 

Este libro ofrece recomendaciones generales que pueden ser aplicadas por todos, de manera sencilla, favoreciendo que personas con diferentes capacidades puedan tener acceso a la información. Son pequeños gestos que están en la mano de todos nosotros.

Sistema automático para corregir la accesibilidad web

Eso es lo que promete una solicitud de patente que se ha presentado en Estados Unidos: Automatic website accessibility and compatibility (US 20140180846 A1). La descripción de la patente dice:

A method for an accessibility solution provided as a software. The method includes approving or implementing by a website owner of a code into his website and receiving web format by a user device by “scraping” the data from the website pages or by other means of using client side plugin, server side plugin, browser or 3rd party server side or mobile app. The method also includes analyzing the data over the user device or on the server side and clicking a button by the end-user and the original code and the content and code that were collected from the website are rewritten which can also be done automatically as a suggestion to the end user, and the end-user sees or can use a new format according to the updated standard.

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