Tutorial sobre HTML5

En el sitio web del W3Schools, uno de los mejores sitios con información para el desarrollo web porque es precisa y está actualizada, podemos encontrar un tutorial y una guía de referencia sobre HTML5, la nueva versión del lenguaje de marcado HTML que se espera que se publique como recomendación por el W3C en el 2011.

Barreras para el acceso al contenido de las webs de universidades españolas

Acabo de encontrar el artículo Barreras para el acceso al contenido de las webs de universidades españolas. Aunque el artículo analiza diversas áreas de la interacción entre personas y sitios webs de universidades, presta especial interés a aquellos aspectos relacionados con la accesibilidad.

El estudio se basa en el análisis de 26 indicadores agrupados en los siguientes cuatro apartados:

1. Criterio político en el diseño. Se trata de reflejar factores y decisiones de los responsables de una universidad que, sin tener que ver directamente con el diseño, terminan por convertirse en problemas al acceso a la información de las páginas.
2. Legibilidad. Aspectos que influyen en la facilidad de lectura de los textos.
3. Diseño. Cuestiones relacionadas con el diseño propiamente dicho. Modo en el que se muestra la interfaz y los problemas que ello puede ocasionar para la transmisión de información.
4. Ayuda al acceso a la información. Las webs universitarias suelen ser sitios muy grandes, con lo que resulta vital la utilización de herramientas de ayuda al acceso a la información.

Uno de los indicadores es muy interesante:

21. Falsa Accesibilidad (Ayudas al tipo de letra y contraste). Es interesante que un usuario pueda modificar el tipo de letra, variar el contraste de los elementos de la página y controlar ciertos aspectos relacionados con la accesibilidad de la página. Sin embargo, el lugar apropiado para controlar dicha acción es el navegador web. El que la mayoría de navegadores web no implementen de manera fácil esas funciones no es razón suficiente para que los diseñadores hayan de incluir esas funcionalidades características del navegador en la propia página web (Heilmann, 2006). No obstante, normalmente es un problema menor, pues no se ocupa demasiado espacio en la página y se hace con intención de mejorar la experiencia de usuario. En otros casos no está tan clara la presencia de estos elementos, especialmente cuando no se ha realizado un trabajo de mejora de la Accesibilidad de la página pero pese a ello se incorporan, más por estar de moda o de aparentar una accesibilidad que realmente no tienen que a un verdadero interés en ayudar al usuario. Hemos penalizado a aquellas páginas que incorporan estas supuestas ayudas.

El artículo completo está disponible en la revista online Scire.

Ejemplos de uso del atributo longdesc

El atributo longdesc se emplea para ofrecer una descripción más larga del elemento que la proporcionada por el atributo alt. Las etiquetas de XHTML que admiten este atributo en la versión 1.0 son: img, iframe y frame. Su valor tiene que ser una Uniform Resource Identifier (URI), la dirección de un recurso en Internet.

Mientras que el atributo alt contiene el texto alternativo de la imagen, el atributo longdesc contiene una dirección de Internet a otra página web o a la misma página web donde se encuentra la descripción larga de la imagen.

En Serie "Guía breve": Figuras y diagramas se puede encontrar una explicación detalla de su empleo.

En Research: Longdesc se puede encontrar una compilación de sitios web donde se emplea el atributo longdesc.

Tabla periódica de HTML 5

Periodic Table of the Elements es una curiosa página donde se muestra, como si fuera la tabla periódica de los elementos químicos, el nuevo lenguaje HTML 5, que por ahora la última versión es un borrador del 24 de junio.

Los 104 elementos que posee por ahora HTML 5, más dos elementos adicionales que han sido propuestos pero todavía no incorporados en la especificación se agrupan en las siguientes categorías:

• Elemento raíz (html)
• Semántica a nivel de texto (span, a, b, i, q, ...)
• Formularios (form, select, meter, datalist, ...)
• Datos tabulados (table, caption, tr, th, td, ...)
• Metadados y scripting (head, title, meta, ...)
• Contenido agrupado (p, blockquote, hr, div, ol,  ...)
• Secciones de documento (section, header, h1, h2, ...)
• Elementos interactivos (menu, command, summary, details)
• Contenido incrustado (img, area, map, object, canvas, ...)

AViewer

AViewer es un software desarrollado por The Paciello Group que permite inspeccionar el contenido de una página web y ver el código HTML, los atributos ARIA y la información proporcionada por el navegador a los APIs de accesibilidad: MSAA, ARIA, HTML e IA2.

Uso del texto alternativo con HTML 5

