Subtítulos en los vídeos en HTML5

Hace unos días escribí el artículo Accesibilidad de los vídeos en HTML5 en el que comentaba que la nueva etiqueta <video> de HTML5 no contempla por ahora la posibilidad de incluir subtítulos de forma nativa, por lo que los vídeos en HTML5, aunque se mejora el control por medio del teclado, seguirán teniendo problemas de accesibilidad.

Un lector de este blog (¡muchas gracias!) ha dejado el siguiente comentario en dicho artículo:

Si bien no es la solución definitiva, la gente de Opera explica cómo crear subtitulados para videos HTML5 con JavaScript (solo funciona en algunos navegadores):

http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/

El artículo al que hace referencia el lector, Accessible HTML5 Video with JavaScripted captions, explica una técnica que permite sincronizar la visualización de subtítulos con el vídeo. Básicamente la técnica consiste en:

1. Incluir en la página web que contiene el vídeo los subtítulos en un <div> que se superpone al vídeo.
2. Cada subtítulo esta etiquetado con un <span> que contiene las marcas de tiempo en las que se debe mostrar (para la marcas de tiempo se emplea una nueva posibilidad de HTML5 llamada custom data- attributes).
3. Desde JavaScript, mediante el evento ontimeupdate, que se ejecuta cada cierto tiempo cuando el vídeo se está reproduciendo, y mediante la propiedad currentTime, que indica el tiempo de reproducción actual del vídeo, se muestra el subtítulo adecuado (mediante CSS se oculta o se visualiza el subtítulo).

Sin embargo, lo más interesante es lo que podemos leer al principio del artículo, una nota añadida hace tres meses, el 22/09/2011:

NOTE, September 22nd 2011: There is a new and shiny way to add subtitles to HTML5 video using the new <track> element, but this isn't yet implemented. The hacky technique discussed below works now, but it isn't the "right" way to do it.

Afortunadamente, parece que ya se ha planteado la solución al problema de los subtítulos con la incorporación de una nueva etiqueta llama <track>. Recordemos que HTML5 por ahora es un trabajo en progreso, que el W3C ha fijado que se terminará en el año 2014, aunque para el WHATWG (los que comenzaron el desarrollo de HTML5), nunca estará terminado.

La etiqueta <track> posee el atributo src que permite indicar un fichero externo que contiene los subtítulos (con sus correspondientes marcas temporales). El formato propuesto para los subtítulos se llama WebVTT (Web Video Text Tracks) y es un formato similar a SUB o SRT.

Desgraciadamente, parece que por ahora ningún navegador soporta esta nueva etiqueta, pero dentro de poco podremos hacer cosas como lo siguiente:
<video src="brave.webm">
 <track kind=subtitles src=brave.en.vtt srclang=en label="English">
 <track kind=captions src=brave.en.vtt srclang=en label="English for the Hard of Hearing">
 <track kind=subtitles src=brave.fr.vtt srclang=fr lang=fr label="Français">
 <track kind=subtitles src=brave.de.vtt srclang=de lang=de label="Deutsch">
</video>

Accesibilidad de los vídeos en HTML5

Hoy he recibido un correo electrónico con la siguiente pregunta de un lector de este blog:

Bueno te escribía por si me puedes ayudar con la accesibilidad en HTML5, quiero insertar un vídeo con la etiqueta <video>, pero me estoy dando de bruces, pues este vídeo, no trae subtítulos, y no puedo meter un alt, ni legend, bueno que no sé cómo hacer este vídeo accesible.

Si no ha habido cambios en los últimos meses, la respuesta es NO, no se puede por ahora. En el artículo Future Web Accessibility: HTML5 <video> nos lo explican muy bien. Así que, por ahora hay que buscar otras alternativas.

Los vídeos normalmente se han mostrado en la web mediante un objeto Flash. Esto ocasionaba dos problemas importantes de accesibilidad (suponiendo que el vídeo estuviese correctamente subtitulado):

1. Había que tener instalado el componente (plugin) de Flash en el navegador. Y además, no sobraba con tener instalada una versión cualquiera, normalmente se tenía que tener instalada la "última de la última" de las versiones del plugin.
2. En algunos navegadores, los controles del reproductor Flash no eran directamente accesibles mediante teclado.

