Tipografía web, ¿mejorará la accesibilidad?

La tipografía web (web typography) ha sido durante muchos años un punto débil del diseño web.

Los diseñadores de otros medios tradicionales, cuando empezaban en la Web querían emplear alguno de los cientos de tipos de letra que estaban acostumbrados a usar, y los programadores contestaban que no podían.

Los clientes pedían a gritos usar tal o cual tipo de letra que tenían en su ordenador y era muy difícil hacerles entender que no era posible, que había que utilizar y limitarse a Arial, Courier, Times New Roman, Verdana y poco más.

¿Qué problemas había con los tipos de letra?

Primero, no todos los ordenadores disponían (y disponen, ya que sigue igual en la actualidad) de los mismos tipos de letra y no existía un método para que se pudiese descargar y utilizar un tipo de letra que no existiese en el ordenador de forma transparente al usuario. Este problema se resolvió hace tiempo, pero la mayoría de los programadores y diseñadores lo desconocían (y muchos, la mayoría, lo desconocen todavía).

Segundo, no existía (ni existe) un formato de tipo de letra estándar y admitido por todos los dispositivos y sistemas.

Tercero, los tipos de letra tienen copyright, existe un comercio de tipos de letra, y no se pueden utilizar "libremente". Si se quería utilizar un tipo de letra "exótico" era necesario pagar una licencia.

Para solventar este problema, se emplearon todo tipo de técnicas, como poner una imagen con el texto o usar Adobe Flash para mostrar un texto. Pero estas técnicas  penalizaban la indexación del contenido de las páginas (el famoso SEO) y eran muy innaccesibles: para un ciego, el texto en una imagen no existe, a no ser que se proporcione un texto alternativo.

A su vez, para solucionar estos problemas, se desarrollaron unas técnicas llamadas reemplazo de imágenes (image replacement), como por ejemplo Fahrner Image Replacement, que lo que hacían era colocar un texto y encima, tapando el texto, una imagen con el texto mostrado con el tipo de letra que quería el diseñador.

Pero estas técnicas eran complicadas y artificiales, requerían mucho trabajo por parte del programador, en algunos casos eran incompatibles entre navegadores y no existía la técnica "perfecta" (siempre había alguna desventaja importante).

Afortunadamente, este panorama parece que va a cambiar y eso redundará en una mejora de la accesibilidad de las páginas web. Parece que los escollos que existían para poder descargar los tipos de letra se han solucionado con Web Open Font Format, un formato de tipo de letra específico para la Web.

Si, además, le sumamos que ya existe una gran variedad de tipos de letra de mucha calidad y gratuitos, como por ejemplo 10 Great Free Fonts for @font-face embedding o 40+ Excellent Freefonts For Professional Design, parece que ya tenemos la solución completada. ¿O no?

Por último, un par de artículos que nos orientan a la hora de crear (o elegir) una tipografía:

• On Web Typography
• Real Web Type in Real Web Context

Falta de accesibilidad en las páginas web de 9 grandes empresas españolas

El CERMI ha publicado la noticia El CERMI denuncia a 9 grandes empresas por falta de accesibilidad de sus páginas de Internet en la que denuncia que las páginas oficiales de Internet de nueve grandes empresas españolas presentan graves problemas de accesibilidad.

Las empresas denunciadas son Corporación RTVE, Grupo Santander, Iberia, Alcampo, Grupo Avanza, Jazztel,  Orange, Endesa y Gas Natural.

[Actualización 07/12/2010] Otra noticia relacionada con este estudio: Las webs de las grandes empresas del mercado español son poco accesibles.

8th International Cross-Disciplinary Conference on Web Accessibility

Del 28 al 29 de marzo de 2011 se celebrará en la India el 8th International Cross-Disciplinary Conference on Web Accessibility. Este es uno de los congresos más importantes a nivel mundial que se celebra sobre la accesibilidad web y se celebra junto con el 20th International World Wide Web Conference.

El tema de este año es Crowdsourcing the Cloud: An Inclusive Web by All and For All?. El plazo de envío de artículos termina el 10 de enero de 2011.

Web Design World 2010

Web Design World 2010 es un interesante congreso que se celebrará en Las Vegas del 18 al 20 de octubre. En su programa podemos encontrar dos sesiones relacionadas con la accesibilidad web:

20/10/2010

Bringing Together Usability and Accessibility in Design Practice

Shawn Lawton Henry

With one set of techniques you can make your website and web applications more usable and effective for more people in more situations -- including older users, people with disabilities, people using mobile devices, and everyone. In this session you'll get guerrilla techniques to implement in your design practice now.

Accessibility Today: The Latest Standards and Guidelines

Shawn Lawton Henry

Get up to date on developing standards WCAG, WAI-ARIA, UAAG, and ATAG from W3C WAI, and the new Section 508 standards, along with a summary of new requirements and practical guidance on finding the information you need. Learn to use them to design for older users, mobile users, and others.

Cómo crear una página para iPad

La página web 10 recomendaciones para diseñar una web para un iPad ofrece 10 consejos para crear páginas web que sean usables desde el iPad.

En realidad, estos consejos son útiles para cualquiera de las tabletas que ya existen en el mercado o que van a salir. Y también son útiles para los teléfonos móviles, ya que la convergencia entre unos y otros es cada mejor.

Además, en general, estos consejos lo que hacen es que las páginas sean más accesibles, que se puedan usar desde cualquier dispositivo o por cualquier usuario.

Los consejos son:

1. Podemos hacer un mayor uso del scroll
2. Mayor separación entre enlaces
3. Resolución de las fotografías
4. Espacio para “scrollear”
5. Uso del flash
6. Qué queda por encima y qué queda por debajo del scroll
7. Desplegables, radio button, check boxes…
8. Inserción de dato
9. Uso de nuevos estándares para los dispositivos táctiles
10. Testea tu página con tus usuarios reales

Congreso Internacional de Accesibilidad Web SIDAR 2010

Del 20 al 22 de octubre se va a celebrar en Logroño el Congreso Internacional de Accesibilidad Web SIDAR 2010. El programa del congreso es muy interesante, ya que hay sesiones sobre WCAG 2.0, sobre metodologías de revisión y sobre ARIA:

20 de octubre de 2010

9:00 a 9:30

Acreditación

9:30 a 9:45

Inauguración

Acto inaugural a cargo de:

• Presidente de la Comunidad Autónoma, Don Pedro Sanz Alonso;
• Consejero de Administraciones Públicas y Política Social, Don Conrado Escobar Las Heras;
• Gerente del THINK-TIC. Don Manuel Peiró.
• Presidente de la Fundación Sidar. Don Loïc Antonio Martínez Normand.

9:45 a 10:15

Trayectoria del SIDAR y presentación de las Jornadas

Se presentaran los 14 años de actividad Seminario SIDAR así como los objetivos y espíritu de las Jornadas 2010.

10:15 a 11:45

