Diseño interactivo para todos: usable y accesible

El próximo jueves 28 de diciembre se va a celebrar el evento Diseño interactivo para todos: usable y accesible en Buenos Aires (Argentina). El evento consiste en:

El evento Diseño Interactivo para todos: usable y accesible, constituye el puntapié inicial del Movimiento de Diseño Inclusivo.
Comenzaremos con 12 profesionales seleccionados por un jurado, que expondrán sus ideas, investigaciones y trabajos relacionados a:

• Metodologías de diseño centrado en el usuario
• Accesibilidad web
• Usabilidad

Para después, armamos un panel sobre usabilidad, accesibilidad y negocios, que incluye una demostración de accesibilidad en vivo.
Para el cierre, una inauguración: presentaremos el Movimiento de Diseño Inclusivo. Y, brindis por medio, invitaremos a firmar el Manifiesto de Diseño Inclusivo.

Se puede encontrar más información en el programa.

Cómo crear tablas complejas que sean accesibles

Dos vídeos muy interesantes que explican cómo crear tablas de datos en HTML que sean accesibles:

• Complex Tables: Part 1 
• Complex Tables: Part 2
  

Estos vídeos explican el empleo de elementos como abbr, scope, headers y id.

Más información:

• Ejemplo de tabla sencilla accesible
• Guía breve: 9. Tablas

¿Captcha accesible? No

Los captchas, esos pequeños acertijos que la mayoría de la gente rellena sin saber para qué, son pequeñas pruebas del tipo desafío-respuesta que se emplean para diferencias los ordenadores de los humanos. ¿Para qué? Para evitar algunos usos indebidos de la Web, como puede ser la obtención masiva de cuentas o la inserción de SPAM como comentarios en foros y blogs.

Hace tiempo escribí sobre el problema de accesibilidad que presentan las técnicas actuales de captcha, ya que con el objetivo de "ponérselo difícil a las máquinas", también se lo ponen difícil a muchas personas y en especial a algunos grupos de personas con discapacidad. En septiembre de 2007 escribí el artículo Los captcha y la accesibilidad web, donde explicaba qué es un captcha y los problemas que existen, y en junio de 2009 escribí el artículo Más sobre captcha y accesibilidad, donde habla de un captcha que su autor decía que era accesible, pero que presentaba el problema de la barrera idiomática que hacía que no fuese de aplicación universal.

En febrero de 2010 escribí un artículo sobre las Encuestas sobre uso de lectores de pantalla que realizó y publicó el WebAIM. En dichas encuestas, aparecían los captchas como uno de los "elementos más problemáticos (difíciles y confusos) de las páginas web".

Ahora acabo de encontrar la página web Accessible Captchas que también propone un método de captcha supuestamente accesible.

Al autor de este captcha parece que le interesa bastante el tema, porque también tiene otras propuestas de captcha, algunos bastante rebuscados (probar una demo).

Accesibilidad de los sitios web de varias universidades españolas

En el periódico El Mundo se ha publicado la noticia Las universidades españolas mejoran en la accesibilidad web de sus portales.

No es la primera vez que se publica un informe de este tipo. Por ejemplo, en 2006 publiqué Las universidades españolas siguen teniendo problemas de accesibilidad y en 2007 Accesibilidad de las webs de las universidades españolas.

En esta noticia podemos leer:

Los resultados indican que, en comparación con los estudios realizados en 2004 y 2006, el promedio de cumplimiento de los criterios de accesibilidad ha mejorado, si bien sólo cuatro portales de la muestra estudiada superan el 50% del éxito de cumplimiento. En concreto, los sitios web con mayores niveles de accesibilidad son el portal de Universidades del Ministerio de Educación -con un 81% de cumplimiento- y el sitio web de la Universidad Complutense de Madrid -con un 72%-. A continuación se sitúan la Universidad del País del Vasco (55%) y la Universidad de Barcelona (54%), calificados como sitios web moderadamente accesibles.