La nueva etiqueta <video> de HTML5 resuelve estos dos problemas:

1. La etiqueta forma parte de la especificación de HTML5 y en un corto plazo de tiempo será soportada por todos los navegadores. Si buscamos el soporte de video en When can I use.., veremos que los principales navegadores la soportan desde hace tiempo. Sin embargo, hay un problema que no está todavía resuelto, la estandarización de los codecs, pero ese es otro problema.
2. Los controles del reproductor son proporcionados directamente por el navegador, por lo que se pueden manejar mediante el teclado sin problemas. En el artículo Keyboard Access for HTML5 Video se presenta un pequeño test que hizo el autor en agosto de 2010: los resultados fueron bastante positivos, por lo que es de suponer que más de un año después la situación sea incluso mejor.

Desgraciadamente, como explican en el artículo Future Web Accessibility: HTML5 <video>, por ahora existe un problema grave de accesibilidad que se está intentado resolver: la especificación actual no contempla ningún mecanismo para proporcionar subtítulos.

Por cierto, desde hace tiempo YouTube ofrece la posibilidad de visualizar sus vídeos utilizando un reproductor HTML5, aunque con ciertas restricciones.

Visualización de las teclas de acceso rápido o atajos de teclado

Las teclas de acceso rápido o atajos de teclado son pulsaciones de varias teclas que permiten acceder directamente o ejecutar una opción de un programa. Por ejemplo, en Microsoft Word, la pulsación de Ctrl+N aplica el formato negrita o la pulsación de Alt+A permite acceder al menú archivo.

En este blog he escrito varias veces sobre este tema en el pasado:

• Las teclas de acceso rápido o atajos de teclado (5/1/2007)
• Las teclas de acceso rápido o atajos de teclado: ¿consenso? (6/1/2007)
• Ejemplo de uso de los atajos de teclado (21/11/2008)

En las Pautas de Accesibilidad al Contenido en la Web 1.0 del WAI, el punto de verificación 9.5 dice:

9.5 Proporcione atajos de teclado para los vínculos más importantes (incluidos los de los mapas de imagen de cliente), los controles de formulario y los grupos de controles de formulario. [Prioridad 3]
Por ejemplo, en HTML, especifique los atajos a través del atributo "accesskey".

Desgraciadamente, el empleo de los atajos de teclado no está muy extendido y siempre ha habido gente a favor y en contra de su uso por los problemas que conlleva:

• El usuario no sabe si están definidos o no los atajos de teclado.
• El usuario no sabe qué teclas se han asignado a los atajos de teclado.
• Los atajos de teclado pueden causar conflicto con los atajos de teclado del navegador, con los del sistema operativo o con los del lector de pantallas.
• El usuario no sabe cómo activar los atajos de teclado (cambia de un navegador a otro y de un sistema operativo a otro).
• El usuario no puede pulsar las combinaciones de tecla de los atajos de teclado.

Acabo de descubrir que en el navegador Opera los dos primeros problemas están resueltos, como vamos a ver a continuación.

La página web de la Seguridad Social de España tiene definidos algunos atajos de teclado. Normalmente, en la página dedicada a la accesibilidad se suele incluir la lista de atajos de teclado de un sitio web, y así ocurre en la página sobre accesibilidad de la Seguridad Social:

En el navegador Opera la combinación de teclado Mays (Shift) + Esc muestra una ventana flotante en la que se listan los atajos de teclado que contiene la página:

Como podemos ver en la imagen anterior, en primer lugar aparece la tecla correspondiente al atajo de teclado y a continuación aparece la URL de destino del enlace, ya que en este caso los atajos de teclado están asociados a enlaces. Sin embargo, que aparezca la URL no es muy útil, ya que muchas veces la URL no es suficientemente significativa como para que el usuario sepa cuál es el destino del enlace.