Módulo 1: WCAG 2.0 Armonización

Los ponentes invitados tratarán los retos de la implementación de la versión 2.0 de las WCAG y de actualización de normativa y legislación.

• Loïc Martinez Normand Presidente SC8 CTN 139 de AENOR.
• Elena Muñoz Salinero Jefa de Área de Sistemas Telemáticos S.G de Coordinación y Estudios, D.G. para el Impulso de la Administración Electrónica, Ministerio de la Presidencia.
• Jorge Fernades. Gobierno portugués, Ministerio de Comunicaciones de Portugal.

11:45 a 12:15

Café

12:15 a 14:00

Empresas y Entidades en vanguardia

Las empresas y entidades invitadas presentarán los avances en la aplicación de las nuevas tecnologías web y su conformidad con la accesibilidad:

• ESI,
• ADER (Subvenciones en políticas de accesibilidad),
• Agencia del Conocimiento y la Tecnología,
• THINK-TIC.

14:00 a 15:30

Comida

15: 30 a 17:00

Nada sin el usuario

Usuarios de diverso tipo expondrán sus experiencias en Internet, las barreras que encuentran y sus estrategias de navegación. Moderado por: Javier Romañach

17:00 a 17:30

Café

17:30 a 18:30

Conferencia: Implementando las WCAG 2.0

Conferencia a cargo de Shadi Abou-Zahra: Director de la Oficina de Programas Internacionales del W3C-WAI, Presidente del Grupo de Trabajo sobre herramientas de evaluación y reparación (ERT WG), miembro del grupo sobre envejecimiento, educación y armonización (WAI-AGE).

21:00 en adelante

Cena de pinchos riojanos por la zona de tapeo de Logroño. Cena de inauguración para todos los participantes.

21 de octubre de 2010

9:00 a 11:00

La tarea de revisión a la luz de las WCAG 2.0

Se presentarán herramientas y metodologías para llevar a cabo la revisión de la accesibilidad en la aplicación de las WCAG 2.0:

• TAW. Jesús García Fundación CTIC
• HERA. Carlos Benavides
• HERA FFX: Loïc Martínez Normand
• Metodología de la revisión. Shadi Abou-Zahra. Director de la Oficina de Programas Internacionales del W3C-WAI

11:00 a 11:30

Café

11:30 a 14:00

Accesibilidad en la Formación

Se tratará la urgencia de la accesibilidad en el e-learning y en los LMS utilizados en las universidades y centros de formación europeos e iberoamericanos, así como la utilización de tecnologías web 2.0 en la formación.

• AENOR: Norma de Calidad en la formación Online.
• Carlos Casado. La experiencia de la UOC
• Alejandro Rodríguez Ascaso. Situación y futuro en Europa
• Silvia Margarita Baldiris. Diseño instruccional semiautomatico, personalizado y estandarizado para ambientes virtuales de aprendizaje.
• Carlos Neri. Uso de Tecnologías 2.0 en Formación

14:00 a 15:00

Comida

15:00 a 15:30

Taller web móvil a cargo de Fundación CTIC

15:30 a 17:30

Formación en accesibilidad

Se presentarán distintas perspectivas y experiencias (casos de éxito) de la formación en accesibilidad web, desde la empresa, la Universidad y la Administración Públicas en Iberoamérica.

• Acreditación de la Junta de Andalucía para sitios web de salud. Ángela Escobar Ubreva.
• Un caso de éxito: El binomio UPM - SIDAR: Jose Luis Fuertes.
• Retos de formación sobre las WCAG 2.0. Emmanuelle Gutierrez Restrepo.
• VAPOR: Juan Gabriel Sáenz

17:30 a 18:00

Café

18:00 a 19:00

Conferencia: Accessible Rich Internet Aplications (ARIA)

Conferencia a cargo de Lisa Seeman, Experta internacional en interoperabilidad, accesibilidad, Web semántica y protocolos Web. Lisa fue el primer autor y editor de la Accessibility for Rich Internet Applications (WAI-ARIA) Suite, la cual brinda ontologías de roles, estados y propiedades que definen elementos de interfaz de usuario accesibles y puede mejorar la accesibilidad e interoperabilidad de contenidos y aplicaciones Web.

21:00

Cena de Gala: Visita a bodega, cata y Cena de Gala en el Museo del vino. Fundación Vivanco (Briones)

Durante la cena se anunciará el fallo de la Mención Sidar 2010 y se hará entrega de los galardones.

22 de octubre de 2010

9:00 a 11:00

Diseño y Usabilidad

Los ponentes tratarán temas relativos a la minería de datos y el rediseño web accesible.

• Yuseff Hassan
• Fran Tarifa
• Daniel Torres Burriel
• Albert Knaff

11:00 a 11:30

Café

11:30 a 12:30

Rediseño de SIDAR

Se presentará el nuevo diseño web de SIDAR y las novedades que ofrecerá el sitio a todos sus miembros y usuarios.

• Mario Carvajal
• Marcel Zuidhof

12:30 a 16:00

Talleres SIDAR

Los asistentes reunidos en diversos grupos determinan cuál ha de ser la labor de cada grupo de interés del SIDAR durante el año 2011 y eligen al coordinador para ese período. La comida será por tanto una comida de trabajo.

16:00 a 17:00

Speaker's corner

Espacio interactivo para la presentación en pantallas multitáctiles de buenas prácticas web en accesibilidad, portafolios de los asistentes, casos de uso y experiencias positivas.

17:00 a 17:30

Café

17:30 a 18:30

Conferencia de Clausura

A cargo de Guillermo Fesser.

18:30 a 19:00

Clasura

Se presentarán las conclusiones de los talleres, se anunciará el lugar de celebración de las próximas Jornadas y las autoridades locales clausurarán el congreso.

20:00 en adelante

Networking. Se llevará a cabo en "La casa de la imagen".

¿Cuál debería ser la longitud mínima/máxima del texto alternativo?

Sobre el uso del texto alternativo ya he escrito en numerosas ocasiones anteriores, como por ejemplo:

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

Según el punto 13.8 Cómo especificar texto alternativo de la especificación de HTML 4.01, el texto alternativo se emplea como contenido cuando el elemento no puede ser representado normalmente.

El uso de un texto alternativo inadecuado se encuentra entre los principales problemas que encuentran las personas ciegas cuando navegan por un sitio web.

¿Cuál debería ser la longitud mínima/máxima de un texto alternativo? El artículo What should be the minimum / maximum length of alternate text? nos proporciona algunas pistas. La conclusión es que, independientemente de lo que dicen algunas guías actuales en las que se fija un número máximo de palabras (sobre 100), el texto alternativo debería ser tan largo como sea necesario para cumplir su función, que es proporcionar un equivalente que sustituya a una imagen en un contexto dado.

Por último, sobre cómo es mostrado el texto alternativo en los navegadores actuales, las páginas How should Web browsers render alternate text?  y alt and title content display in popular browsers proporcionan un análisis muy completo e interesante.

