Accesibilidad en la Web

viernes, 20 de mayo de 2011

AEGIS Workshop and International Conference

El proyecto AEGIS organiza su Final Workshop and 2nd International Conference con el título “Accessibility Reaching Everywhere”, los días 28-30 de noviembre de 2011 en Bruselas.

Los temas de la conferencia son:

Accessible desktop applications (AT, developer tools and accessible applications)
Accessible mobile applications (AT, developer tools and accessible applications)
Accessible Rich Internet Applications (AT, developer tools and accessible applications)
Accessibility and Standardisation (e.g. ISO, eInclusion, Policies, Legislation)
Accessibility and Usability (e.g. Design for All)
Accessibility research (e.g. Assistive technology usage by end-users and their satisfaction, innovative AT training via accessible e-learning)

sábado, 14 de mayo de 2011

Blogger averiado 2 días

Después de estar dos días completamente inoperativo (ver Blogger, cerrado por avería y Un error de Google deja inutilizados miles de blogs durante dos días), parece que Blogger vuelve a funcionar. Según las noticias parece que se han perdido unos cuantos miles de entradas, así que estaré unos días sin escribir hasta que el sistema se estabilice.

sábado, 7 de mayo de 2011

¿Por qué no cambian los colores en el periódico El País?

Desde hace tiempo (varios años por lo menos), en el periódico El País hay un panel en la página principal llamado "Blogs" que emplea unos colores para el texto con muy poco contraste:

El contraste es tan malo que tengo problemas para leer algunos de los títulos.

Las Pautas de Accesibilidad al Contenido en la Web 1.0, en su pauta 2.2 dice:

2.2 Asegúrese de que las combinaciones de los colores de fondo y primer plano tengan suficiente contraste para que sean percibidas por personas con deficiencias de percepción de color o en pantallas en blanco y negro [Prioridad 2 para las imágenes. Prioridad 3 para texto].

Existen algunas herramientas que permiten calcular la diferencia de brillo y de color entre dos colores (Color y contraste, Herramienta para verificar el contraste de todos los colores de una página web). Una de las más sencillas es Color Contrast Comparison: simplemente introducimos el color del primer plano (el texto) y el color de fondo, y la herramienta nos dice si esa combinación de colores tiene suficiente contraste según las fórmulas de WCAG 1.0 y WCAG 2.0.

A continuación podemos ver el resultado para la combinación de color #D3D8E0 (primer plano) y #FFFFFF (fondo) que se emplea en el periódico El País:

En WCAG 1.0: diferencia de brillo 39,583 (sobre un mínimo de 125) y diferencia de color 114 (sobre un mínimo de 500).
En WCAG 2.0: razón luminosidad/contraste 1,43:1 (sobre un mínimo de 4,5:1 para AA).

¿Nadie en el periódico El País se ha dado cuenta de este problema? ¿Nadie se lo ha dicho?

viernes, 6 de mayo de 2011

Análisis de la accesibilidad de la página web del Ayuntamiento de Pilar de la Horadada

He publicado el análisis de la accesibilidad de la página web del Ayuntamiento de Pilar de la Horadada que ha realizado un alumno como trabajo de una asignatura. Por tanto, no es un análisis ni exhaustivo ni profesional.

El informe se puede descargar en formato PDF.

jueves, 5 de mayo de 2011

Cambios en el uso del atributo alt en HTML5

HTML5 continúa en fase de borrador (draft), pero según el último calendario de desarrollo, el próximo mes será la petición del último borrador (Last Call Working Draft).

En HTML5 Accessibility Chops: the alt decision podemos leer que ha habido un giro inesperado en el uso del atributo alt en las imágenes. El tema es bastante complejo y confuso, pero si se llega a aceptar, cosas como

<!DOCTYPE HTML>
<html>
<head>
 <title>photos</title>
 <meta name=generator>
</head>
<body>
<img src="dsksk231.jpg">
</body>
</html>

<img src="chart.gif" title="poot">

¡serán válidas!

miércoles, 4 de mayo de 2011

Análisis de la accesibilidad de la página web del Ayuntamiento de El Campello

He publicado el análisis de la accesibilidad de la página web del Ayuntamiento de El Campello que ha realizado un alumno como trabajo de una asignatura. Por tanto, no es un análisis ni exhaustivo ni profesional.

El informe se puede descargar en formato PDF.

martes, 3 de mayo de 2011

Un sistema que permite a una persona ciega percibir una imagen

Que una persona ciega pueda ver una imagen es, por definición, imposible hoy en día. Habrá que esperar a que los ojos artificiales sean una realidad factible (ya ha habido algunos experimentos prometedores, como Implante de un ojo artificial en un ciego) para que una persona ciega pueda realmente "ver".

Mientras tanto, se están desarrollando soluciones alternativas para que una persona ciega pueda "percibir" una imagen. Hace un par de meses escribí la entrada Un programa permite que los ciegos toquen cualquier imagen, un sistema que permite crear una imagen táctil de una fotografía. El sistema es muy sencillo: el sistema detecta los trazos principales de una imagen (este sistema está en principio orientado a fotografías de caras) e imprime en relieve esos trazos para que una persona ciega los pueda percibir. Este sistema tiene el inconveniente de que es estático, lento y costoso, ya que hay que imprimir la imagen.

En la noticia New device puts vision impaired in the picture explican que en la Faculty of Information and Technology de la Monash University (Australia) han desarrollado un sistema llamado GraVVITAS que permite a una persona ciega percibir una imagen mediante un tablet PC, avisos sonoros y vibraciones. Lo que no está claro por la noticia es si se puede emplear con cualquier imagen (lo dudo) o la imagen tiene que cumplir ciertos requisitos o incluso debe estar "descrita" previamente. La noticia dice:

The device, called GraVVITAS, is a standard tablet PC with touch screen technology that uses vibration and sounds to guide the visually impaired user around a diagram.
It is designed to enable the user to build a picture of the entire graphic in their mind.
[...]
The device, which is currently a prototype, has small external vibrating motors that attach to the user’s fingers. These motors buzz when an object displayed on the screen is touched.
Cagatay Goncu said voice prompts and sounds also help to guide the user to read the diagram.
“The basic idea is to guide the user to find the object by using sound. Touching the object causes the sound to stop and a voice explains what that object is and any other information associated with it,” Mr. Goncu said.
“If it’s something on the left side, you will hear something in your left ear and vice-versa.”

lunes, 2 de mayo de 2011

Software libre para crear documentos PDF accesibles

Acabo de encontrar en el periódico El Mundo la noticia Las fotos se autodescriben para invidentes. La noticia dice:

El Inteco (Instituto Nacional de Tecnologías de la Comunicación), ubicado en León, ha desarrollado un software libre en internet que es una aplicación que permite transformar cualquier documento en un pdf completamente accesible a cualquier usuario.

El Inteco ha ido más allá del problema y pretende simplificar pasos y hacer accesible documentos al alcance de personas no expertas en tecnología. El medio: internet. Su innovación radica en crear una solución sencilla para cualquier usuario. Su herramienta traduce el archivo en voz. Permite a los invidentes 'leer' el texto y escuchar la descripción de las imágenes y el resto de elementos gráficos como un logotipo del PDF que esté en internet.

El funcionamiento es sencillo, entras en la página web y vas cargando los documentos que quieres convertir en accesibles y de forma automática se van subiendo y transformando. El sistema es compatible con Word (doc, docx), html, etc.

¿Alguien conoce cómo se llama esta herramienta? ¿Dónde se puede encontrar?

domingo, 1 de mayo de 2011

Curso sobre subcontratación de webs accesibles

Acabo de encontrar un curso curioso: Webs accesibles: pautas a seguir para su subcontratación. El curso se celebrará el próximo 14 de junio de 2011 en Madrid, tiene una duración de 8 horas y el objetivo es "entender los requisitos legales, y de los usuarios en cuanto a accesibilidad web, dar pautas para su seguimiento en un proceso de subcontratación, y explicar las bases para realizar un pequeño test de accesibilidad".