He realizado una prueba: he creado una página web sencilla con una lista de enlaces y un formulario con varios controles. Tanto los enlaces como los controles del formulario tienen definido un atajo de teclado con el atributto accesskey. Además, he usado el atributo title para proporcionar información adicional sobre los enlaces o los controles. Como se puede ver en la siguiente imagen, cuando un enlace o un control tiene el atributo title definido, Opera lo emplea al mostrar la lista de atajos de teclado, por lo que se puede emplear para proporcionar información sobre el uso y finalidad de los atajos de teclado.

Por ahora, me parece que Opera es el único navegador que ofrece esta funcionalidad, ya que he consultado los atajos de teclado de Mozilla Firefox, y no aparece nada parecido.

Presentaciones y transcripción de Website Accessibility Metrics

El W3C, a través del WAI, organizó Website Accessibility Metrics Online Symposium el pasado 5 de diciembre de 2011. El objetivo principal de este simposio era reunir, analizar y discutir experiencias prácticas relacionadas con la medición de la accesibilidad web:

The primary objective of this symposium is to gather, analyze, and discuss practical experience with measuring website accessibility. These may include approaches for measuring 'accessibility in terms of conformance' (metrics that reflect violations of conformance of web content with accessibility guidelines such as WCAG or derivatives such as Section 508) and 'accessibility in use' (metrics that reflect the impact that accessibility issues have on real users, regardless of guidelines). The papers resulting from this symposium will constitute the basis from which to further explore a research and development roadmap for website accessibility metrics.

Se presentaron 11 artículos. Además de las transparencias de los artículos, también se ha publicado la transcripción de la teleconferencia que tuvo lugar.

Relacionado con este tema, el W3C mantiene el Benchmarking Web Accessibility Metrics, en el que se puede encontrar información sobre qué características debe tener una buena métrica.

Amóvil, nuevo portal sobre la accesibilidad y las comunicaciones móviles

El pasado jueves 22 de diciembre se presentó Amóvil, un proyecto de accesibilidad móvil desarrollado por Technosite, empresa especializada en tecnología accesible. El proyecto está cofinanciado por el Plan Avanza del Ministerio de Industria, Turismo y Comercio.
Según podemos leer en la página de Amóvil:

Amóvil es un espacio en Internet que trata de ayudarte a identificar dispositivos móviles que se adapten tanto a tus características personales como a tus preferencias de uso. Respondiendo a cuestiones relacionadas con tus capacidades y el uso que vas a hacer de la tecnología móvil, nuestro asistente experto buscará los productos y servicios que más se adecuen a tus necesidades.

El sitio web incluye un buscador de tecnología móvil y un asistente experto.
En el acto de presentación de Amóvil también se presentó el Libro blanco para el diseño de tecnología móvil accesible y fácil de usar, disponible en formato PDF para descargar.

La estructura de capítulos del libro blanco es la siguiente:

• En el capítulo 1, titulado “Tecnología móvil: usos y realidad social”, se muestra el impacto de la tecnología móvil para la sociedad en su conjunto, además de explicar las tendencias sociales y la responsabilidad que deben adquirir las empresas para no excluir a las personas con discapacidad, mayores y otros colectivos vulnerables.
• El capítulo 2, “Dispositivos y personas”, se centra en mostrar la realidad de los usuarios, sus necesidades en el acceso a la información, las barreras a las que se enfrentan al acceder a las comunicaciones móviles y, en definitiva, su experiencia al interactuar con tecnologías en las que, generalmente, no se ha contado con sus opiniones en las distintas fases del diseño.
• En el capítulo 3, “Diseño inclusivo de dispositivos móviles”, se aportan las pautas que los diseñadores han de aplicar para que los dispositivos móviles contemplen las necesidades de personas con limitaciones visuales, auditivas, físicas o en la comprensión.
• El capítulo 4, “Accesibilidad no sólo en el dispositivo”, recoge una serie de requisitos que se han de tener en cuenta para que las personas con limitaciones funcionales puedan disfrutar de un pleno uso de las comunicaciones móviles: aplicaciones accesibles, accesibilidad en la Web móvil, servicios que potencien la accesibilidad, etc.

Lista de denuncias contra sitios web no accesibles en Estados Unidos