Curso sobre diseño web

La Universidad Politécnica de Valencia, a través del Centro de Formación Permanente organiza el curso Taller 2: Diseño web. Aunque es un curso general sobre diseño de páginas web, según su temario explicarán algo sobre accesibilidad web.

El curso se inicia el 10/01/2011 y su contenido es:

• Concepción y puesta en marcha de una página Web.
• Especificaciones del proyecto director.
• Análisis de necesidades.
• Diseño de interfaces.
• Selección y edición de recursos.
• Montaje.
• Análisis desde el punto de vista de la accesibilidad, usabilidad y posicionamiento en buscadores.
• Puesta a punto y evaluación.

Curso sobre accesibilidad y estándares web

La Universidad Politécnica de Valencia, a través del Centro de Formación Permanente organiza el curso Accesibilidad y estándares web.

El curso se inicia el 9/11/2010 y su contenido es:

• Conceptos básicos sobre accesibilidad.
• Importancia de la accesibilidad.
• Directrices de la CCEE sobre accesibilidad y obligatoriedad en sitios Web oficiales.
• Iniciativa WAI.
• Componentes y pautas para hacer accesible un sitio Web.
• Plan de implementación.
• Herramientas de evaluación.
• Casos prácticos de implementación y evaluación.
• Buenas prácticas para Internet móvil.

Comunicarse con la mente

Ya he comentado varias veces en este blog los avances que se están desarrollando en el área de controlar el ordenador con la mente (En la próxima década llegará el control telepático de los ordenadores).

En el periódico El País se ha publicado la noticia Un experimento traduce señales cerebrales a palabras. La noticia dice:

Es el viejo sueño de comunicarse con la mente sin abrir la boca. Un equipo de científicos de la Universidad de Utah ha dado un nuevo paso al demostrar la viabilidad de traducir las señales cerebrales correspondientes a palabras pensadas en palabras escritas en un ordenador. Han utilizado dos mallas de 16 microelectrodos implantados bajo el cráneo y encima del cerebro, sin penetrarlo. Es tan solo una promesa, el método es invasivo y necesitará muchas mejoras y ensayos clínicos antes de convertirse en un traductor para pacientes gravemente paralizados y sin capacidad de hablar (por infarto cerebral, trauma o esclerosis lateral amiotrófica), explica Bradley Greger , profesor adjunto de Bioingeniería de la citada universidad.

Los investigadores colocaron unos nuevos minúsculos electrodos -microECoG- sobre el centro cerebral del habla (en el área que controla los movimientos faciales y la gran desconocida área de Wernicke, ligada al lenguaje y comprensión de la lengua) de un voluntario con ataques epilépticos severos durante cuatro días.

Son una versión reducida de los grandes electrodos empleados en electrocorticografía, desarrollados hace medio siglo. Separados por un milímetro, no necesitan penetrar en el cerebro y se consideran seguros para colocarlos en el centro del habla. Hasta ahora, en experimentos para controlar ordenadores o brazos artificiales, los electrodos convencionales se tenían que implantar en el interior del cerebro, con la desventaja añadida de que registran demasiadas señales cerebrales para una correcta descodificación.

Mientras el paciente leía varias veces cada una de las 10 palabras que podrían ser útiles a una persona con parálisis (sí, no, caliente, frío, hambriento, sediento, hola, adiós, más y menos) se registraron débiles señales cerebrales generadas por unas pocas miles de neuronas. Los investigadores observaron las señales del cerebro que representaban cada una de las 10 palabras. Al comparar pares de palabras (sí y no) pudieron distinguir la señal empleada por cada una de las palabras entre el 76% y el 90% de ocasiones. Cuando se examinaron simultáneamente 10 patrones de las señales, los aciertos fueron de entre el 28% y el 40%, casi cuatro veces mejor que el azar. No son resultados "suficientemente buenos para que un dispositivo traduzca los pensamientos de una persona con parálisis", afirma Greger. Estos pacientes suelen comunicarse con leves movimientos de pestañas o dedos.

El trabajo se publica en la revista científica Journal of Neural Engineering. El equipo de Greger prepara nuevos experimentos con mallas de mayor tamaño y de 121 microelectrodos para obtener más datos y, por tanto, más palabras, así como mejor precisión.

10 herramientas para revisar la accesibilidad web

En la página web 10 Tools for Evaluating Web Design Accessibility podemos encontrar 10 herramientas que ayudan a analizar la accesibilidad de una página web.

En esta página también se apuntan los beneficios que ofrece mejorar la accesibilidad web:

Testing for web accessibility (how usable a website is by individuals with disabilities) is an often neglected part of web design and development. Web accessibility is important not only because your content will reach a wider range of audience, but also because correcting web accessibility issues have secondary benefits such as cleaner and more semantic code and better indexibility on search engines.

Las herramientas analizadas son:

1. Firefox Accessibility Extension
2. aDesigner
3. EvalAccess
4. WebAnywhere
5. Web Accessibility Inspector
6. Vischeck
7. Accessibility Color Wheel
8. Colour Contrast Analyser
9. TAW Web Accessibility Test
10. Web Accessibility Toolbar
    

Los ciegos pueden usar los dispositivos táctiles

El artículo Giz Explains: How Blind People See the Internet da una pequeña explicación sobre cómo perciben y navegan por Internet las personas ciegas.

Lo más interesante es la reflexión que hace sobre los nuevos dispositivos táctiles: según el autor de este artículo, un teléfono o tableta digital con el software adecuado es, para un ciego, más fácil y útil que un ordenador tradicional. Curiosa reflexión.

It's really a two-part question, so let's start with the fun half. The rise of the touchscreen gadgets, flat, featureless panels they are, is actually great news for blind folks. Let me put that another way: If you're unable to see, the iPhone, with its virtual buttons and complete lack of tactile feedback, is actually easier to use than, say, a BlackBerry, with its dozens of buttons. Weird! Well, not really.

Part of the story here is software. iPhones (and now Android phones) have sophisticated text-to-speech functionality, without which they'd be useless to the vision-impaired. BlackBerry phones, on the other hand, basically don't.

But even if RIM released an update to all their button-based phones giving them flawless screen-reading abilities, they couldn't measure up to a touchscreen device.

When you use a BlackBerry (or a Mac, or a PC) your sense of place is defined by sight. You move with a cursor, or a highlighted menu item. Then you click. And for the same reason web layouts aren't very helpful to a blind person, the cursor paradigm—hell, the whole button-input paradigm—sucks. With a touchscreen, though, your fingers provide your sense of place. iPhone users can turn on the VoiceOver function, tap anywhere, and hear a narration of what's happening. Tap the upper left section of your screen, right near the volume switches, and a voice might read, "Camera app." Tap the bottom left, and you'll hear "Phone." With buttons, mice and keyboards, you're stuck back in that slow, linear screen-reading world. With touchscreens, a screen, and a piece of software, can actually be surveyed. Memorized. Used.

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?