El resto de sitios web no superan el 50% de cumplimiento de los criterios de accesibilidad lo que supone, según el informe, que ofrecen un nivel de accesibilidad bajo, con bastantes dificultades y barreras de acceso a los contenidos para las personas con discapacidad. Son, por tanto, no accesibles los sitios web de la Universidad de Las Palmas de Gran Canaria (46% de cumplimiento), la Universidad de Santiago de Compostela (44%), la Conferencia de Rectores de Universidades Españolas (36%), la Universidad de Alcalá de Henares (35%), la Universidad de Valladolid (32%), la Universidad de Granada (32%), la Universidad de Deusto (27%), la Universidad de Sevilla (26%), la Universidad de Navarra (26%), la Universidad de Valencia (24%) y la Universidad Oberta de Catalunya (24%). Cierra la tabla la Universidad Nacional de Educación a Distancia, con tan sólo un 14% de cumplimiento de los criterios de accesibilidad de su portal.

La noticia se hace eco del informe Accesibilidad de Portales Web Universitarios publicado por Discapnet. En su página web podemos encontrar el informe completo en varios formatos (versión detallada, sintética y en inglés).

En la siguiente tabla del informe, se resume la accesibilidad de cada sitio web, medida como los criterios cumplidos (bien), no cumplidos (mal), no aplicados (N/A) y porcentaje de éxito por cada portal:

Según este estudio, el sitio web con peor nivel de accesibilidad es la web de la Universidad Nacional de Educación a Distancia (UNED). Es bastante curioso y a la vez escandaloso este resultado, ya que la web de la UNED, una universidad de educación a distancia donde se supone que el empleo de las nuevas tecnologías y de la Web como soporte al proceso educativo es algo básico e imprescindible hoy en día.

Por último, en la siguiente tabla podemos ver el número de ocasiones en que se aplica, superado, no superado y porcentaje de éxito por criterio analizado:

Como criterio de mayor grado de cumplimiento destaca el de tablas de maquetación; el porcentaje de éxito indica los casos en los que el contenido se ha estructurado mediante tablas y éstas se linearizan adecuadamente, lo cual es necesario para una navegación mediante lector de pantalla. Sin embargo, habría que recordar que lo correcto es maquetar sin tablas, ya que para la maquetación se debe emplear CSS.

Nueva edición del Máster tecnologías accesibles para los servicios de la sociedad de la información

En el 2008 se realizó la primera edición del Máster UOC-Technosite en Tecnologías Accesibles para la Sociedad de la Información.

El próximo 28 de octubre de 2010 comienza la segunda edición del Máster tecnologías accesibles para los servicios de la sociedad de la información. UOC Technosite.

Ofrece cuatro especialidades con el siguiente temario:

Gestión de contenidos web

• El diseño para todos
• Introducción a la accesibilidad web
• Las directrices de accesibilidad web
• Diseño de sitios web accesibles
• Maquetación y desarrollo de contenidos
• Proyecto

Evaluación de contenidos web

• Evaluación de la accesibilidad web: técnicas y herramientas
• Evaluación de la accesibilidad web: ayudas técnicas y navegadores
• Evaluación de la accesibilidad en Flash
• Evaluación de la accesibilidad en documentos PDF
• Proyecto

Desarrollo de contenidos interoperables

• Interoperabilidad de los contenidos
• Contenidos accesibles para aplicaciones web 2.0
• Accesibilidad en dispositivos móviles
• Accesibilidad en cajeros automáticos y máquinas expendedoras
• Accesibilidad en otras aplicaciones informáticas.
• Proyecto

Tendencias tecnologicas en materia de accesibilidad

• Sociedad de la información e infoaccesibilidad
• Interoperabilidad y compatibilidad de las ayudas técnicas
• Desarrollo de aplicaciones accesibles
• Investigación en accesibilidad y discapacidad
• Proyecto 

Soporte de ARIA en JAWS

Descripción de las características de ARIA que soporta JAWS: JAWS Support for ARIA. También está disponible como un documento de Word.

Posibles eventos para SXSW 2011

SXSW (South by Southwest) es un macro congreso (o festival) compuesto de tres áreas (cine, música e interactividad) que se celebra desde 1987 en Austin, Tejas (Estados Unidos).

SXSW es un congreso "dirigido por la comunidad", porque las conferencias que se celebran son elegidas por la gente, que mediante votaciones, participa con un 30% en la decisión final de las actividades que se celebrarán.