Hace unos meses escribí la entrada Denuncias contra sitios web no accesibles en Estados Unidos, en la que comentaba que en Estados Unidos se toman la accesibilidad web con mucha más seriedad que en España. En realidad, lo que se toman con mucha más seriedad es la Justicia. Aquí en España, las leyes sobre accesibilidad web se la pasan por el "arco del triunfo" los mismo que hacen las leyes. Recordemos el caso de la página web del Senado, o más recientemente, lo que podemos leer en la página sobre accesibilidad del sitio web de La Moncloa. Ahora que Celia Villalobos es la nueva vicepresidenta del Congreso, no se puede esperar que la situación mejore (recordemos su bochornoso espectáculo con el tema de los tontitos, aunque también podríamos rescatar su famoso vídeo con Manolo, el conductor de su coche oficial).

Ahora acabo de encontrar la página web List of Web Accessibility-Related Litigation and Settlements, que contiene enlaces a 40, ¡¡40!!, denuncias judiciales por temas de accesibilidad web que se han presentado en Estados Unidos. Y algunos de los denunciados no son empresas u organizaciones desconocidas: Bank of America, Amazon, Radio Shack, Expedia, Penn State University, Disney, New York University. ¡Impresionante!

¿Conoces alguna denuncia que se haya presentado o sentencia que se haya realizado en materia de accesibildiad web en España?

Yo sólo recuerdo las denuncias que el CERMI presentó contra el Metro de Madrid y la Universidad Autónoma de Madrid, que no parece que hayan llegado muy lejos, ya que no se ha vuelto a publicar ninguna noticia al respecto.

Accesibilidad de los sitios web de las Diputaciones Provinciales de España

He publicado el análisis de la accesibilidad de las páginas de las Diputaciones Provinciales de España que ha realizado un alumno como trabajo de un curso.

En este análisis realizado con herramientas de evaluación automática, se muestran los resultados obtenidos en la evaluación de la accesibilidad de las páginas web de 10 diputaciones españolas. Se ha seleccionado un total de 10 sitios web de diputaciones españolas, basando la selección en los municipios con mayor número de habitantes que tienen diputación provincial.

Los resultados obtenidos muestran que la página principal más accesible es la de la Diputación Provincial de Málaga, mientras que la peor es la correspondiente a la Diputación Provincial de Valladolid.
El informe se puede descargar en formato PDF.

El Centro de Referencia en Accesibilidad Web de Argentina

A través de la noticia El Centro de Referencia en Accesibilidad Web cumple un año de vida, me he enterado de la existencia del Centro de Referencia en Accesibilidad Web (CRAW) dependiente de la Oficina Nacional de Tecnologías de Información (ONTI) de Argentina.

La misión principal del CRAW es "permitir que las páginas web pertenecientes al Estado Nacional, puedan ser accedidas por un mayor número de personas, independientemente de sus propias limitaciones o de las derivadas de su entorno". Para ello, "el CRAW validará el grado de cumplimiento de estándares de accesibilidad web. Asimismo, ofrecerá servicios de capacitación a la Administración Pública Nacional y dispondrá de un observatorio tendiente al cumplimiento de la legislación vigente en materia de la Sociedad de la Información y accesibilidad web universal de las personas con capacidades diferentes a fin de garantizar la igualdad de oportunidades y la no discriminación".

Recordemos que en Argentina a finales de noviembre de 2010, fue aprobada la Ley 26.653 de Accesibilidad de Información en las Páginas, que "compromete al Estado nacional a respetar en el diseño de sus páginas Web las normas y requisitos sobre accesibilidad de la información que faciliten el acceso a sus contenidos a todas las personas con discapacidad, con el objeto de garantizarles la igualdad real de oportunidades y trato, evitando así todo tipo de discriminación".

La Resolución 69/2011 aprueba la "Guía de Accesibilidad para Sitios Web del Sector Público Nacional", que es una transposición directa de las Pautas de Accesibilidad al Contenido en la Web 1.0 del W3C.

Los interfaces cerebro-máquina disponibles en cinco años

Varias veces he hecho referencia al control del ordenador (u otros dispositivos) con la mente. Por ejemplo:

• Otro centro en el que investigan el control mental del ordenador (25/10/2011)
• Otros que se apuntan al control mental del ordenador (16/06/2011)
• En Francia también investigan sobre el control del ordenador con la mente (16/01/2011)