Las personas zurdas tendrán que dejar de ser zurdas si quieren utilizar el nuevo iPhone

Leo con sorpresa en el periódico El País la noticia Las personas zurdas, principales perjudicadas por los problemas del iPhone 4. La noticia dice:

Los problemas de recepción de la señal telefónica del iPhone 4 debido a la ubicación de la antena en la armadura metálica que rodea al móvil han despertado las críticas de muchos clientes. Un colectivo particularmente afectado es el de las personas zurdas ya que la antena se halla en la parte inferior izquierda del aparato y la mejor solución que, por ahora, ofrece Apple es coger el teléfono de otra forma.
[..]
Lauren Milsom, del Left-Handed Club, que agrupa a 90.000 miembros, ha manifestado su enfado porque Apple haya sugerido que el 10% de la población, porcentaje de personas zurdas, deba adoptar una posición menos natural para emplear la última tecnología de la empresa. "Sugiero que Steve Jobs contrate a zurdos en el diseño y prueba de sus futuros aparatos". Para la portavoz de la entidad, resulta decepcionante que una empresa líder en el diseño y la innovación como Apple no haya pensado en los zurdos. "El teléfono debe ser rediseñado para solventar este problema".

¿Y qué ocurre con las personas con discapacidad? Muy acertado el comentario número 14 de Javier:

Todos hablan de los zurdos, pero ¿qué pasa con los que tenemos algún tipo de minusvalía que nos impide usar la mano derecha? Menuda solución de mal gusto y peor educación dio el Sr. Jobs contestando que sujetara el movil con la otra mano. No diría lo mismo si a el le faltara la suya. No me gusta la prepotencia de Apple, me gusta mucho el iPhone 4 pero creo que voy a elegir soluciones mejores y más económicas, la verdad es que ahora hay 4 o 5 modelos de otras marcas muy superiores.

Ejemplo de superación

En los encuentros digitales del periódico El Mundo ha habido uno muy interesante con Javier García Pajares, una de las 6.000 personas sordociegas que hay en España.

¿Cómo lee? ¿Cómo se comunica?

Leer lo hago en braille, que normalmente suele ser en el ordenador. Gracias a la línea braille que me sirve como monitor, me interpreta todo lo que aparece en pantalla con una serie de puntos en relieve. En cuanto a lo de comunicarme, lo hago en dactilológico, que es un sistema muy sencillo, ya que consta de un signo para cada letra y luego lo que se hace es signar en la palma de mi mano, letra por letra, y yo lo leo y contesto normal.

Curso de verano sobre accesibilidad web

La UNED junto con la Fundación Vodafone España organiza el curso de verano Accesibilidad Web y Aprendizaje para Todas las Personas. Los temas del curso son:

• Vida independiente de las personas con diversidad funcional en la Universidad
• Las necesidades de los usuarios y su participación activa en la actividad universitaria
• Accesibilidad al web, a las plataformas de elearning y a los materiales de aprendizaje: Introducción al formato DAISY y a la accesibilidad de los materiales multimedia
• El proyecto EU4ALL: Servicios TIC de apoyo a la diversidad
• Experiencia práctica en aula de informática

Sexta edición del curso "Experto en accesibilidad y usabilidad de contenidos web"

La Fundación Instituto Ciencias del Hombre junto con la Universidad de Alcalá de Henares organizan la sexta edición del curso Experto en accesibilidad y usabilidad de contenidos web. Los contenidos del curso son:

Acceso a la información
    * Tema 1. Distintos tipos de discapacidades: visual, auditiva, cognoscitiva y motora.
    * Tema 2. Barreras que presenta la Web a las distintas discapacidades. Simulaciones de discapacidad.
    * Tema 3. Herramientas y técnicas especiales de acceso.

Accesibilidad de contenidos Web
    * Tema 4. Herramientas de desarrollo.
    * Tema 5. Introducción a la Accesibilidad.
    * Tema 6. Directrices de Accesibilidad de la Iniciativa para una Web Accesible (WAI)
    * Tema 7. Aplicando las Directrices de Accesibilidad.
    * Tema 8. Análisis del grado de Accesibilidad.

Usabilidad y experiencia de usuario
    * Tema 9. Introducción a la Usabilidad.
    * Tema 10. Técnicas y métodos de evaluación de usabilidad y experiencia de usuario.
    * Tema 11. Metodologías de Diseño Centrado en el Usuario.

Legislación y Normativa Aplicable
    * Tema 12. Legislación y Normativa.
    * Tema 13. Beneficios adicionales de implantar soluciones accesibles.

Censura cuando se critica la accesibilidad

En la página 300puntos me censura por la forma de criticar la accesibilidad de una web se explica un caso de censura pública cuando un usuario critica la accesibilidad de un sitio web de una institución pública que debería ser accesible:

Una comunidad de diseñadores de Granada (300puntos.info) ha censurado mis críticas sobre la accesibilidad de una web de una institución pública por dirigirme al responsable de la misma. A algunos miembros de la comunidad no les ha gustado que informe del estado de la web al "cliente".
El día 12-05-2010 en el blog de 300puntos.info, una comunidad de diseñadores de Granada, se publico un comunicado de Globalpropaganda.com anunciando su último proyecto. La web hecha para el proyecto Biotree pertenece al Centro Andaluz de Medio Ambiente de la Universidad de Granada y la Junta de Andalucía. Con lo cual nos encontramos con una web de la que son propietarias dos instituciones públicas, entre ellas una universidad.
Al visitar Biotree, nada más entrar, me encuentro con una web que no cumple los mínimos principios de accesibilidad. Sin entrar en muchos detalles basta con decir que la página de inicio está hecha en flash y no ofrece ninguna alternativa textual.
Muy molesto e indignado publique un comentario en blog de 300puntos, criticando que se haga una web como esta para una institución pública. También envié un correo a los responsables de la web con una copia del texto de mi comentario. Después de varios comentarios más de otros usuarios e incluso de una respuesta de Globalpropaganda.com, defendiendo la accesibilidad de la web y acusándome de ofrecer mis servicios a su cliente, mis comentarios, han sido eliminados y se ha cerrado la publicación de más comentarios.

Un mono controla el brazo de un robot con su mente

La noticia Monkey Controls Advanced Robot Using Its Mind nos cuenta que investigadores de la Universidad de Pittsburg en Estados Unidos han enseñado a un mono a controlar el brazo de un robot con el pensamiento.

Además, he encontrado el siguiente vídeo:

 

Orca

Orca es un lector de pantalla (screen reader) y magnificar de pantallas (magnifier) para el software de escritorio GNOME.

Más información en la página de documentación.

La web 2.0 y la accesibilidad web

El artículo Los efectos de la orgía 2.0: falta de accesibilidad de Daniel Torres Burriel presenta una interesante reflexión sobre las famosas "redes sociales", que de sociales tienen poco ya que la mayoría dejan de lado a las personas con discapacidad, ya que son sitios web con graves problemas de accesibilidad:

Lo siento. Este no va a ser un post políticamente correcto. El cuerpo me pide dar caña. Y lo voy a hacer.
La orgía de la web 2.0 en la que estamos completamente sumergidos, y que está plagada de eyaculadores precoces multiplataforma (muy social, eso sí), nos trae de regalo una indecente y vergonzosa falta de accesibilidad. ¿Qué significa eso? Pues que detrás de todo el rollo de las plataformas sociales, de los espacios de participación, de la conjugación enfermiza el verbo compartir, se esconde una total y absoluta falta de sensibilidad humana. Así lo creo y así lo pienso.
¿Cuántos sitios sociales, de esos tan modernos, tienen un buen soporte para que todas las personas puedan disfrutar de sus características? ¿Están realmente preparados los sitios llamados “2.0″ para ser consumidos por personas con necesidades especiales?
Y voy más allá, ya que el cabreo me inunda. ¿Habéis probado alguna vez a navegar como lo hace una persona con baja o nula visión? ¿Alguien sabe lo que es un lector de pantalla?
No se si es el cabreo que tengo o que hoy lo percibo todo en negativo.

Cinco pasos simples hacia la accesibilidad web

Mucha gente se siente agobiada cuando intenta lograr que un sitio web (que ya existe o se plantea desarrollar) sea accesible. Las pautas del W3C, ya sea WCAG 1.0 o WCAG 2.0, son muy extensas, complejas y no proporcionan una pista de "por dónde empezar". Lo más simple que ofrece es la Guía breve para crear sitios web accesibles, pero no explica mucho:

• Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
• Mapas de imagen: Use el elemento map y texto para las zonas activas.
• Multimedia: Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.
• Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".
• Organización de las páginas: Use encabezados, listas y estructura consistente. Use CSS  para la maquetación donde sea posible.
• Figuras y diagramas: Describalos brevemente en la pagina o use el atributo longdesc.
• Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
• Marcos: Use el elemento noframes y títulos con sentido.
• Tablas: Facilite la lectura línea a línea. Resuma.
• Revise su trabajo: Verifique. Use las herramientas, puntos de comprobación y pautas de http://www.w3.org/TR/WCAG.

El artículo 5 Basic Steps Towards Website Accessibility ofrece cinco consejos sencillos:

• Add alt attributes
• Add skip links
• Provide focus for keyboard navigation of links and forms
• Use meaningful text for your links
• Think about color
  

Fire Vox

Fire Vox es una extensión para el navegador Mozilla Firefox que proporciona la capacidad de lector de pantallas. Además de las características típicas de un lector de pantallas, como son identificar los encabezados, los enlaces, las imágenes, etc., Fire Vox proporciona soporte para MathML y para las características de voz de CSS (CSS Aural).

Fire Vox funciona en Windows, Macintosh, and Linux.

Una página web hecha por un ciego

He encontrado el sitio web Acceso para todos que está realizado por una persona ciega. ¡Sorprendente!

10 ideas para mejorar la accesibilidad web en tu blog

Consejos para lograr que un blog sea más accesible: 10 ideas para mejorar la accesibilidad web en tu blog. Nada nuevo, pero conviene recordar estos consejos básicos de vez en cuando:

1. Escribe texto alternativo.
2. Identifica el idioma principal y los cambios de idioma.
3. Usa un lenguaje sencillo y sin errores de ortografía.
4. Escribe títulos en cada página y escribe metadata.
5. Evita transmitir información a través del color (únicamente).
6. Diseña bonito, pero con el contraste suficiente.
7. Utiliza diseños en CSS y evita toda maquetación con tablas.
8. Sé bueno con las tablas y márcalas como Dios manda.
9. No te duermas a la hora de marcar la estructura.
10. Declara el tipo de documento.

¿Está fallando la accesibilidad?

Acabo de encontrar el artículo Kill Accessibility, donde el autor nos dice que la accesibilidad está fallando por diversas razones.

Aunque se conozca WCAG 1 y WCAG 2, aunque se utilicen validadores y aunque se cumplan todos los puntos de verificación, si no somos usuarios de las ayudas técnicas (como lectores de pantalla o líneas braille), nunca estaremos seguros de que nuestro sitio web es accesible.


Además, está el problema del "dinero": realizar un test de accesibilidad cuesta dinero, contratar a personas con conocimientos de accesibilidad cuesta dinero, etc. Pero las empresas no ven el retorno de inversión (ROI). Así que al final, ¿para qué preocuparse por la accesibilidad?

El autor propone algunas soluciones, como eliminar las listas de verificación e incluir las paturas de WCAG en las propias especificaciones de HTML y CSS, de forma que sea algo "natural" su uso.

Un ojo cibernético

Acabo de leer en El País la noticia El pintor que oye colores. Según la noticia, Neil Harbisson ve el mundo en blanco y negro porque padece acromatopsia, una afección hereditaria e irreversible que le impide ver los colores: sólo son percibidos los colores blanco y negro. Según esta persona:

Yo no veo los colores, los oigo. Mi eyeborg convierte cada color y cada matiz en una nota musical, así que para mí la percepción del color es una experiencia sonora y no visual.

En la próxima década llegará el control telepático de los ordenadores

Acabo de leer en el periódico El País la noticia En la próxima década llegará el control telepático de los ordenadores. Ya he escrito en otras ocasiones sobre este tema:

• El control mental del ordenador avanza con pasos de gigante (30/06/2008)
• Control mental: ya lo podemos comprar (30/12/2009)
• Otra noticia más sobre el control mental del ordenador (01/02/2010)

En este nueva noticia, Michio Kaku, catedrático de Física Teórica de la Universidad de Nueva York, augura que:

[...] en la década de 2020 puede llegar la era del control telepático de los ordenadores. Ya existen algunos interfaces cerebrales que permiten ciertas acciones básicas, pero Michio Kaku espera que en los próximos años sea posible fotografiar los sueños mediante imágenes funcionales del cerebro.

El control telepático o mediante la mente del ordenador supondrá una gran ayuda para todo el mundo y en especial para algunos grupos de usuarios con discapacidad que no pueden emplear los dispositivos usuales como el teclado o el ratón.

Curso sobre usabilidad de aplicaciones interactivas

Del 31 de mayo al 2 de junio de 2010 en el Instituto Tecnológico de Informática de Valencia se celebrará el curso Usabilidad de aplicaciones interactivas. El programa del curso es:

• Métodos de evaluación de usabilidad
  • Evaluación heurística
  • Tests de usuario
• Usabilidad y ciclo de vida del software
  • Diseño centrado en el usuario; técnicas (prototipado; card-sorting; "personas", etc.).
  • Usabilidad en los ciclos de vida del software
• Otras disciplinas
  • Usabilidad no-web
  • Usabilidad y accesibilidad
  • Usabilidad y arquitectura de la información

Las web de las grandes compañías suspenden en accesibilidad