El programa del curso es:

Tema 1. Directrices de accesibilidad, personas discapacitadas y aparatos lectores móviles (1h)
Tema 2. La subcontratación de un web. Pliego de requisitos, perfiles de usuarios y tareas (1h30')
Tema 3. La subcontratación de un web. Valoración del proveedor, del proceso de desarrollo y de la propuesta (1h30')
Tema 4. Verificación de la accesibilidad de un web (4h)

miércoles, 27 de abril de 2011

Los 10 errores más comunes

Lo de confeccionar listas con los errores más comunes es algo "muy común" (10 errores en el diseño de aplicaciones web, Siete errores de accesibilidad que no se deben cometer).

Acabo de encontrar una nueva lista, Web Accessibility: 10 Common Developer Mistakes. Los errores son:

Too Low Contrast
Color-Driven Instructions
Inappropriate Alt Attributes
Background Colors that Don't Contrast Images Against Text
Lack of Keyboard Accessibility
Flexibility with Different Text Sizes
"Click Here"
CAPTCHAs
Text that Looks Like Links; Links that Look Like Text
Links that Open Unexpectedly in New Windows

martes, 26 de abril de 2011

Análisis de un formulario de login

El artículo A Legendary Misunderstanding muestra un análisis muy minucioso de la página de login de American Express.

Este análisis es muy interesante, ya que su autor lo ha realizado desde diferentes puntos de vista y teniendo en cuenta su accesibilidad.

lunes, 25 de abril de 2011

Libro electrónico: Sumérjase en la Accesibilidad

Acabo de encontrar el libro electrónico Sumérjase en la Accesibilidad, traducción al castellano de Dive Into Accessibility de Mark Pilgrim. Se puede descargar en formato HTML o PDF desde el propio sitio web.

La introducción del libro dice:

Este libro se titula "Sumérjase en la Accesibilidad: A 30 días de un sitio de Internet más accesible", y responderá dos preguntas. La primera pregunta es "Por qué debo hacer mi sitio de Internet más accesible?" Si usted no tiene un sitio de Internet, este libro no es para usted. La segunda pregunta es "Como puedo hacer mi sitio de Internet más accesible?". Si no le convence la primera respuesta, no le interesará la segunda.

Para responder la primera pregunta, les presentaré bosquejos caracterizados de 5 personas: Jackie, Michael, Bill, Lillian, and Marcus. Estas personas tienen muchas cosas en común:

   1. Todos tienen una combinación de discapacidades físicas, mentales, y tecnológicas que les hacen más difícil usar la Internet.
   2. Aunque ficticios, todos representan personas reales con discapacidades, y usan la Internet de la misma forma en que las personas reales con discapacidades usan la Internet.
   3. Todos tienen dificultades tratando de leer a tu sitio web.

Para responder a la segunda pregunta, les presentaré 25 consejos que puede aplicar inmediatamente en su propio sitio web para hacerlo más accesible. Aunque estos conceptos aplican para todos los sitios web, me centraré básicamente en la implementación usando herramientas populares de registros de apuntes de Internet (weblogs). Si usted desea usar alguna otra herramienta de publicación o sistema de plantillas (templates), necesitará determinar como implementar estos consejos en la herramienta de su preferencia.

Cada sugerencia se centrará en un simple concepto, explicando el razonamiento lógico detrás de este, y mostrará quien se beneficiará cuando lo implemente. Es por esto que los bosquejos caracterizados se muestran al principio, por que cambian el tono de la primera pregunta de esto: "Por qué debería importarme?" a esto: "Quién se beneficia?". Respuesta: "Marcus se beneficia". "Cómo se beneficia Marcus?". "Bueno, veamos como...". Y así sucesivamente.

No entre en pánico si no es un experto en HTML. Tampoco entre en pánico si el único sitio web que tiene es un registro de apuntes de Internet (un weblog o blog), y eligió una plantilla de un listado en su primer día de registros, y nunca la ha vuelto a tocar. No estoy aquí para decirle que necesitará rediseñar radicalmente su sitio web desde el principio, destruir todas sus tablas enlazadas, convertir todo a XHTML o CSS. Esto es para que tome lo que ya tiene y lo mejore en de una forma pequeña pero importante. Jackie, Michael, Bill, Lillian, y Marcus le agradecerán su atención.

domingo, 24 de abril de 2011

Seis consejos para mejorar la accesibilidad para las personas con dislexia

La dislexia, que en la actualidad no se considera una enfermedad, se define como "una discrepancia entre el potencial de aprendizaje y el nivel de rendimiento de un sujeto, sin que existan problemas sensoriales, físicos, motores o deficiencias educativas". La dislexia suele afectar al proceso de lectura y dificulta la comprensión de los textos que se leen.

En el trabajo Evaluating web site accessibility: validating the WAI guidelines through usability testing with disabled users, se explica que los problemas específicos que tienen los usuarios con dislexia al navegar por la Web son:

El posicionamiento de los enlaces y los mecanismos de navegación. Los enlaces que se sitúan lejos en cualquiera de los lados de la página web son pasados por alto en muchas ocasiones.
Las páginas web abarrotadas de texto y enlaces son confusas y difíciles de leer y navegar.

En 6 Surprising Bad Practices That Hurt Dyslexic Users se explican tres problemas que afectan a las personas con dislexia y seis consejos que pueden ayudar a reducir esos problemas:

Efecto río: se produce cuando existen grandes huecos vacíos en el texto en líneas consecutivas. Esto se puede deber a:

El texto justificado. Solución: evitar el justificado, alinear el texto a la izquierda.
Dejar dos espacios en blanco después de cada punto. Solución: sólo dejar un espacio en blanco.

Efecto borroso: esto se puede deber a:

Texto color negro puro sobre un blanco puro. Solución: utilizar un gris oscuro sobre un gris claro, pero con el suficiente contraste.
Bloques de texto muy grandes. Solución: dividir el texto en párrafos pequeños, una idea, un párrafo.

Efecto de lavado: el texto se ve débil e indistinguible. Esto se puede deber a:

El uso de tipos de letra serif. Solución: usar sans serif.
El uso de texto en cursiva. Solución: evitar la cursiva, utilizar la negrita para destacar el texto.

sábado, 23 de abril de 2011

Software gratuito que ayuda a las personas con discapacidad motora a controlar el cursor del ratón

A través de la noticia Free software makes computer mouse easier for people with disabilities he descubierto dos programas que ayudan a controlar el cursor del ratón a las personas con discapacidad motora.

El primero, llamado Pointing Magnifier, permite realizar un zoom de una parte de la pantalla para lograr una mayor precisión en el manejo del cursor.

El segundo, llamado Angle Mouse, ajusta la resolución del movimiento del cursor en función de cómo de coherente (recto) o divergente (anguloso) es el movimiento del cursor. Cuando el cursor se mueve recto, el movimiento es rápido, pero cuando cambia de dirección abruptamente, normalmente cerca del destino del movimiento, el movimiento es más lento, aumentando la precisión.

viernes, 22 de abril de 2011

Interfaz neuronal que permite hablar al ordenador

El tema del control del ordenador con el pensamiento ha aparecido numerosas veces en este blog, como por ejemplo Un interfaz neuronal sigue funcionando después de 1000 días o En Francia también investigan sobre el control del ordenador con la mente (por citar solamente las dos más recientes).

La noticia Technique for letting brain talk to computers now tunes in speech explica que científicos de la Washington University School of Medicine in St. Louis han desarrollado un implante (necesita cirujía cerebral) que situado en zonas del cerebro que controlan el habla permiten "hablar" al ordenador con el pensamiento por primera vez (¿por primera vez?), pudiendo controlar un cursor en la pantalla del ordenador simplemente pensando en un sonido.

“We can distinguish both spoken sounds and the patient imagining saying a sound, so that means we are truly starting to read the language of thought,” he says. “This is one of the earliest examples, to a very, very small extent, of what is called ‘reading minds’ — detecting what people are saying to themselves in their internal dialogue.”

The next step, which Leuthardt and his colleagues are working on, is to find ways to distinguish what they call “higher levels of conceptual information.”

“We want to see if we can not just detect when you’re saying dog, tree, tool or some other word, but also learn what the pure idea of that looks like in your mind,” he says. “It’s exciting and a little scary to think of reading minds, but it has incredible potential for people who can't communicate or are suffering from other disabilities.”

jueves, 21 de abril de 2011

Curso "Accesibilidad de páginas web"

AENOR, la Asociación Española de Normalización y Certificación, organiza el curso Accesibilidad de páginas web los días 13-14 de junio de 2011 y 15-16 de diciembre de 2011, con una duración de 14 horas.

El precio del curso es 690€ más IVA.

Los objetivos del curso son:

Comprender los criterios de accesibilidad para contenidos en la web y los principios del diseño para todos
Capacitarse para emprender un proyecto de implantación de la norma UNE 139803 Requisitos de accesibilidad para contenidos en la Web

El programa del curso es:
1. Introducción a la accesibilidad

. Accesibilidad: qué es, a quién afecta, ventajas

. Marco legislativo actual

. W3C y WAI

. WCAG 1.0 y WCAG 2.0

. Norma UNE 139803 de accesibilidad para contenidos en la web

2. Requisitos de accesibilidad de contenidos web. Norma UNE 139803

. Principios generales

. Presentación

. Estructura

. Contenido

. Navegación

. Scripts, objetos de programación y multimedia

. Situaciones excepcionales

3. Correspondencia entre requisitos de la norma UNE 139803 y pautas WCAG

4. Utilización de herramientas de revisión y recursos

. Herramientas automáticas (HTML/CSS Validator, Taw, Hera...).

. Navegadores

. Revisiones manuales

5. Implantación de un Sistema de Gestión de la Accesibilidad

. Gestión de recursos.

. Elaboración del sitio web.

. Gestión de proveedores.

. Tratamiento de las reclamaciones de los usuarios.

. Satisfacción de los usuarios

. Tratamiento de No-Conformidades

. Auditorías internas

6. Casos prácticos

. Aplicación de los requisitos de accesibilidad

. Visualización de webs accesibles; buenas prácticas

sábado, 9 de abril de 2011

Herramientas de evaluación y métodos para la Web

BenToWeb fue un proyecto del Web Accessibility Benchmarking (WAB) Cluster que tenía por objetivo implementar ciertas recomendaciones relacionadas con la accesibilidad web. En el apartado Documents está disponible un conjunto de test de accesibilidad.

viernes, 8 de abril de 2011

Foros sobre accesibilidad web

Unos foros sobre accesibilidad web:

Accesoweb, lista en castellano sobre problemas y soluciones de diseño accesible para la Red, patrocinado por la Fundación Sidar.
Accesibilidad web.
Accessify Forum, en inglés.

jueves, 7 de abril de 2011

Microsoft anuncia herramientas gratuitas de accesibilidad

La noticia Microsoft Announces Free Accessibility Tools and Training for Developers nos cuenta que Microsoft ha publicado Microsoft Accessibility Tools & Training, un conjunto de herramientas, seminarios de formación y otros recursos disponibles de forma gratuita en la Web.

Lo más interesante que he encontrado en esta web hasta ahora es:

martes, 5 de abril de 2011

Microsoft Web Accessibility Handbook

Microsoft Web Accessibility Handbook es un libro gratuito de 40 páginas elaborado por Microsoft y HiSoftware en el que se resumen las estrategías y resultados obtenidos durante las reuniones organizadas entorno al European Web Accessibility Dialogue.

El contenido de este documento es:

Five Views on Web Accessibility and this Handbook
Chapter 1 - Introduction
Chapter 2 - Summary of European Dialogues on Web Accessibility – Practical strategies for an Accessible Web
Chapter 3 - A Process Based Approach to Implementing a Web Accessibility Program
Chapter 4 - Demonstration of Practical Strategies from the Dialogues
Chapter 5 - Understanding and Meeting Web Accessibility Standards
Conclusion
List of Resources
About This Guide

domingo, 3 de abril de 2011

Ejercicios online tipo test sobre accesibilidad web

He preparado dos ejercicios online tipo test sobre accesibilidad web:

Accesibilidad en la web: conceptos generales. Preguntas generales sobre accesibilidad, discapacidad, tecnologías de apoyo y normativas, pero sin entrar en detalles técnicos de desarrollo de páginas web.
Accesibilidad en la web: conceptos técnicos. Preguntas concretas sobre HTML y CSS relacionadas con la accesibilidad web.

En el futuro añadire más ejercicios de este tipo.

IMPORTANTE: no abrir los dos ejercicios a la vez, sólo uno cada vez (en los comentarios se explica la razón).

viernes, 1 de abril de 2011

Análisis de la accesibilidad de la página web del Ayuntamiento de San Vicente del Raspeig

He publicado el análisis de la accesibilidad de la página web del Ayuntamiento de San Vicente del Raspeig que ha realizado un alumno como trabajo de una asignatura. Por tanto, no es un análisis ni exhaustivo ni profesional.

El informe se puede descargar en formato PDF.

En el estudio, además de la accesibilidad también se han analizado algunos aspectos de la usabilidad de la página. La metodología empleada ha sido revisar los puntos de verificación especificados en el documento Técnicas para las Pautas de Accesibilidad al Contenido en la Web 1.0.

jueves, 31 de marzo de 2011

Análisis de la accesibilidad de la página web del Ayuntamiento de La Joyosa

He publicado el análisis de la accesibilidad de la página web del Ayuntamiento de La Joyosa que ha realizado un alumno como trabajo de una asignatura. Por tanto, no es un análisis ni exhaustivo ni profesional.

En este sitio web se puede encontrar algo que no había visto nunca: en la página educación han colocado una página de texto escaneada como una imagen. Podrían haber hecho "copiar y pegar" del documento original, o podrían haber enlazado un fichero PDF, pero en vez de ello han colocado una imagen. ¡Increíble!

El informe se puede descargar en formato PDF.

martes, 29 de marzo de 2011

Un interfaz neuronal sigue funcionando después de 1000 días

A muchas personas el tema del control mental del ordenador o la unión hombre-máquina les puede parecer de ciencia ficción, sacado de las películas Robocop o Terminator, pero es un tema que se está investigando y desarrollando en la actualidad.

Estos avances técnicos pueden ayudar a muchas personas con discapacidad física a paliar sus problemas. Sobre el control del ordenador con la mente ya he escrito en numerosas ocasiones (Una noticia sobre investigación en control mental del ordenador en Tailandia).

Ahora acabo de leer la noticia BrainGate neural interface system reaches 1,000-day performance milestone. En la Brown University (Rhode Island, Estados Unidos), implantaron a una mujer con tetraplejia un sistema llamado BrainGate. 1000 días después, la mujer todavía puede controlar un cursor en el ordenador con el pensamiento (pensaba en mover el cursor con la mano), con un porcentaje de éxito superior al 90%.

Por ahora, las tareas que se pueden realizar son muy limitadas y no funciona a la perfección, pero la investigación sigue avanzando y es posible que en pocos años existan sistemas comerciales.

domingo, 27 de marzo de 2011

¿Por qué la gente no subtitula los vídeos?

En el periódico El País iniciaron hace dos semanas una iniciativa muy interesante: El desafío de la semana. El desafío consiste en resolver un problema matemático. El desafío se plantea mediante un vídeo en el que una persona plantea el problema.

En el vídeo de esta semana he podido leer lo siguiente:

NOTA IMPORTANTE: Por si queda alguna duda de la formulación del problema y a petición también de los lectores sordos, incluimos aquí el enunciado por escrito.

Y entonces me he preguntado: ¿por qué son tan chapuceros? ¿Por qué no subtitulan el vídeo? El vídeo dura poco más de 3 minutos, en menos de una hora puede estar subtitulado. Lo que han hecho está bien, proporcionar la transcripción del vídeo, pero les ha faltado subtitularlo.

viernes, 25 de marzo de 2011

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

El pasado 10 de marzo de 2011 se entregaron los premios de la primera edición de los Premios Discapnet 2011. La noticia dice:

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

miércoles, 23 de marzo de 2011

Más sobre la ceguera al color

En numerosas ocasiones he escrito sobre los problemas de visión y en especial sobre la ceguera al color (daltonismo):

Mitos y malentendidos sobre la ceguera al color (22/11/2010)
¿Los daltónicos tienen problemas para navegar por la Web? (26/07/2008)

Acabo de encontrar dos páginas muy interesantes sobre este tema. En Colorblind Home Page, se explican los diferentes tipos de ceguera al color que existen y se muestran numerosas fotografías a modo de ejemplo.

En Structure & Strangeness: Reverse-Colorblind Test se muestra un test de daltonismo inverso: mientras que en un test normal, la persona con daltonismo no es capaz de vez una letra o número con el resto de personas sin daltonismo, en este test la persona con daltonismo es capaz de ver algo que el resto de personas no ven. Lo que una persona daltónica puede ver se muestra en otra página.

martes, 22 de marzo de 2011

Curso sobre accesibilidad web en la Universidad Nacional de La Plata

En la Facultad de Informática de la Universidad Nacional de La Plata organizan el Curso a distancia sobre Accesibilidad Web. El temario del curso es:

La Problemática del discapacitado en la Web
Herramientas de adaptación de hardware y software
La Accesibilidad Web. Leyes, normas y validadores
Pasos para hacer accesible un sitio

Más información sobre el curso en formato PDF.

domingo, 20 de marzo de 2011

Herramienta para ver una página web en escala de grises

GrayBit es una herramienta online que permite visualizar cualquier página web publicada en Internet en escala de grises. Para ello sólo hay que introducir la URL de la página web y a los pocos segundos aparece visualizada en escala de grises.

¿Y esto para qué? La idea es que al convertir los colores a su equivalente en escala de grises es más fácil detectar los problemas de contraste, ya que los colores pueden engañar.

sábado, 19 de marzo de 2011

Herramienta para verificar el contraste de todos los colores de una página web

El WAI nos indica en WCAG 1.0 que hay que tener cuidado con las combinaciones de colores, hay que emplear combinaciones con un contraste adecuado. En este blog he escrito varias veces hablando de herramientas que nos ayudan a elegir colores con el suficiente contraste.

Un alumno me ha pasado la herramienta Check My Colours. ¿Qué tiene de especial esta herramienta? Mientras que la mayoría de las herramientas comprueban únicamente una combinación de dos colores (tenemos que indicar el color de primer plano y el color de fondo), esta herramienta comprueba el contraste y la diferencia de color de todos los elementos DOM de una página web: simplemente, se introduce la URL de la página web que queremos comprobar y esta herramienta comprueba todas las combinaciones de color que tenga la página.

Importante: sólo comprueba las combinaciones definidas en el DOM. Una combinación de color producida por un texto mostrado sobre una imagen no es capaz de comprobarlo.

viernes, 18 de marzo de 2011

Análisis de la accesibilidad de la página web del Ayuntamiento de l'Alfàs del Pi

He publicado el análisis de la accesibilidad de la página web del Ayuntamiento de l'Alfàs del Pi que ha realizado un alumno como trabajo de una asignatura. Por tanto, no es un análisis ni exhaustivo ni profesional.

El informe se puede descargar en formato PDF.

La metodología empleada ha sido revisar los puntos de verificación especificados en el documento Técnicas para las Pautas de Accesibilidad al Contenido en la Web 1.0.

Los principales problemas detectados son:

No proporciona juego de caracteres.
Utiliza código HTML no estándar.
Ausencia de idioma, o proporcionado de forma externa.
Mucha información en texto proporcionada con imágenes sin atributo alt.
Maquetación de la página con tablas en vez de CSS.
Carencia de estructura alternativa.
No proporciona un sistema de navegación robusto (falta mecanismo tipo migas de pan) ni mapa web.
Se abren nuevas ventanas sin informar al usuario.

jueves, 17 de marzo de 2011

Seminario "Accessibility Engineering for the Web 2.0"

El próximo viernes 1 de abril de 2011 en la Universidad de Barcelona, dentro del Máster oficial en Gestión de Contenidos Digitales, se va a realizar el seminario Accessibility Engineering for the Web 2.0 impartido por Giorgio Brajnik, profesor de la Università degli studi di Udine.

El programa previsto es el siguiente:

Towards accessibility engineering
Outline of a global picture
Crowd sourcing for accessibility?
Pitfalls to avoid

In sampling
In detecting problems
In using automated tools
In measuring accessibility
In monitoring and maintaining accessibility levels

Today's challenges
Web 2.0/user generated content
Web 2.0/interactivity
ARIA guidelines
Some challenging results about validity and reliability of guidelines
Reliability and validity of a method
How to measure them
Some results about WCAG 2.0

Para más atender al seminario, hay que ponerse en contacto con el Sr. Miquel Térmens (termens [arroba] ub.edu).

miércoles, 16 de marzo de 2011

Investigan la accesibilidad de las aplicaciones de Google

En Estados Unidos, la Federación Nacional de Ciegos (National Federation of the Blind) ha solicitado al Departamento de Justicia que investigue la accesibilidad de las aplcaciones de Google: Google apps inaccessible to blind students, group says.

El problema ha surgido porque numerosas universidades están migrando parte de sus aplicaciones (por ejemplo, el correo electrónico) a Google Apps for Education (por ejemplo, Gmail), un conjunto de herramientas que Google ofrece de forma gratuita a los centros educativos.

Según la noticia, algunos productos como Gmail o Google Docs no son accesibles para las personas ciegas, una persona ciega no los puede utilizar de forma independiente, sin la ayuda de otra persona. La noticia dice:

The National Federation of the Blind has requested a Justice Department investigation into the schools' use of Gmail and other Google programs, saying that requiring students to use them violates the Americans with Disabilities Act. The Baltimore-based group is also asking other colleges not to adopt the software until it's accessible to all students and faculty.

"Given the many accessible options available, there is no good reason that these universities should choose a suite of applications, including critical e-mail services, that is inaccessible to blind students," said Marc Maurer, president of the National Federation of the Blind.

Pero también podemos leer que se han reunido con Google y están estudiando el problema.

Más sobre la accesibilidad de las aplicaciones de Google

A raíz de la investigación que se ha iniciado para estudiar la accesibilidad de las aplicaciones de Google (Investigan la accesibilidad de las aplicaciones de Google), he encontrado el artículo Does Google Apps for Education discriminate against the blind? en el que se reflexiona y analiza si Google estaría obligado a asegurar que sus aplicaciones son accesibles.

miércoles, 9 de marzo de 2011

Accesibilidad en HP

El sitio web HP Accessibility contiene algunos recursos interesantes sobre accesibilidad.

lunes, 7 de marzo de 2011

El fin de Internet Explorer 6

Ya era hora, hemos tenido que esperar mucho, pero por fin ha llegado la noticia: Microsoft empuja la desaparición de Internet Explorer 6 (El País) y Cómo seguir 'en vivo' la muerte de Internet Explorer 6 (El Mundo). Impresionante también que dos periódicos generalistas se hagan eco de esta noticia.

En la noticia de El País podemos leer:

"Muy pocas veces os pedimos encarecidamente que dejéis de usar uno de nuestros productos, pero con Internet Explorer 6 haremos una excepción", publica Microsoft en su cuenta oficial en Twitter.El mensaje incluye un enlace a una página titulada: "La cuenta atrás de Internet Explorer 6. Haciendo un mundo sin él".

En esta web se destaca que quieren que menos del 1% de los internautas usen su programa. "Ahorremos horas de trabajo a los desarrolladores", argumentan.

Es un agran alivio saber que Microsoft reconoce que Internet Explorer 6, quizás el peor navegador de la historia, ha obligado a miles de desarrolladores a invertir miles de horas para lograr que un sitio web fuese compatible con su navegador

Microsoft ha preparado la página web The Internet Explorer 6 Countdown para que podamos seguir en directo cómo va desapariendo Internet Explorer 6 de la faz de la Tierra. Según esta página, el índice de uso de Internet Explorer 6 en España es un 3,3%, mientras que en Noruega es un 0,7%, en Estados Unidos es un 2,9% y en China un 34,5%. En total, la página web de Microsoft afirma que un 12% del mundo usa Internet Explorer 6.

Por cierto, la página que ha preparado Microsoft tiene graves problemas de accesibilidad.

viernes, 4 de marzo de 2011

Sobre el atributo alt y title, ¿cumplen la misma función?

Me escribe una alumna de la asignatura Experiencia de usuario del Curso de especialista en diseño web:

Estoy mirando varias páginas para la actividad voluntaria de accesibilidad web, pero me están surgiendo algunas dudas con las etiquetas. Por ejemplo, después de leer los apuntes me ha quedado claro que cuando se pone una imagen, se debe incluir la etiqueta (alt=" "), sin embargo, estoy viendo una web en la que aparece de la siguiente forma:

<div id="Clogo">

<img alt="Escudo Institucional" src="images/logo.jpg" title="Escudo Institucional" />

En este caso concreto, ¿la etiqueta (title= " ") cumple la misma función?

La alumna no me ha dicho en su mensaje dónde ha encontrado este ejemplo, pero uno que es "perro viejo" lo ha encontrado fácilmente: se trata de la web oficial de la Junta de Extremadura.

La respuesta es NO, no cumple la misma función. Si leemos la recomendación del W3C sobre HTML podemos sacar las siguientes conclusiones:

El atributo alt se emplea como representación alternativa, es decir, como sustituto de la imagen. Por ejemplo, cuando se decide no cargar las imágenes de una página (por ejemplo, porque la conexión a Internet es lenta o nos cobran mucho dinero por ello, como puede ser desde un teléfono) o cuando alguien no puede ver las imágenes (por ejemplo, un ciego). Este atributo es obligatorio.
El atributo title se emplea para proporcionar información adicional, no para proporcionar información que sustituya al elemento al que se aplica (en este caso a una imagen). Por ejemplo, se puede emplear para indicar el autor de una fotografía, la fecha de realización de una fotografía o el origen de una imagen, pero siempre como información complementaria. Este atributo es opcional.

Por tanto, en este caso concreto, está mal utilizado el atributo title. Se emplea para proporcionar exactamente la misma información que con el atributo alt, lo cual, más que ayudar, es una barrera (a nadie le gusta leer o escuchar dos veces lo mismo). Si vemos el código de la página de la Junta de Extremadura, comprobaremos que esta forma de actuar se repite en más sitios.

Esta página es el típico caso de accesibilidad web mal entendida: el desarrollador de la página lee alguna guía, lee algún artículo, consulta algún ejemplo, pero en realidad no entiende lo que está haciendo, simplemente lo repite como un loro.

La guinda de esta página web la podemos encontrar en su pie. Por un lado, podemos encontrar el mensaje "Resolución Óptima 1024x768 px.", que ya comenté un caso parecido hace unos días en Tonterías, las justas. Por otro lado, podemos encontrar las medallas de "XHTML 1.0" válido (pero no es así, a mí me han salido 3 errores de validación) y "WAI-AA" (hay algunas cosas básicas que se deberían corregir, como esta del atributo title).

[Actualización 04/03/2011]
En realidad, en este ejemplo, la imagen en cuestión sólo realiza una función decorativa, por lo que lo mejor, lo más accesible es emplear un texto alternativo nulo (simplemente alt=""), y por supuesto, no utilizar el atributo title.

jueves, 3 de marzo de 2011

La etiqueta <nav> de HTML5

A los alumnos de la asignatura Experiencia de usuario del Curso de especialista en diseño web que estoy impartiendo les propuse hace casi dos semanas un ejercicio complementario: ¿Cómo mejorará la accesibilidad web HTML 5? Para guiar un poco más el ejercicio, les comentaba que en este blog he escrito varias entradas sobre ello, y además les incluía tres preguntas para centrar aún más el tema:

¿Cómo mejorará la accesibilidad web HTML 5?
¿A quién crees que beneficiará más?
¿Alguna de las características beneficiará a la mayoría de la gente y no sólo a grupos reducidos?

Como el ejercicio es complementario, es decir, no se evalúa ni se va a hacer un examen sobre ello, ha ocurrido lo que esperaba: no ha contestado nadie, absolutamente nadie.

Hoy les he escrito el siguiente mensaje, para ver si alguien se anima de una vez:

Un nuevo elemento que ayuda a mejorar la accesibilidad es el nuevo elemento (etiqueta) <nav>. Esta etiqueta permite definir un elemento navegacional de la página web, como puede ser el menú principal o el menú secundario.

Se debe utilizar para marcar los elementos principales de navegación, no se deben marcar todos los elementos, como podemos leer en el apartado 4.4.3 The nav element de la especificación HTML5:

Not all groups of links on a page need to be in a nav element — only sections that consist of major navigation blocks are appropriate for the nav element. In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The footer element alone is sufficient for such cases, without a nav element.

El artículo Semantic navigation with the nav element explica muy bien el uso de esta etiqueta y las diferentes situaciones donde se recomienda su uso.

Un ejemplo de uso de esta etiqueta es:

<nav>

<ul>

<li><a href="/accesibilidad/">Accesibilidad</a></li>

<li><a href="/html/">HTML</a></li>

<li><a href="/javascript/">JavaScript</a></li>

<li><a href="/css/">CSS</a></li>

</ul>

</nav>

¿Por qué mejora la accesibilidad esta etiqueta? Porque permite identificar de una forma clara los elementos de navegación que tiene una página web, por lo que las tecnologías de apoyo como los lectores de pantalla lo pueden detectar y ofrecer al usuario cuando lo necesite.

Un compañero ha leído este mensaje y me ha preguntado: ¿hay alguna ventaja más? Por supuesto:

Proporciona un método explícito de especificar cuales son los elementos de navegación de un sitio web y de una página web.
Se puede (podrá) configurar el agente de usuario (navegador) para que inicialmente salte el menú de un sitio web, por lo que ya no es necesario escribir "saltar enlaces" o "saltar al contenido principal".
Un lector de pantalla puede tener un comando (atajo de teclado) para acceder directamente a los elementos de navegación de una página, igual que tiene un comando para mostrar la lista de enlaces o la lista de encabezados de una página.
Un agente de usuario en un dispositivo con una pantalla pequeña (por ejemplo, un teléfono), puede mostrar los elementos de navegación de forma independiente o cuando el usuario pulse una tecla del dispositivo.
El elemento <nav> puede funcionar como un <div> a todos los efectos. Ya no es necesario escribir <div id="menu"> o <div id="navigation">. <nav> tiene 3 letras como <div>, así que no se puede decir que haya que escribir más.

Y seguro que hay muchas más ventajas que yo desconozco. ¿Se te ocurre alguna ventaja más?

Evidentemente, todas estas ventajas dependerán de que los agentes de usuario y las tecnologías de apoyo soporten los nuevos elementos (etiquetas) de HTML5. Que no lo soporte ahora, no es razón para no usarlo ya: si ya lo usamos, nuestras páginas estarán preparadas para el futuro.

martes, 1 de marzo de 2011

Cómo hacer que un gráfico sea accesible

Si hubiese que elegir una regla o principio que resumiese toda las pautas, guías y consejos para hacer una página web accesible yo me quedaría con ofrece alternativas. No te limites a proporcionar la información en un solo formato, ya que estarás excluyendo a muchos usuarios.

Como suele ocurrir, la teoría es más sencilla que la práctica, y muchas veces es difícil encontrar buenos ejemplos que reflejen la teoría.

Pero acabo de encontrar un buen ejemplo. Un buen ejemplo de cómo hacer que un gráfico sea accesible. Tampoco es que haya descubierto algo sorprendente (lo que vamos a ver se lleva haciendo muchos años con el enlace D de información detallada), pero vale la pena recordarlo.

La página web WebKit SunPider ofrece los resultados de un test para medir el tiempo de ejecución de JavaScript en diferentes navegadores. Es decir, es un test para evaluar el rendimiento de los motores de JavaScript que llevan incorporados los navegadores. Sorprendentemente, el navegador más rápido de todos los probados es la versión candidata de Internet Explorer 9. Y también sorprende que no les importe reconocer que Internet Explorer 8 es el navegador más lento con diferencia (más de 10 veces más lento).

Volviendo al tema de la accesibilidad, como podemos ver en la siguiente imagen, los resultados se ofrecen mediante un gráfico de barras.

La forma correcta de ofrecer información adicional o alternativa sería mediante el atributo longdesc, pero desgraciadamente poca gente lo conoce y mucha menos gente lo usa.

Pero también se ofrece una versión textual en forma de tabla mediante el texto "A textual version of the results can be found here".

Para una persona que no pueda ver, la versión en forma de tabla, que está correctamente etiquetada porque emplea la etiqueta <th> para crear los encabezados de columna, le ofrece la misma información que el gráfico de barras. Pero es que además, la versión en forma de tabla beneficia a todo el mundo: ¿y si quiero hacer un trabajo con esos datos? No hay problema, los puedo copiar y pegar fácilmente a partir de la tabla, no tengo que escribir la tabla desde cero a partir del gráfico.

lunes, 28 de febrero de 2011

¿Qué le falta a la especificación de HTML5?

El artículo What's still missing in the HTML5 spec explica lo que falta por definir en la especificación de HTML5. Recordemos que según el nuevo calendario para HTML5 del W3C, la recomendación final se espera que se publique en el segundo cuatrimestre de 2014.

Según el artículo, lo más importante que falta por definir son las capacidades multimedia de HTML5 y el soporte de WebSocket, una tecnología que permitirá la comunicación en ambos sentidos (¿un AJAX mejorado?).

Otro tema crítico, la estandarización de los codecs de vídeo, parece que no se resuelve y por ahora no existe un consenso.

domingo, 27 de febrero de 2011

Páginas web hechas por ciegas

¿Puede una persona ciega hacer una página web? Pues claro, ¿por qué no? Todo depende de si la herramienta de autor empleada es accesible. En la página web Páginas webs hechas por ciegos 2011 podemos encontrar una recopilación de páginas web hechas por personas ciegas. Muy interesante visitar algunas de estas páginas y comprobar cómo están hechas.

sábado, 26 de febrero de 2011

Número especial de la revista IJKWI

El volumen 2, número 1, 2011, de la revista International Journal of Knowledge and Web Intelligence (IJKWI) es un número especial dedicado a la web para todos (Special Issue on Web For All). Los artículos publicados en este número son:

Metadata and information structure design on websites – towards a web for all
A weighted-graph-based approach for diversifying search results
The role of web in launching and using radio communication for public safety
Mainstreaming accessibility? Multidisciplinary problems or technical solutions
Online diagnosis e-health system for all, based on advanced web accessible database technologies
Testing the accessibility of websites

El acceso a los artículos online está restringido a suscripciones (es de pago), sólo está accesible el editorial. Pero sí que se pueden leer los resúmenes de los artículos de forma gratuita. Los dos más interesantes son:

Metadata and information structure design on websites – towards a web for all
When we transmit information through the internet, we would usually like it to reach many people. Our aim is for people to read it, to utilise it as a source, and to make use of it in their studies, e.g., in postgraduate courses, or in other fields of life. This article seeks to identify what elementary criteria our information source has to fulfil in order for search engines to find it, for users to consider it relevant and appropriate, and for it to meet the demands of users with disabilities. Only if these criteria are fulfilled does our website become really accessible. To promote this possibility, the article deals with the theoretical and practical dimensions of screen structure, data structure and metadata.

Testing the accessibility of websites
The current development of the internet and its growing use makes it necessary to satisfy the needs of all users including those with disabilities having accessibility problems. We developed a new validator software (XValid) based on the WCAG 2.0. We tested 18 countries' sites in 15 categories approximately 500 sites, with XValid. We made a statistical analysis based on our test. We determined the most frequently occurring errors based on these statistics. We took into account these typical errors, when we determined our minimal guidelines in ten points. People with disabilities could reach the internet barrier free if the web designer would test his/her design using our recommendations. The problem will be more and more important because the population of Europe will become older and older. This population needs accessible internet. Therefore it is very important to be prepared to cope with this problem now!

viernes, 25 de febrero de 2011

Informes sobre el estado de la accesibilidad web en España

Discapnet, el portal de las personas con discapacidad de la Fundación ONCE, contiene un par de páginas con numerosos informes sobre el estado de la accesibilidad web en España:

La mayoría de los informes se centran en la accesibilidad de los sitios web de las Administraciones Públicas (universidades, ministerios, comunidades autónomas, ayuntamientos), que recordemos que por diversas iniciativas legislativas como la Ley 56/2007 y el Real Decreto 1494/2007, deben satisfacer "el nivel medio de los criterios de accesibilidad al contenido generalmente reconocidos". Pero también podemos encontrar algunos informes dedicados a empresas privadas, como portales de viajes y transportes o portales de la banca.

martes, 22 de febrero de 2011

Celia Villalobos y el tema de los tontitos

Acaban de publicar en el periódico El Mundo la noticia Bono arremete con Villalobos por llamar a los discapacitados 'tontitos'. La noticia dice:

Se hablaba sobre las condiciones de contratación de personal discapacitado en el Congreso y la portavoz popular en la materia, Celia Villalobos, se ha empeñado en referirse, en varias ocasiones, al asunto como "el tema de los tontitos".
A la segunda, el presidente del Congreso, José Bono, ha pedido a Celia Villalobos que cambiara de término y dejara de referirse a los afectados de deficiencias físicas o psíquicas como "tontitos".

Y aquí tenemos un vídeo con la explicación de José Bono, el presidente del Congreso de los Diputados.

Para el que no lo sepa, Celia Villalobos pertenece al Partido Popular, en la actualidad es Diputada por Málaga y anteriormente fue Ministra de Sanidad y Consumo y Alcaldesa de Málaga. Esto demuestra que cualquier 'listo' puede ser alguien en la vida y en especial en la política.

He añadido la definición de 'tontito' a mi artículo ¿Minusválido, inválido, disminuido, incapacitado o discapacitado? Este término no se me había ocurrido.

Sólo espero que los tontitos y todos los familiares de los tontitos a los que hacía referencia Celia Villalobos hagan un buen uso de su voto en las próximas elecciones.

Cuando la versión accesible es más accesible que la versión normal

De entrada, aclarar que hablar de "versión normal" y "versión accesible" es un error. No se tienen que crear varias versiones de un mismo sitio web, se tiene que crear una única versión que sea accesible por todos los usuarios. Sólo en el caso de que no haya otra solución, se puede optar por crear una versión alternativa accesible, tal como nos dice el W3C en el punto de verificación 11.4 de WCAG 1.0:

11.4 Si, después de los mayores esfuerzos, no puede crear una página accesible, proporcione un vínculo a una página alternativa que use tecnologías W3C, sea accesible, tenga información (o funcionalidad) equivalente y sea actualizada tan a menudo como la página (original) inaccesible.

Me acabo de encontrar con el sitio web del proyecto Tuning, financiado por la Unión Europea y mantenido por la Universidad de Deusto. En la imagen siguiente podemos ver la página principal visualizada en Mozilla Firefox:

En la parte central de la página destacan cuatro imágenes, prácticamente iguales, pero diferentes por una pequeña variación en el color:

Resulta que esas imágenes son enlaces que conducen a un documento PDF en inglés, francés, alemán e italiano. En la "versión normal", la versión visual, es imposible saber cuál es la función y el destino de cada enlace:

Las imágenes son muy pequeñas y no se puede leer nada.
La URL del enlace no aporta información útil para descubrir el destino del enlace: http://www.tuning.unideusto.org/tuningeu/index.php?option=com_docman&task=docclick&Itemid=59&bid=81&limitstart=5&limit=5

Sin embargo, como las imágenes sí que llevan el atributo alt, la "versión accesible", la versión de sólo texto que es equivalente a cómo percibe la página web un usuario ciego que utilice un lector de pantalla, sí que ofrece suficiente información para saber cuál es el destino de cada enlace. Por ejemplo, en la siguiente imagen podemos ver la página principal visualizada en WebbIE:

Los cuatro enlaces de las imágenes aparecen como:

Enlace: Tuning General Brochure in English
Enlace: Tuning General Brochure in French
Enlace: Tuning General Brochure in German
Enlace: Tuning General Brochure in Italian

La "versión accesible" proporciona suficiente información para saber cuál es la función y el destino de cada enlace.

Acertijo: está claro cuál es el error, ¿pero sabes por qué lo han cometido los creadores de este sito web? ¿Qué ha originado este error tan simple y evidente?

Para terminar, no he realizado un análisis de la accesibilidad de la página web principal, pero en 30 segundos se pueden encontrar los típicos errores:

La página no tiene título: la etiqueta <title> está vacía.
No se emplea el atributo lang para indicar el idioma principal ni los cambios de idioma.
La tabla está maquetada con tablas.
Se crean listas que en realidad no son listas.
Se emplean mapas de imagen cuando no son necesarios

¿Qué otros errores de accesibilidad tiene la página?

lunes, 21 de febrero de 2011

Nuevo calendario para HTML 5

El artículo W3C: HTML5 Spec Due in 2014 nos cuenta que el W3C ha redefinido el calendario del desarrollo de HTML 5.

Ahora parece que la última llamada (last call) se producirá durante el segundo cuatrimestre de 2011 y se espera que la especificación completa sea publicada en el año 2014. El calendario completo lo podemos encontrar en HTML Working Group Charter:

Last Call Working Draft: 2011 Q2 (segundo cuatrimestre)
Candidate Recommendation: 2012 Q2
Proposed Recommendation: 2014 Q1 (primer cuatrimestre)
Recommendation: 2014 Q2

Mientras tanto, el W3C nos indica que debemos ser cuidadosos a la hora de utilizar HTML 5, pero también nos animan a utilizarlo cuando sea conveniente:

Although W3C officials have warned developers not to adopt the HTML5 capabilities prematurely, the standards body also is encouraging developers to implement HTML5 where appropriate.

sábado, 19 de febrero de 2011

Una Web que habla

Acabo de leer el artículo A World Wide Web that talks. El artículo habla del proyecto Spoken Web de IBM, que intenta recrear las características y funciones de la Web textual para personas con un nivel de alfabetización y de cultura digital bajo. El público objetivo de este sistema son las personas sin educación de regiones en desarrollo.

Sin embargo, este sistema me ha recordado otro que comenté hace un par de años en la entrada Navegación mediante un teléfono móvil, que tenía características similares, pero que en ese caso estaba destinado a ser usado por personas ciegas o con graves problemas de visión.

viernes, 18 de febrero de 2011

Un programa permite que los ciegos toquen cualquier imagen

El artículo Printed Photos the Blind Can 'See' describe un programa que permite crear una imagen táctil a partir de una fotografía. De esta forma, una persona ciega puede "ver" una imagen. Por ahora el sistema esta desarrollado para fotografías de caras, pero es de esperar que se generalizará para cualquier tipo de imagen.

En la siguiente imagen podemos ver un ejemplo de este sistema: en primer lugar, la fotografía original; en segundo lugar, los trazos principales de la fotografía (los bordes); y en tercer y último lugar,
la impresión en relieve de los trazos principales de la fotografía para que una persona ciega los pueda sentir/ver.

[Actualización 28/02/2011]
Otro artículo que trata el mismo tema: Researchers help blind 'see' Facebook photos.

jueves, 17 de febrero de 2011

Prerrequisitos de la clase sobre accesibilidad web en el Máster en Tecnologías de la Informática

En la asignatura Calidad en el Diseño de Aplicaciones Web del Máster Universitario en Tecnologías de la Informática de la Universidad de Alicante imparto un tema sobre accesibilidad web.

He publicado en mi sitio web sobre accesibilidad los prerrequisitos de la clase presencial que tendré con los alumnos el próximo 1 de marzo. El objetivo de estos prerrequisitos es que los alumnos aprendan de forma autónoma una serie de conocimientos antes de la clase presencial, con el fin de que la clase presencial sea mucho más provechosa. No es una idea original, en el mundo anglosajón se emplea mucho el "pre-reading": lecturas que el alumno tiene que haber leído antes de asistir a la clase presencial.

Para motivar a los alumnos a leer y ver los vídeos que he preparado, les he pedido también que realicen un par de actividades.

En la primera actividad, los alumnos tienen que realizar una evaluación de la accesibilidad web de una página de alguna administración pública, para comprobar si cumple el REAL DECRETO 1494/2007.

En la segunda actividad, los alumnos tienen que realizar una propuesta de captcha accesible. Esta es una actividad difícil, no espero una solución perfecta, pero sí que propongan algo y evalúen los pros y contras de su propuesta.

miércoles, 16 de febrero de 2011

Apuntes del curso "Experiencia de usuario: accesibilidad web"

En mi sitio web sobre accesibilidad web he publicado los apuntes sobre accesibilidad web que me ha pasado una alumna del tema sobre accesibilidad que impartí en la asignatura "Experiencia de usuario" del Curso de especialista en diseño web que impartimos en la Universidad de Alicante.

Este tema duró 4 horas y el alumnado es mayoritariamente no técnico, sin experiencia en creación de páginas web, por lo que fue una clase totalmente introductoria.

martes, 15 de febrero de 2011

Curso en línea sobre accesibilidad web

La Fundación Ciencias de la Documentación organiza la lección magistral Accesibilidad Web: definición, leyes y políticas, pautas, herramientas de validación y normas generales, con una duración de 10 horas y un coste de 50€.

El programa de este curso es:

Introducción a la accesibilidad: limitaciones de acceso.
Definición de accesibilidad: por qué es importante.
Leyes y políticas en accesibilidad: España, Europa, Iberoamérica y EE.UU.
Pautas de Accesibilidad Web.
Validación de la accesibilidad: herramientas disponibles.
Normas generales y consejos prácticos para diseñar páginas web accesibles.
Resumen final.
Bibliografía.

lunes, 14 de febrero de 2011

Tonterías, las justas

¿Por qué hay gente que todavía se empeña en poner estas tonterias? En la Revista Dintel podemos leer en el pie de página:

Portal optimizado a una resolución de 1024x768 y Microsoft Internet Explorer

¿Cómo puede ser que aún se pongan estas tonterías en las páginas web? En sorprendente que una fundación y una revista, que tiene como objetivo la "Difusión de las ingenierías Informática y de Telecomunicación" (DINTEL) cometa este tipo de errores de principiante.

[Actualización 15/02/2011]
En un comentario, me preguntan por qué es una tontería o qué es exactamente la tontería. Creo que la pregunta es retórica, la persona que me hace la pregunta sabe cuál es el problema, simplemente está expresando sus pensamientos en forma de preguntas. De todas formas, una pequeña explicación para aquellos que lean esto y sí se pregunten por qué es una tontería:

"Portal optimizado a una resolución de 1024x768": con la diversidad de dispositivos que se emplean hoy en día para acceder a la Web (ordenadores de escritorio, portátiles, netbooks, teléfonos inteligentes, tabletas), cada uno con su resolución y su formato (4:3, 16:9), y cada usuario con su configuración de área de trabajo (barras de herramientas, barras de accesos rápidos) que limita el área de visualización disponible, es una tontería realizar esta afirmación. Porque en realidad, esta afirmación normalmente es falsa, ya que en realidad lo que quiere decir es "Portal diseñado para una resolución de 1024x768, para el resto de resoluciones no me he preocupado en comprobar cómo se visualiza".
"Microsoft Internet Explorer": con la diversidad de navegadores que emplea la gente, optimizar un sitio web para un solo navegador es una tontería (más bien, es una estupidez). Y es más tontería cuando se hace para Microsoft Internet Explorer, uno de los peores navegadores que ha existido y que ha hecho mucho daño al desarrollo web por su incumplimiento de los estándares, lo que ha obligado a los desarrolladores web a hacer "apaños" para que sus sitios web se pudieran visualizar en diferentes navegadores. Y es más tontería cuando las diferencias entre diferentes versiones de Microsoft Internet Explorer son tremendas. ¿Para qué versión de Microsoft Internet Explorer está optimizado el portal?
"DINTEL = Difusión de las ingenierías Informática y de Telecomunicación": es una tontería que una revista/fundación dedicada a la difusión de las ingenierías informática y telecomunicación cometa este error. Con este tipo de mensajes sólo difunde desconocimiento.
"Tonterías las justas": es un programa de humor que emiten por un canal de televisión en España y me vino a la cabeza en cuanto vi este pie de página tan tonto.

Y no he dicho directamente ni una sola palabra sobre la accesibilidad, aunque claro que esta tontería va en contra de la accesibilidad. Quien pone este tipo de mensajes no conoce la Web.

[Actualización 04/03/2011]
Otra razón más: la mayoría de los usuarios no comprende estos mensajes, la mayoría de los usuarios no saben o no entienden bien qué es la resolución de pantalla.

martes, 8 de febrero de 2011

Fix the Web

Acabo de leer la noticia Stephen Fry backs project to make Web more accessible, publicada en la web de la Universidad de Southampton. La noticia presenta el proyecto Fix the Web, que permite informar de los sitios web que son no accesibles. A continuación, un conjunto de voluntarios revisan los informes y se ponen en contacto con los propietarios de los sitios web y les informan de los problemas que tienen y de cómo resolverlos.

lunes, 7 de febrero de 2011

Subtítulos de los vídeos en YouTube

Acabo de ver el vídeo corporativo de la Fundación ONCE. A raíz de ese vídeo, he visitado el canal de la Fundación ONCE en YouTube. Y he visto el último vídeo publicado sobre la presentación del Observatorio de Accesibilidad a Municipio hace sólo dos meses.

Los vídeos de la Fundación ONCE están subtitulados, pero no de la mejor forma, ya que los subtítulos están integrados en el propio vídeo. Al estar integrados los subtítulos en el vídeo, no se pueden desactivar ni se puede configurar su modo de presentación. Esto causa varios problemas, el más evidente es que no se puede ofrecer el vídeo con subtítulos en otros idiomas. Además, otro problema importante es que YouTube no tiene constancia de que los vídeos tienen subtítulos, por lo que no pueden ser encontrados por una persona sorda que realice una búsqueda de vídeos con subtítulos. Es sorprende que la Fundación ONCE cometa este error.

YouTube ofrece desde hace tiempo la posibilidad de subtitular los vídeos. Ya explicaré en otra entrada cómo se hace.

Cuando se realiza una búsqueda de un vídeo, se puede emplear "Opciones de búsqueda" para indicar en el apartado "Características" que se quiere buscar vídeos que tengan subtítulos. Para ello hay que seleccionar la opción "Subtítulos cerrados", traducción literal de closed captions, el término que se emplea en inglés. En la siguiente imagen podemos ver las "Opciones de búsqueda" de YouTube:

Los vídeos que tienen subtítulos aparecen en los resultados de una búsqueda con el marcador "cc" (de closed captions), como podemos ver en la siguiente imagen donde aparecen tres vídeos que tengo publicados en YouTube con subtítulos:

Como podemos ver en la siguiente imagen del vídeo Accesibilidad de la página web del Senado (1/2), los subtítulos aparecen sobreimpresos sobre el vídeo. En la barra del reproductor (player) aparece un botón en rojo con las letras "cc" cuando el vídeo tiene subtítulos.

Este botón permite activar y desactivar los subtítulos. Además, también permite configurar algunos parámetros de visualización de los subtítulos, como el tipo de letra, el tamaño de letra y el más importante, el idioma de los subtítulos.

YouTube permite añadir subtítulos en diferentes idiomas a un mismo vídeo. Además, también permite emplear un servicio de traducción automática de los subtítulos: podemos añadir los subtítulos en un único idioma, por ejemplo español, y YouTube se encarga de traducirlo a otros idiomas.

Por ejemplo, en la siguiente imagen aparecen los mismo subtítulos que en la imagen anterior, pero traducidos al alemán:

En conclusión: los subtítulos no se tienen que integrar en el propio vídeo, como lo hace la Fundación ONCE, sino que se tienen que publicar de forma separada. Además, hoy en día se pueden hacer vídeos que integren los subtítulos y la lengua de signos todo junto, permitiendo al usuario activar y desactivar lo que desea ver.

martes, 1 de febrero de 2011

Presentan el primer juego accesible diseñado por un ciego para Apple

Hoy ha sido publicada en el periódico El Mundo la noticia Presentan el primer juego accesible diseñado por un ciego para Apple. Una noticia similar fue publicada hacer unas semanas: Primer juego diseñado por un invidente para los teléfonos de Apple.

Esta vez la noticia dice:

Jonathan Chacón es ciego desde hace más de 15 años. También es consultor de accesibilidad. Y ahora, con 31 años también es el primer desarrollador invidente en el mundo que ha conseguido vender en la tienda de aplicaciones de Apple el único juego para iPhone y iPad accesible. Una versión del popular buscaminas que permite jugar a discapacitados y no discapacitados. O lo que es lo mismo: un juego para todos.

La aplicación de este sevillano, aunque ya estaba disponible desde hace tiempo en las tiendas de Apple, ha sido presentada este lunes en 'The App Date', un espacio de conexión, ideas, investigación y creatividad sobre aplicaciones, impulsado por la empresa Wake App para servir de punto de encuentro a creadores y posibles inversores.

Con su buscaminas Chacón cumple su objetivo de desarrollar productos que todas las personas puedan usar. Una meta que nace y alimenta en su trabajo como consultor de accesibilidad en Technosite, perteneciente al grupo empresarial de la Fundación ONCE

Sus deseos de llegar a todos van por buen camino. De momento, el buscaminas de Chacón -disponible para iPhone, iPod e iPad- se puede encontrar en cinco idiomas: español, inglés, italiano, francés y sueco.

Premios Discapnet 2011

Premios Discapnet de la Fundación ONCE a la Accesibilidad TIC y al Compromiso con las Personas con Discapacidad. El plazo de presentación de candidaturas finaliza el 10 de febrero.

lunes, 31 de enero de 2011

EU4ALL

El proyecto EU4ALL (European Unified Approach for Assisted Lifelong Learning) tiene como finalidad que la formación universitaria esté al alcance de todo el mundo, independientemente de su diversidad funcional. Se trata de un proyecto multidisciplinar en el que participan 13 socios de diversos países y varias empresas.

El sistema permite adaptar de forma automática los contenidos educativos a los diferentes tipos de estudiantes en función de su diversidad funcional. Para ello, claro está, primero hay que conocer las necesidades de cada estudiante: cuando un estudiante trabaja con el sistema, tiene que identificar sus necesidades de interacción.

viernes, 28 de enero de 2011

Accesibilidad de Microsoft

El sitio web Accesibilidad en Microsoft ofrece información sobre la accesibilidad que ofrecen los diferentes productos de Microsoft. Destacan:

Internet Explorer 8 Accessibility Tutorials: explica las características accesibles del navegador Internet Explorer 8.
Guías clasificadas por tipo de trastorno: ofrece la información clasificada por el tipo de trastorno, como visual, motriz, auditivo, de aprendizaje, del lenguaje y dificultades de comunicación y de las personas mayores.

Buscador