Los interfaces cerebro-máquina (en inglés Brain-Computer Interfaces, BCI), son sistemas de comunicación que permiten transmitir al ordenador instrucciones simplemente con el pensamiento. Como es de imaginar, para muchos usuarios con discapacidad, el empleo de estos sistemas supondrá una mejora considerable de su calidad de vida.

Por ahora son un poco "ciencia ficción": son lentos, necesitan un período de entranamiento bastante largo para que aprendan a interpretar los pensamientos de los usuarios y el porcentaje de acierto no está muy cerca del 100%.

Sin embargo, todo es cuestión de tiempo. ¿Cuánto? 5 años, o al menos eso es lo que predice IBM y podemos leer comentado en el artículo El futuro, de cinco en cinco:

3. Lectura de la mente. Es la que más me cuesta aceptar porque por ahora todos los sistemas que he probado en esta línea de investigación son bastante poco fiables pero según IBM en los próximos años avanzaremos considerablemente en los interfaces cerebro-máquina, permitiendo manejar dispositivos tan sólo pensando en las acciones que deben realizar.

[Actualización 21/12/2011]
El artículo original de IBM, con algunos vídeos y extensas explicaciones: The IBM 5 in 5: Our Forecast of Five Innovations That Will Alter the Tech Landscape Within Five Years.

La Moncloa hace lo que le da la gana

Ayer consulté la página sobre accesibilidad de La Moncloa, y me encontré con esta declaración bastante graciosa:

Información histórica
Debido al gran volumen de información publicado en este portal, a la extensión de sus documentos y la frecuencia de actualización, la adaptación de las páginas a los estándares de accesibilidad para documentos anteriores al 1 de enero de 2006 se realizará previa petición por parte del usuario a través de nuestro formulario de contacto indicando el documento objeto de la adaptación, teniendo en cuenta que esta labor es lenta debido a que los distintos documentos están maquetados según los estilos del momento en que fueron publicados por lo que es necesario dotarles de una nueva estructura de documento para este fin.

¿Cómooooo?

Parece que en La Moncloa desconocen totalmente las leyes que ellos mismos han desarrollado y aprobado. Y yo me pregunto: entonces, ¿para qué tantas leyes? ¿Para perder el tiempo?

Recordemos el REAL DECRETO 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social:

2. Las páginas de internet de las administraciones públicas o con financiación pública deberán adaptarse a lo dispuesto en el artículo 5 de dicho reglamento, en los siguientes plazos:
a) Las páginas nuevas deberán ajustarse a la prioridad 1 de la Norma UNE 139803:2004 desde la entrada en vigor del real decreto.
b) Las páginas existentes deberán adaptarse a la prioridad 1 de la Norma UNE 139803:2004 en el plazo de 6 meses desde la entrada en vigor.
c) Todas las páginas, actualmente existentes o de nueva creación, deberán cumplir la prioridad 2 de la Norma UNE 139803:2004 a partir del 31 de diciembre de 2008. No obstante, este plazo de adaptación y la citada norma técnica de referencia podrán ser modificados a efectos de su actualización mediante orden ministerial conjunta, en los términos establecidos en la disposición final tercera de este real decreto.

Es decir, que según este Real Decreto, desde el 12 de mayo de 2008 (6 meses después de entrar en vigor), todas las páginas existentes dede las administraciones públicas deberían ser accesibles y cumplir el nivel A.
Y también podemos recordar la LEY 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información:

A partir del 31 de diciembre de 2008, las páginas de Internet de las Administraciones Públicas satisfarán, 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.

¿Por qué dice La Moncloa que la adaptación de las páginas web existentes a los estándares de accesibilidad se hará bajo petición? ¿Dónde dice eso en la ley?

La accesibilidad web es cosa de todos

La accesibilidad web afecta a todas las personas implicadas en un desarrollo web. Muchas veces se cree que la accesibilidad es únicamente cosa del desarrollador web, de la persona que escribirá el código HTML y CSS y le pondrá un texto alternativo a una imagen con el atributo alt o escribirá las etiquetas de encabezado h1, h2, h3, ...