Acabo de leer la noticia Las web de las grandes compañías suspenden en accesibilidad. La noticia se hace eco de un estudio realizado por Technosite y el CERMI en el que se ha estudiado la accesibilidad de los portales web de 29 empresas españolas.

La noticia dice:

Según el 'Observatorio de Accesibilidad de las Páginas de Internet de las empresas españolas', al igual que en 2009, "la gran mayoría de los sitios web de las principales empresas del mercado español, objetos de este estudio, no llegan al nivel de cumplimiento requerido por la legislación española, caracterizándose por un bajo nivel de accesibilidad".

Este informe de resultados, realizado por Technosite y promovido por el Comité Español de Entidades Representantes de la Discapacidad (Cermi), ha estudiado 29 portales web pertenecientes a las principales empresas del mercado español, clasificados en seis grandes sectores: Finanzas, Distribución, Suministradores, Comunicación, Telecomunicaciones y Transporte.

En este estudio, que ha contado con el patrocinio del Imserso y de la Fundación ONCE, se dan a conocer y se destacan, además de los niveles de cumplimiento respecto a las pautas de accesibilidad vigentes, las prácticas favorables y las principales barreras de accesibilidad e impedimentos detectados en el análisis de los portales web.

El resultado de este análisis, que es el que se debe tener como referencia a la hora de cumplir con la legislación actual en materia de accesibilidad, destaca que, en relación al estudio previo de 2009, los resultados son muy similares, siendo el promedio total de accesibilidad (36,78%), no mucho mayor al obtenido en 2009 (34,18%).

También destacan en la clasificación de accesibilidad los mismos cuatro portales que ya lo hacían en 2009: Iberdrola, Mercadona, Vodafone y La Caixa, evidenciándose una mejora en el porcentaje de éxito de cumplimiento. Además, la actualización de los portales de BBVA y de la Empresa Municipal de Transportes de Madrid ha contribuido a aumentar el porcentaje de accesibilidad alcanzado, aunque en el segundo caso no supere el 50%.

Así, los sitios web, que se sitúan por debajo del 50% de cumplimiento, han sufrido, excepto en casos muy concretos, pocas variaciones con respecto al análisis previo de 2009, que se justifican por cambios en algunos elementos de los contenidos.

Por tanto, en cuanto a los resultados del análisis técnico de accesibilidad en los sitios web evaluados, los que cumplen la legislación vigente, con un nivel de éxito de los requisitos de accesibilidad analizados entre el 100% y el 70%, son: Iberdrola (97,62%), Vodafone (95,12%), Mercadona (94,29%) y La Caixa (71,43%).

En el caso de los sitios web que cumplen moderadamente la legislación vigente, es decir, con un nivel de éxito de los requisitos de accesibilidad analizados entre el 70% y 50%, destacan: BBVA (68,57%), Unicaja (57,58%) y MAPFRE (56,76%).

El incremento del promedio total se debe al esfuerzo de dos sectores: finanzas, especialmente; y telecomunicaciones, en menor medida. Mientras que el resto de sectores ha bajado en porcentaje de cumplimiento, lo que no refleja un equilibrio en la mejora.

Por último, los sitios web, que se caracterizan por tener un nivel de accesibilidad bajo, con bastantes dificultades y barreras de acceso a los contenidos para las personas con discapacidad (con un nivel de éxito inferior al 50%) son: Alcampo (47,37%), Iberia (45%), EMTM (44,74%), Carrefour (38,64%), Endesa (35,71%), Telefónica (31,11%), MoviStar (30,23%), TVE (29,41%), Banco de Santander (25%), ABC (25%), Renfe (24,39%), Agbar (22,22%), Grupo Gas Natural (20,93%), El Mundo (20,45%), Jazztel (20%), Orange (18,60%), El País (18%), Eroski (14,71%), El Corte Inglés (13,64%), Grupo Avanza (12,50%), TMB (8,11%) y Telecinco (1,89%).

El informe 'Observatorio de Accesibilidad de las páginas de Internet de las principales empresas españolas (2ª entrega de 2010)' resalta el incumplimiento mayoritario del criterio referido a las imágenes en el sector de Comunicación, que representa a la prensa digital y que llega a ser bastante visual a la hora de mostrar contenidos. Es decir, las imágenes de las noticias no llegan a ser accesibles en la gran mayoría de los diarios digitales. Sin embargo, dentro de este sector, el portal con un mayor índice de accesibilidad es el de TVE.

En el sector de las Finanzas (entidades bancarias y de seguros), el portal de La Caixa mejora los resultados del análisis previo y continúa consiguiendo los mejores resultados del sector. En el lado opuesto, se encuentra el Banco de Santander, con un incumplimiento de accesibilidad del 25%. Este sector se ha convertido en 2010 en el sector con mayor éxito de cumplimiento en accesibilidad, con un porcentaje de 54,97% de cumplimiento.

En el entorno de Distribución, de nuevo el portal de El Corte Inglés, con una gran apuesta por la compra online, presenta los resultados más bajos de su sector; aún habiendo mejorado ligeramente los resultados de un 6,67% de cumplimiento en 2009 al 13,64% obtenido en este estudio, presenta importantes barreras de accesibilidad. Por otra parte, el portal de Mercadona consigue de nuevo los mejores resultados en este sector.

En cuanto al sector de Suministradores, con un 43,60% de éxito (ocupando el segundo puesto), el portal web de Iberdrola de nuevo obtiene el resultado de mayor cumplimiento, en la totalidad de la muestra; mientras que, algunos portales como el de Endesa, han bajado su nivel de accesibilidad. Y en el sector de las Telecomunicaciones, con un éxito del 38,21% de cumplimiento, el portal con mayor grado de accesibilidad es el de Vodafone, superando muy satisfactoriamente los resultados del análisis anterior, "que ya fueron buenos".

Según destaca el estudio, "llama la atención cómo los portales del sector de Transportes aún se encuentran todos por debajo del 50% de cumplimiento de los requisitos de accesibilidad, obteniendo los mejores resultados el de Iberia y el sitio web de la Empresa Municipal de Transportes de Madrid (EMTM), con página nueva, que se acercan al 50% de éxito".

El Observatorio de Infoaccesibilidad tiene como objetivo principal generar y difundir información sobre los niveles de accesibilidad en la web al interior de sectores específicos, a través de comparaciones intersectoriales y considerando su evolución en el tiempo.

El movimiento asociativo remitirá esta segunda entrega del informe a todas las empresas concernidas, pidiéndole en su caso adopten mejoras para hacer su web accesible con arreglo a la Ley. En el caso de que no actúen en un tiempo prudencial, denunciará a estas empresas ante el Ministerio de Sanidad y Política Social por infracción de la legislación en materia de igualdad de oportunidades y no discriminación de las personas con discapacidad, para que sean sancionadas económicamente.

Cómo actuar ante un sitio web inaccesible