El texto alternativo es la principal forma de lograr que la información visual sea accesible. Hace tiempo, escribí varias entradas donde explicaba el uso del texto alternativo:

• ¿Qué hace el atributo alt? (17/3/2006)
• El atributo longdesc (10/4/2006)
• Serie "Guía breve": Imágenes y animaciones (31/10/2007)
• Serie "Guía breve": Mapas de imagen (2/11/2007)

HTML 5, que se espera que sea una recomendación en 2011, traerá numerosas novedades y características que mejorarán la accesibilidad de las páginas web. En el borrador de HTML 5 podemos encontrar el apartado 4.8.1.1 Requirements for providing text to act as an alternative for images donde se explica cómo escribir un texto alternativo correcto. Además, el W3C también ha publicado el borrador del documento HTML5: Techniques for providing useful text alternatives donde se desarrolla (o se desarrollará, porque el documento está incompleto).

Los mecanismos disponibles en HTML 5 para proporcionar un texto alternativo son:

• El atributo alt del elemento img
• El atributo title del elemento img
• El atributo longdesc del elemento img
• Los nuevos atributos aria-labelledby y aria-describedby
• Los nuevos elementos figure y figcaption

Un ejemplo de uso del nuevo atributo aria-describedby es:

<p><img src="flowchart.gif" alt="Un diagrama de flujo que representa la reparación de una lámpara que no funciona." aria-describedby="d1"></p>

<p id="d1">Si la lámpara no funciona, comprobar que está conectada a la corriente.

Si no, conectarla. Si está conectada y todavía no funciona, comprobar que hay una bombilla.

Si no, colocar una bombilla. Si hay una bombilla, comprobar que no está quemada.

Si lo está, cambiar la bombilla. Si todavía no funciona, comprar una lámpara nueva.</p>

En el ejemplo anterior,el atributo aria-describedby contiene el identificador (atributo id) de un párrafo de texto que contiene la descripción detallada de la imagen.

Un ejemplo del uso de los nuevos elementos (etiquetas) figure y figcaption es:

<figure>

<img src="adan-eva.jpg" alt="Fotografía de la pareja de pinturas, donde Adán se sitúa a la izquierda y Eva a la derecha con la famosa manzana en su mano izquierda">

<figcaption>Adán y Eva, Alberto Durero (1507)</figcaption>

</figure>

En el ejemplo anterior se puede observar que se ha empleado el atributo alt para proporcionar una descripción de la imagen, mientras que la etiqueta figcaption proporciona el título, autor y fecha de creación del cuadro que representa la imagen.

Nuevos cursos sobre accesibilidad web

La empresa DRED (Diseño e Impartición de Recursos Educativos) ha firmado un acuerdo de colaboración con
ONCE – CIDAT y la Consejería de Empleo de la Junta de Andalucía para impulsar el desarrollo de recursos accesibles. En concreto, el objetivo es es el diseño de un plan de formación para potenciar la capacidad de los profesionales de realizar recursos accesibles. En este plan se explicará cómo crear recursos accesibles en HTML, Flash, Java y para las plataformas Windows y Linux.


Por ahora los cursos no se están impartiendo, pero es posible apuntarse para recibir más información.

El plan del Gobierno Australiano para adoptar WCAG 2.0

Web Content Accessibility Guidelines (WCAG) 2.0 alcanzó el nivel de recomendación en diciembre de 2008. Sin embargo, en estos dos últimos años poco se ha oído sobre su posible adopción por parte de los gobiernos.

El Gobierno de Australia, a través de la Australian Government Information Management Office (AGIMO) ha publicado el documento Web Accessibility National Transition Strategy en el que se propone un plan para asegurar que el contenido web del Gobierno es accesible según WCAG 2.0, ya que como podemos leer en este mismo documento, para finales del 2012, todos los sitios web gubernamentales (federales, estatales y locales) deben cumplir al menos el nivel A de WCAG 2.0, mientras que todos los sitios web federales deben cumplir el nivel doble AA para finales del 2014:

Australian governments at all levels have endorsed WCAG 2.0, and require all government websites (federal, state and territory) to meet the new guidelines at the minimum compliance level (Single A) by the end of 2012. In addition, the Australian Government requires all federal websites to meet the medium conformance level (Double A) by the end of 2014.

En el siguiente diagrama de flujo, se establece cómo decidir si un contenido web debe o no debe ser actualizado a WCAG 2.0:

Si el contenido se crea después de julio 2010, tiene que ser accesible según WCAG 2.0.
Si el contenido se creó antes de julio de 2010, si aún es actual, se tiene que actualizar a WCAG 2.0. Si no, si el contenido no es popular se tiene que archivar y retirar, pero si es popular, se tiene que actualizar a WCAG 2.0 sólo si no cumple WCAG 1.0.

El iPhone 4 mejora su accesibilidad

El otro día escribí la entrada Las personas zurdas tendrán que dejar de ser zurdas si quieren usar el nuevo iPhone. El título era un poco exagerado, pero reflejaba los comentarios y soluciones que se habían dado frente a un problema de recepción que tiene el nuevo iPhone 4.

Sin embargo, no todo son noticias malas sobre este nuevo teléfono, ya que según leo en Apple iPhone 4 Shows New Accessibility Features y he podido comprobar en la web oficial de Apple dedicada a la accesibilidad del iPhone 4, ofrece una serie de características que son envidiables y que no creo que ofrezca ningún otro teléfono actual. La información también está disponible en la web de Apple en español.

Las principales características que ofrece son:

• Lectura de pantalla con VoiceOver: En lugar de memorizar comandos de teclado o presionar teclas de cursor pequeñas, el iPhone 4 permite que se toque la pantalla para escuchar una descripción del elemento que está tocando el dedo.VoiceOver habla 21 idiomas y funciona con todas las aplicaciones incorporadas en el iPhone 4.
• Soporte para displays de Braille inalámbricos y para múltiples tablas de Braille: El nuevo iPhone 4 es compatible con más de 30 dispositivos braille inalámbricos bluetooth sin necesidad de software adicional. Además, el iPhone 4 incluye tablas braille para más de 25 idiomas.
• Mejoras de escritura: Touch Typing es un nuevo método opcional, tanto para las personas ciegas como para las personas con deficiencias visuales de escribir con el teclado en pantalla. Con Touch Typing se puede mover el dedo por encima del teclado y escuchar con VoiceOver cada letra en voz alta: al llegar a la letra que se desea, hay que levantar el dedo para seleccionarla.
• Zoom y ampliación: La opción Zoom en el iPhone permite ampliar toda la pantalla de cualquier aplicación hasta cinco veces su tamaño normal.
• Blanco sobre negro para mayor contraste: El iPhone 4 permite cambiar la pantalla a blanco sobre negro para obtener un mayor contraste, una excelente opción para los usuarios con un resto visual.
• Soporte para subtítulos: iPhone soporta la reproducción con distintos formatos de subtítulos. Los títulos aparecen en la pantalla al igual que los subtítulos se ven en la televisión.

Otra empresa que se apunta al control mental

Acabo de leer en el periódico El País la noticia Que la fuerza acompañe a los videojuegos. La noticia dice:

En Gamelab, la feria del Videojuego y el Ocio Interactivo que se celebra desde ayer y hasta mañana en el palacio de Congresos de Gijón, el protagonista es Neurosky, una empresa californiana que bien podría transformar al usuario en un guerrero Jedi. Su software único y casi telepático pretende revolucionar el mercado. "Se basa en sensores que captan y convierten los impulsos eléctricos cerebrales del jugador en acción en la pantalla del ordenador", cuenta David Westendorf, vicepresidente de Neurosky. "Mide los impulsos eléctricos cerebrales, pero también, cómo se mueven tus ojos o cómo reaccionan tus músculos".

Si se consulta la web de la empresa fabricante, parece que por ahora su dispositivo sólo permite medir el nivel de atención y concentración del usuario, aunque parece que en la última versión también permite detectar si el usuario parpadea los ojos.

No es la primera vez que aparecen noticias sobre el control mental del ordenador y ya he escrito varias entradas sobre ello, como Otra noticia más sobre el control mental del ordenador (1/2/2010) y Control mental: ya lo podemos comprar (30/12/2009).

Además de la empresa de esta noticia, Neurosky, la empresa emotiv también vende un casco para controlar un juego de ordenador. Todos estos dispositivos se podrían emplear como ayudas técnicas (tecnologías de apoyo) para que algunas personas con discapacidad puedan controlar fácilmente y con un costo reducido el ordenador. Sin embargo, todavía no he leído que haya gente investigando en el uso de estos dispositivos para ello.

¿Se convertirán estos dispositivos en el interfaz estándar para controlar el ordenador para todo el mundo? A corto plazo lo veo difícil. Por ahora, estos dispositivos requieren que el usuario se concentre, lo cuál impide que el usuario haga varias tareas a la vez. ¿Quién no ha estado hablando por teléfono, mientras escribía en el ordenador con una mano y con la otra se rascaba la cabeza?