Quizás esta idea errónea proceda del hecho de que las Pautas de Accesibilidad al Contenido Web  (WCAG 1.0 y WCAG 2.0) son muy técnicas y están orientadas para el desarrollador.

Sin embargo, la accesibilidad es cosa de todos los implicados en un desarrollo web.

El artículo Implementation Plan for Web Accessibility del W3C explica cómo implementar un plan de accesibilidad web en una empresa u organización. En el primer punto dice:

Establish a coordination team with a communication plan.

• Identify representatives from key departments such as marketing, web development, technical support, usability, etc.

El primer paso es crear un grupo en el que estén representados todos los departamentos clave en el desarrollo.

Los desarrolladores/programadores web tienen sus Pautas (WCAG). ¿Existen pautas o consejos para el resto de implicados en el diseño web? En Internet podemos encontrar algunos artículos interesantes:

• Accessibility for Project Managers: explica el papel que debe realizar el gestor del proyecto (project manager) para lograr que sea accesible.
• Accessibility for Information Architects: el arquitecto de información de un sitio web debe tener en cuenta ciertos aspectos para lograr que un sitio web sea totalmente accesible.
• Web Accessibility for Designers: la accesibilidad web se tiene que tener en cuenta desde la fase de diseño visual. Este artículo proporciona algunos consejos sencillos pero esenciales.

¿Conoces algún otro artículo similar en el que se proporcionen consejos para otros implicados en el desarrollo de un sitio web?

ViCRAM

ViCRAM (Visual Complexity Rankings and Accessibility Metrics) es un proyecto que actualmente se está desarrollando en The Web Ergonomics Lab de la Universidad de Mancherster.

El objetivo de este proyecto es establecer un marco que permita describir páginas que visualmente son complejas. Además, se pretende relacionar la complejidad visual de una página con la interacción y el comportamiento de los usuarios ante la página. El objetivo final es mejorar la accesibilidad de los interfaces de usuario al proporcionar un feedback sobre su complejidad y uso.

El proyecto parece muy interesante, pero por ahora no está disponible una herramienta que se pueda emplear para evaluar la complejidad visual de una página.

TecnoAccesible

TecnoAccesible es un portal de información sobre tecnologías de apoyo (ayudas técnicas), accesibilidad de los productos tecnológicos de consumo y sobre herramientas informáticas de accesibilidad web. Además, publica noticias e información sobre las tecnologías de la información y la comunicación (TIC) aplicables a la diversidad funcional de las personas.

TecnoAccesible ofrece un extenso catálogo sobre tecnologías de apoyo: dispositivos apuntadores, pulsadores, teclados, etc.

Ratón facial eViacam

Enable Viacam (eViacam) es un programa de ordenador que sustituye la funcionalidad del ratón permitiendo mover el puntero a partir del movimiento de la cabeza. Funciona en un ordenador PC equipado con una cámara web, sin elementos adicionales. Está disponible para Linux y para Microsoft Windows (2000/XP/Vista/7). eViacam se proporciona de forma gratuita bajo licencia GNU/GPL.

Las instrucciones de uso dicen:

Primero hace falta haber instalado y configurar correctamente la cámara web. Es muy importante configurar la cámara en modo de exposición manual y ajustar este parámetro por obtener 25 fps o más de velocidad de captura. La mayoría de cámaras modernas proporcionan hasta 30 fps. Consulte el manual de la cámara en caso necesario.
Una vez instalado ejecute evicam (evicam.exe para Windows). El programa debe abrirse, detectar automáticamente la cámara y mostrar la imagen en tiempo real.
Sitúe la cámara por obtener una imagen frontal de su rostro. La anchura de este, a la imagen, debe ser aproximadamente un tercio de la anchura del cuadro. Hace falta centrar el rectángulo de seguimiento (azulado) alrededor de su rostro moviendo la cámara o desplazando el cuadro con el ratón (clic en la esquina).
Active la opción por iniciar la función de control desde el menú Archivo. Pruebe a mover la cabeza y observe el resultado. Puede ajustar la sensibilidad (velocidad ejes X e Y) a través del diálogo de configuración. Debe poder hacer llegar el puntero a cualquier lugar de la pantalla.
Para hacer clic sólo hace falta parar el puntero sobre la localización deseada. En unos instantes se generará un clic de forma automática (este tiempo de espera se puede ajustar desde el diálogo de configuración). Utilice la ventana encastada de la parte superior para escoger entre los diferentes tipos de clic.