En la página web Contacting Organizations about Inaccessible Websites del W3C se explica cómo actuar cuando se descubre una página web de una organización que es inaccesible. Se proporcionan consejos de los pasos a seguir y de cómo contactar con la organización para que resuelvan el problema.

¿Funcionan estos consejos? En la página web How to complain about inaccessible websites aplicaron estos consejos y el resultado no fue muy positivo, todo siguió igual.

Artículo sobre accesibilidad web en castellano

Accesibilidad Web es un artículo en castellano publicado en el año 2007 en la revista TRANS: revista de traductología. Está disponible para descargar en formato PDF.

El contenido del artículo es:

1. Introducción.
2. Necesidad de una web accesible.
3. Pautas de accesibilidad al contenido web.
4. Revisión de la accesibilidad web.
5. Conclusiones: mitos y realidades.
6. Bibliografía.

Referencia sobre accesibilidad web

El sitio web Web Design References de la University of Minnesota Duluth posee el apartado Accessibility dedicado a la accesibilidad web. La información que ofrece está organizada en las siguientes categorías:

• Abbreviations & Acronyms
• Accessibility Statements
• Accesskeys
• Assistive Technology
• Baseline
• Benefits
• Captcha
• Check Lists
• Cognitive Disabilities
• Color Accessibility
• Device Independence and and Graceful Degradation
• Definitions and Overviews
• Deprecated Features
• Flicker
• Forms:
  • (Default Place-Holding Characters,
  • Fieldset,
  • Labels,
  • Tab Index)
• Language
• Law, Lawsuits, Policies
• Mailto
• Multimedia:
  • (Captioning
  • Media Access Generator (MAGpie)
  • Streaming (live or real-time))
• Open Source
• Plugins, PDF, PowerPoint, etc
• Relative Sizing
• Scripts
• Skip Links
• Structure
• Style Sheets
• Tables
• Testing, Checking, Validating
• Text Alternatives
• Text Links
• Text Only Versions
• Tools (Accessibility)
• Usability and Accessibility
• W3C Guidelines
• Zoom Layouts
• Articles & Related Links

AbleData

AbleData es un sitio web donde podemos encontrar información sobre productos de apoyo (ayudas técnicas) para personas con discapacidad.

Estructura semántica de una página web en forma de grafo

La página web Semantic Webpage Structure as a Graph ofrece una utilidad muy interesante para analizar la estructura y contenido de una página web: un applet realizado en Java que dibuja un grafo coloreado en función de la semántica (las etiquetas) de una página web.
Esta herramienta puede ser muy útil, ya que permite obtener una representación visual de la estructura de una página web y analizar qué etiquetas se emplean.
Por ejemplo, a continuación se puede ver el grafo que ha dibujado a partir de mi sitio web http://accesibilidadweb.dlsi.ua.es/. Los colores utilizados son:

• Negro: elemento principal (html)
• Gris oscuro: cabecera (head)
• Gris claro: elementos de la cabecera (title, link, meta)
• Azul oscuro: cuerpo (body)
• Azul claro: elementos de bloque (div, p, blockquote)
• Azul-gris oscuro: enlace (a)
• Verde oscuro: lista (ul, ol, dl)
• Verde claro: elemento de lista (dd, dt, li)
• Violeta oscuro: script
• Violeta claro: imagen (img)
• Amarillo: formulario (form, input, textarea, ...)

BrowseAloud

BrowseAloud es un lector de pantalla destinado específicamente a leer el contenido de las páginas web. Esta disponible para Windows y para Mac.

En la página de descarga (Downloads) se puede comprobar su funcionamiento online.

¿Qué es un magnificador de pantalla?

Los magnificadores de pantalla (screen magnifiers en inglés) son un software o dispositivos hardware (por ejemplo, lupas) que permiten visualizar la pantalla con un considerable aumento en su tamaño, lo que supone una ayuda para las personas con problemas de visión: con estas ayudas técnicas, un usuario que posee algún residuo visual puede ver la pantalla del ordenador mediante el aumento del tamaño de la pantalla.

Algunos de los magnificadores de pantalla más importantes son:

Ampliador de Windows

Disponible en los sistemas operativos Microsoft Windows XP y Microsoft Vista.

Dolphin Lunar

Magnificador de pantalla.

Dolphin LunarPlus

Magnificador de pantalla que incluye también lector de pantalla.

MAGic

De los creadores del lector de pantalla JAWS, incluye múltiples opciones.

The Magnifier

Magnificador de área o pantalla completa, desde 1.1 a 40 niveles de aumento.

WinZoom Magnifier/Reader

Magnificador y lector de pantalla, con 8 tipos de zoom y 36 niveles de aumento.

WinZoom USB

Similar a WinZoom, pero disponible en una memoria USB para utilizar en cualquier ordenador sin instalación.

ZoomText

Desde 1 a 36 niveles de aumento, posee la tecnología xFont para aumentar sin pérdida de calidad el texto, incluye controles de color, contraste y brillo.

Más información: Magnificadores de pantalla

Repaso de la legislación sobre accesibilidad web

El número 11 de Juridicas (marzo de 2008) está dedicado íntegramente a la accesibilidad web y se hace un repaso de la legislación que se aplica a la accesibilidad web en España.

En este número se proporcionan las siguientes ventajas que ofrece desarrollar sitios web accesibles:

Se incrementa el número de potenciales visitantes. La eliminación de barreras de entrada a una web permite superar las limitaciones del usuario, captando nuevos usuarios.

Aumenta la usabilidad de la página. Si se consigue una página accesible, se aumenta considerablemente la usabilidad de la misma, con los beneficios que esto supone.

Se cumplen los estándares web. Esto implica que nuestra página web será visionada correctamente desde cualquier navegador.

Mejoramos la eficiencia y el tiempo de respuesta. Las páginas están limpias de código inútil o poco eficiente, “pesan” menos, por lo que el tiempo de carga es mucho menor.

Reducimos el coste de mantenimiento. Separar el diseño y los scripts del contenido favorecerá futuras modificaciones de la web.

Demuestra responsabilidad social. Ayuda a mejorar la imagen de nuestra empresa. La eliminación de barreras que dificulten el acceso a nuestra web demuestra una preocupación y atención hacia todos los clientes.

Accesibilidad web en Consumer Eroski

Acabo de encontrar el apartado Accesibilidad web de la revista Consumer Eroski. Es un monográfico dedicado a temas de accesibilidad web que contiene artículos muy interesantes.

Por ejemplo, me ha llamado la atención el artículo ¿Es lo mismo usable que accesible?, ya que hace tiempo que escribí varias entradas sobre este tema (¿Accesibilidad vs usabilidad?, ¿Accesibilidad, usabilidad, navegabilidad?).

En este artículo, la definición que se ofrece de usable es:

Una página web usable no es ni más ni menos que una página coherente con su objetivo: que la persona que navegue por ella lo haga con comodidad y facilidad, casi sin darse cuenta. Que encuentre rápidamente lo que busca y que le sea tan fácil entrar como salir.