En el apartado de interactividad, podemos encontrar que se han propuesto 39 conferencias relacionadas con la accesibilidad (no todas se celebrarán, aún no se ha tomado una decisión). En esta lista de conferencias podemos encontrar algunas muy interesantes de personas muy importantes en el mundo de la accesibilidad web:

• Changing the Web Accessibility Game Plan, de Jared Smith, WebAIM (Web Accessibility In Mind)
• Secret Revealed: How to be Successful, with Accessibility, Shawn Henry, W3C WAI, uiAccess
• The Gestalt of Website Usability and Accessibility, de Elizabeth Gibson, AT&T

DevOpera Accessibility

La página web dedicada a la accessibilidad del sitio web Opera Developer Community contiene algunos artículos muy interesantes, como por ejemplo:

• Creating Accessible Data Tables
• Web accessibility for cognitive disabilities and learning difficulties
• Building Accessible Static Navigation with CSS

Yahoo! Accessibility

Yahoo! Accessibility es un blog del equipo de Yahoo! dedicado a la accesibilidad. Por ahora no contiene muchos recursos a la accesibilidad web.

Curriculum de Evaluación de la Accesibilidad Web

Curriculum de Evaluación de la Accesibilidad Web (Web Accessibility Evaluation Curriculum) es el resultado de un proyecto financiado por el 6° Programa Marco de la Unión Europea.

El objetivo de este curriculum es proporcionar un método de trabajo unificado para los evaluadores de accesibilidad web que deseen comprobar sitios web con una metodología de evaluación consensuada en el ámbito europeo y en el contexto de la certificación de la accesibilidad web.

Este curriculum está organizado en cuatro módulos:

Módulo 1: Accesibilidad Web en Europa

El módulo 1 proporciona una explicación de la historia y de los desarrollos actuales en el campo de la accesibilidad web en Europa, conteniendo información acerca de las actividades del World Wide Web Consortium, los desarrollos actuales en los estados europeos y las recomendaciones de los Planes de Acción eEurope 2002, 2005 e i2010.

Módulo 2: Cómo usan la Web las personas con discapacidad

El módulo 2 contiene ejemplos de las principales ayudas técnicas (lectores y magnificadores de pantalla, sintetizadores de voz, líneas braille, etc.) y muestra cómo esas ayudas técnicas ayudan a los distintos tipos de personas con discapacidad a explorar la web. Además, el módulo resume algunas características básicas de los exploradores web más utilizados.

Módulo 3: Metodología de evaluación

El módulo 3 presenta una metodología de evaluación consensuada. ésta se ha consolidado a través de la Metodología UWEM 0.5 y tres esquemas ya usados en la práctica para la certificación de accesibilidad web por los socios del proyecto Support-EAM. La metodología proporciona una serie de tests para chequear un sitio web conforme a las pautas de accesibilidad para el contenido Web 1.0 de prioridad 1, incluyendo ejemplos sobre los que se han aplicado esos test. Por otra parte, también hay información sobre herramientas de soporte para el evaluador.

Módulo 4: Esquema de certificación y sello de calidad

El módulo 4 describe un esquema para la Certificación de la accesibilidad web a nivel europeo que ha sido desarrollado según acuerdo del CEN/ISSS. También proporciona al lector información sobre los sellos de calidad europeos existentes y recomendaciones para un posible sello de calidad europeo para la accesibilidad web.

El curriculum se ofrece en diferentes idiomas: alemán, francés, holandés, inglés y español.

Deque Worldspace

Acabo de encontrar Deque Worldspace, una herramienta de análisis (o revisión) de la accesibilidad web que posee ciertas características que la diferencian del resto. Permite revisar la accesibilidad respecto Section 508, WCAG 1.0 y WCAG 2.0. Es capaz de analizar el código JavaScript y encontrar ciertos problemas de accesibilidad.

Además, también existe Qompliance, un plug-in para el navegador Mozilla Firefox que permite a esta herramienta de revisión desde el navegador.

¿Cuánto cuesta auditar la accesibilidad de un sitio web?

Pues no he encontrado precios de compañías españolas, pero sí que he encontrado una compañia del Reino Unido llamada Shaw Trust, que en su página Services and Pricing ofrece los siguientes servicios y precios:

• Full Audit - Website, Intranet or Extranet: From £4,650
• Annual re-accreditation: From £2,800
• Template testing: From £2,000 (for 1 – 10 templates)
• User testing: From £1,680 per day
• Consultancy: From £500 per day
• Training for web developers or authors: From £100 per delegate, maximum 15 delegates, minimum 10 delegates, plus trainers' travel expenses
• Podcast/Video: Podcast/Video of the testing day from £350

¿Quién dice que los sintetizadores de voz son malos?

Un lector de pantallas emplea la sintesis de voz (text-to-speech o TTS) para producir de forma artificial el habla humana a partir de un texto escrito.

Normalmente, la gente asocia la sintesis de voz a la típica "voz enlatada" o "robótica" que hemos escuchado en tantas películas o que hemos sufrido al llamar a algún servicio de atención telefónica.

Acabo de encontrar el sitio web de Acapela Group, es una empresa europea con sedes en Bélgica, Francia y Suecia que ofrece síntesis de voz para 25 idiomas y más de 50 diferentes tipos de voces.

En su página web Acapela Text to Speech Demo podemos probar sus voces con cualquier texto que nosotros mismos escribamos. Elige como tipo de voz "Spanish - Antonio", y escribe el siguiente texto:

Hola, ¿cómo estás? Yo muy bien. Gracias, gracias. Mañana es 01/10/2010. Me he comprado un traje que cuesta 125€. Voy a visitar la ONU.

¿Sorprendente? La calidad es muy, muy alta. Es capaz de leer correctamente las fechas, los números y algunas abreviaturas. Y si nos gusta más, podemos elegir como voz "Español de Norteamérica".

Cómo se usa una línea braille

La página web Refreshable Braille and the Web contiene un vídeo que describe cómo un usuario ciego emplea una línea braille para navegar por Internet.


Y a continuación, el vídeo:



El vídeo es accesible porque:

• Por un lado, se ofrece la posibilidad de activar o desactivar los subtítulos, ¡y en varios idiomas! Esto es ideal para una persona sorda, que no puede oír el vídeo, pero sí que lo puede ver.
• Por otro lado, se ofrece una transcripción del vídeo. Esto es ideal para una persona ciega, que no puede ver el vídeo, pero puede estar interesada en lo que se dice.

Consejos para escribir en la Web

En varias ocasiones he escrito sobre la legibilidad, la facilidad de lectura y comprensión de un texto:

• (17/07/2009): Más herramientas para comprobar la legibilidad
• (20/05/2009): Más sobre legibilidad (facilidad de lectura y comprensión)
• (14/10/2008): Legibilidad: facilidad de lectura y comprensión
• (13/12/2007): Legibilidad de una página web

Escribir contenido que sea fácil de entender y comprender es importante para todo el mundo, permite que la lectura sea más rápida y evita errores de interpretación. De cara a la accesibilidad de la página, las personas con discapacidades cognitivas son las que más se benefician de ello.

La página web Writing for the Web: Guidelines for MIT Libraries ofrece consejos de cómo hay que escribir para la web. La página es un poco antigua, pero los consejos siguen vigentes.

La idea principal es que la gente no lee las páginas web, sino que las ojea y escanea hasta que encuentra el contenido, el objetivo que estaba buscando. Por tanto, hay que resumir la información de las páginas web y ofrecer el contenido en capas de detalle (mediante el hipertexto) para satisfacer a toda la gente: a los que quieren poca información y a los que quieren mucha información.

Unos consejos de escritura que nos ofrecen:

1. Call attention with useful headings.
2. Catch the user in the first few words.
3. Use active voice, personal pronouns, action verbs. (what you would say to them if you were talking on the phone)
4. Set the context for users - the "given/new" principle.
5. Use lists. (numbered lists for instructions)
6. Give instructions with imperatives.
7. Use parallelisms.
8. Use words users know (simpler words).
9. Try fragments, but not telegraphic writing.
10. Make links descriptive.
11. Combine the guidelines.

Y para ampliar más información, el blog Writing for the Web ofrece una gran cantidad de consejos que relacionan la escritura de contenido en la web, la usabilidad y la accesibilidad.

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