Los premios Telefónica Ability Awards

Telefónica (¿o es Telefonica?) organiza los Telefónica ability awards:

Los Telefónica Ability Awards nacen con un claro objetivo: reconocer públicamente a aquellas empresas e instituciones que desarrollan modelos de negocio sostenibles, con la inclusión de las personas con discapacidad en la cadena de creación de valor, ya sea como empleados, proveedores y/o clientes. Estos galardones pretenden distinguir a aquellas organizaciones privadas y públicas que, desempeñando su actividad dentro del territorio español, han mejorado su negocio a través del desarrollo de actuaciones con este grupo ciudadano.

De entrada, me parece un poco pijo llamar a estos premios los "Telefónica ability awards". ¿Qué manía tienen algunas empresas por usar a veces el inglés para darle más importancia y solemnidad a ciertas cosas?

Por otro lado, si Teléfonica tiene tanto interés por las personas con discapacidad, podría comenzar dando ejemplo y mejorar la accesibilidad de sus sitios web. Por ejemplo, este mismo sitio web tiene numerosos problemas de accesibilidad:

• Tiene errores de validación de HTML.
• No se emplean las etiquetas de encabezado (h1, h2, ...) para estructurar el contenido de la página.
• No se identifica el idioma de la página con el atributo lang.
• Numerosos enlaces con el mismo texto "Leer más" o "AMPLIAR", que no hacen uso del atributo title para proporcionar más información.
• Numerosas imágenes con el texto alternativo "Imagen noticia" que no aportan nada y que deberían tener un texto alternativo vacío o nulo.
• Tres enlaces cuyo contenido es una imagen sin texto alternativo y que usan el atributo title para simplemente decir "Enlace externo".
• No hay enlaces para saltar al contenido principal de la página.

En definitiva, mucho que arreglar.

Las webs de los partidos políticos, de pena

En el curso de introducción a la accesibilidad web que estoy impartiendo estas semanas, hoy hemos visto las típicas herramientas de evaluación de la accesibilidad web. Una de las actividades ha sido utilizar eXaminator para encontrar un sitio con una puntuación muy baja y otro con una puntuación muy alta.

Entre los sitios con la puntuación muy baja han destacado los sitios web oficiales de los partidos políticos: mucha fachada bonita, pero en cuanto rascas un poco, no encuentras nada bueno (en fin, la historia de todos los días).

El sitio web del Partido Popular, logra una puntuación de 3,5 en el modo estándar y 2,2 en el modo estricto.

He abierto el código fuente y no he podido explorar el código durante mucho tiempo: el encontrarme 16 etiquetas <img /> metidas en el <head /> me ha producido un repelús tremendo. ¿A quién se le ocurre meter imágenes en el <head />? ¿Dónde habrá estudiado el que ha hecho esta página? ¿O es el típico caso de "mi sobrino te hace el sitio web por cuatro euros"?

El sitio web del PSOE, logra una puntuación de 4,9 en el modo estándar y 2,5 en el modo estricto. No está mal, casi un aprobado, aunque tiene guasa el banner que tienen ahora mismo puesto, hecho con Flash (tope accesible) en el que pone "3 de diciembre, Día Internacional de las Personas con Discapacidad, Trabajar por la igualdad de oportunidades". Parece que cuando hicieron el sitio web no trabajaron mucho por la igualdad de oportunidades.

El sitio web de UPyD, logra una puntuación de 3,4 en el modo estándar y 2,4 en el modo estricto.

El sitio web de Izquierda Unida, logra una puntuación de 5,1 en el modo estándar y 3,4 en el modo estricto. No está mal, los únicos que aprueban.

[Actualización 10/1/2012]
He publicado el informe Breve análisis de la accesibilidad de los sitios web de los principales partidos políticos de España que añade un poco más de información a estos resultados.