Por otro lado, la definición que se ofrece de accesible es:

Accesible es aquello que asegura que las personas con alguna discapacidad puedan acceder a las cosas que la gran mayoría tiene a su alcance sin problemas. 

Pero aunque parezca que haya una cierta separación entre usabilidad y accesibilidad, el artículo finaliza con estas afirmaciones:

Y aunque estas dos disciplinas se han aplicado y considerado por separado, actualmente se entiende que son complementarias. Una web accesible mejora su usabilidad para todo el mundo.

Al final es fácil concluir que usabilidad y accesibilidad van de la mano a la hora de diseñar un sitio web, porque todos somos susceptibles de necesitar ayuda para navegar por él en un momento determinado.

Curso-taller "Introducción a la Accesibilidad y Usabilidad Web"

Presentaciones del curso-taller "Introducción a la Accesibilidad y Usabilidad Web" de Mario Carvajal:

• Módulo 1: Sensibilización
• Módulo 2: Buenas prácticas
• Módulo 3: Evaluación de la Accesibilidad Web

El sitio web de Vancouver 2010 no es accesible

Joe Clark, autor del libro Building Accessible Websites, ha realizado un estudio sobre la accesibilidad web del sitio web de las olimpiadas de invierno Vancouver 2010: Vancouver Olympics Web sites are inaccessible to disabled people.

Su análisis es bastante desalentador. Lo más curioso es que en 2004, John Furlong, director ejecutivo del Comité Organizador prometió hacer accesibles los sitios webs relacionados con los Juegos Olímpicos de Invierno de 2010. Pero parece que en Canada no existen todavía leyes que obliguen a que los sitios web sean accesibles.

Esto me recuerda a lo que ocurrió con el sitio web de los Juegos Olímpicos de Verano de 2000 en Sidney. Ahora mismo, este sitio web ya no existe, pero es accesible a través del proyecto Pandora de la National Library of Australia, que tiene como fin preservar para la posteridad los sitios web de gran interés. En el archivo de Sydney 2000 : official site of the Sydney 2000 Olympic Games, 15 September - 1 October 2000 podemos acceder al sitio web de aquellas olimpiadas.

Este sitio web fue denunciado por Bruce Maguire, una persona ciega residente en Australia. Su denuncia obligó al comité olímpico internacional y al comité olímpico australiano a modificar sus páginas para hacerlas accesibles. En mi entrada de hace unos meses El sitio web de Sidney 2000 no era accesible comento esta historia.

Taller sobre accesibilidad web

En Educa con TIC han reflotado el Taller de accesibilidad web que organizaron en junio de 2008 dentro del Congreso Nacional Internet en el Aula.

El contenido del taller es:

1. Módulo 1. Conceptos sobre la web como plataforma universal y accesible
2. Módulo 2. Legislación española actual sobre accesibilidad web
3. Módulo 3. Herramientas para el diagnóstico y evaluación de sitios web
4.  Módulo 4. Agentes de usuario: navegadores y ayudas técnicas

La administración investiga la web de tres grandes empresas por falta de accesibilidad

Acabo de leer en Solidaridad Digital la noticia La administración investiga la web de tres grandes empresas por falta de accesibilidad. La noticia dice:

El Ministerio de Sanidad y Política Social ha abierto actuaciones previas, paso anterior a la apertura en su caso de procedimiento sancionador, contra las páginas corporativas de Internet de El Corte Inglés, Aguas de Barcelona (Agbar) y Transportes Metropolitanos de Barcelona, para comprobar si cumplen la normativa vigente en materia de accesibilidad para personas con discapacidad.

Según informó el Comité Español de Representantes de Personas con Discapacidad (Cermi), la actuación ministerial obedece a una solicitud de esta entidad, que presentó denuncia por infracción de la obligación de accesibilidad que tienen los sitios de Internet de las consideradas grandes empresas.

La no accesibilidad de una página de Internet obligada por la normativa vigente a ser accesible constituye una infracción sancionable en sede administrativa, de acuerdo con la ley que establece el régimen de infracciones y sanciones en materia de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad, recuerda el Cermi.

Este comité explica también que el deber de ser accesibles afecta a las páginas de administraciones, organismos públicos y a las de las grandes empresas.

En 2009, el Cermi elaboró un informe sobre el grado de accesibilidad de 30 grandes empresas privadas que operan en 6 sectores de actividad considerados como de especial relevancia.

Con base en los resultados de este trabajo, el comité se dirigió a las empresas cuyas páginas no reunían condiciones de accesibilidad con arreglo a la ley, instándoles a subsanar sus deficiencias.

Aunque muchas de estas empresas adoptaron medidas para mejorar su accesibilidad y cumplir con la normativa, otras, sin embargo, como las denunciadas, no contestaron al requerimiento "ni consta que hayan avanzado en accesibilidad de sus sitios de Internet".

Ante estos hechos, el Cermi puso en conocimiento de la autoridad administrativa la situación de estas empresas y pidió que se les aplique la ley.

Seminario Iberoamericano sobre Accesibilidad Universal y ayudas técnicas para todos

Hoy comienza en Montevideo (Uruguay) el Seminario Iberoamericano sobre Accesibilidad Universal y ayudas técnicas para todos organizado por el Centro de Formación de la Cooperación Española en Montevideo.

Más sobre subtítulos automáticos

Hace un par de días escribí la entrada Subtítulos automáticos donde comentaba que YouTube tiene un nuevo sistema que permite crear subtítulos de forma automática a partir del audio del vídeo.

Buscando por YouTube he encontrado dos vídeos oficiales de Google donde se explica el nuevo sistema. Además he descubierto que el nuevo sistema también permite automatic timing: sincroniza de forma automática una transcripción de un vídeo con el audio del vídeo.


Google Announces Automatic Captions on YouTube: este vídeo, de casi 1 hora de duración, es la presentación oficial del nuevo sistema realizada en noviembre de 2009. Y aquí el anuncio oficial de Google: Automatic captions in YouTube.



Automatic Captions in YouTube Demo: este vídeo, de poco más de 2 minutos, es una demostración de las capacidades de subtitulado del nuevo sistema.

Enlaces que no son enlaces

Hace unos días, un amigo me pasó la web que le había hecho una empresa para su negocio. Le eché un vistazo de 5 minutos y encontré un error muy, muy grave de accesibilidad. Además, este error también era importante para el tema de buscadores y posicionamiento.

El error era que el menú o barra de navegación del sitio web se había implementado mediante etiquetas <div> con el atributo onclick y código JavaScript para simular la función de enlace. Para un usuario que utilice un lector de pantallas, para un usuario que utilice un navegador en modo texto o para un buscador, estos "enlaces" no existen y, por tanto, no se puede acceder al contenido del sitio web.

En mi ejemplo Enlaces que no son enlaces explico este error y proporciono dos posibles soluciones.