Razones para hacer una web accesible

Fran Tarifa en el comentario Otra razon más para hacer una Web accesible: obtener ayudas y subvenciones de su blog recoge una serie de razones (beneficios) que nos deberían de motivar para hacer sitios web accesibles:

• Razones Sociales.
• Motores de búsqueda.
• Aumenta la usabilidad de la página.
• Se cumplen los estándares web.
• Dispositivos móviles.
• Navegadores web.
• Tendrás más visitantes.
• Reducir el coste de mantenimiento.
• Costes adicionales.
• Cumplir la ley.
• Obtener ayudas y subvenciones.

Cómo afectan las diferentes discapacidades al acceso a la Web

¿Cómo afectan las diferentes discapacidades al acceso a la Web? El W3C tiene publicado el documento How People with Disabilities Use the Web donde trata esta cuestión en el apartado 3. Different Disabilities that Can Affect Web Accessibility:

• Discapacidad visual: imágenes o elementos multimedia sin texto alternativo; el tamaño del texto muy reducido; combinaciones de colores con poco contraste.
• Discapacidad auditiva: ausencia de transcripciones y descripciones sonoras del audio o de la banda sonora de los vídeos; textos largos y complejos.
• Discapacidad física: interfaces de usuario que sólo se pueden utilizar con ratón; enlaces y controles de formulario muy pequeños.
• Discapacidad del habla: no supone un grave problema en la navegación por la Web hoy en día, ya que no se emplea el reconocimiento de la voz en los sitios web.
• Discapacidad cognitiva y neurológica: textos largos y complejos; ausencia de un mapa del sitio web; ausencia de descripciones y ayudas para interpretar los controles de un formulario; inconsistencias entre distintas páginas de un mismo sitio web.
• Múltiples discapacidades: cualquiera de las anteriormente citadas.
• Situaciones relacionadas con el envejecimiento: normalmente, problemas relacionados con la discapacidad visual, la discapacidad auditiva y la discapacidad física.
• Discapacidad tecnológica: sistemas operativos antiguos; navegadores alternativos; ancho de banda de comunicación por Internet bajo; aunsencia de un plugin para reproducir ciertos contenidos; dispositivo de visualización de pequeño tamaño.

Los problemas que tienen los usuarios con discapacidad visual o discapacidad auditiva son conocidos por la mayoría de los desarrolladores de páginas web. ¿Pero qué problemas tienen las personas con discapacidad cognitiva y neurológica? Estas discapacidades son bastante desconocidas. En la página Problemas de aprendizaje podemos leer una descripción detallada de este tipo de discapacidad perteneciente al grupo de las "discapacidades desconocidas".

¿Qué es la accesibilidad web?

Después de más de 200 entradas escritas sobre la accesibilidad web, ¿por qué hacerse esta pregunta ahora? En realidad, las primeras entradas que escribí trataban este tema:

• ¿Qué es la accesibilidad?
• Definición de accesibilidad web según Wikipedia
• La accesibilidad en la Web según el WAI (en español)
  

Es importante volver a hacerse la pregunta porque las situaciones y las definiciones cambian con el tiempo.

En la página Introducción a la Accesibilidad Web podemos encontrar la definición del W3C:

La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos. La accesibilidad Web también beneficia a otras personas, incluyendo personas de edad avanzada que han visto mermadas sus habilidad a consecuencia de la edad.

Esta definición se queda corta en la actualidad, ya que el término accesibilidad web se ha generalizado para incluir a todos los usuarios y no sólo a aquellos que padecen alguna discapacidad.

En Qué es la Accesibilidad Web podemos encontrar una definición más acertada:

En consecuencia, podemos definir la accesibilidad Web como la posibilidad de que un producto o servicio web pueda ser accedido y usado por el mayor número posible de personas, indiferentemente de las limitaciones propias del individuo o de las derivadas del contexto de uso.

En la definición, 'las limitaciones propias del individuo' no solo engloban aquellas representadas por discapacidades, sino también otras como pueden ser el idioma, conocimientos o experiencia.

Además, la accesibilidad no sólo implica la necesidad de facilitar acceso, sino también la de facilitar el uso. La distinción entre usabilidad – facilidad de uso – y accesibilidad, como indica Henry (2003) no solo es difícil, sino en muchos casos innecesaria.

Un diseño será accesible cuando sea usable para más personas en más situaciones o contextos de uso (Henry; 2002), posibilitando a todos los usuarios, de forma eficiente y satisfactoria, la realización y consecución de tareas (Nielsen; 2001).

La accesibilidad debe ser entendida como 'parte de', y al mismo tiempo 'requisito para', la usabilidad.

En la actualidad, la accesibilidad web ha cobrado mucha importancia por el aspecto citado en la definición anterior como "limitaciones derivadas del contexto de uso", ya que el ordenador no es el único medio de acceso a la Web, sino que se emplean otros dispositivos como consolas de videojuegos, teléfonos móviles, PDAs, etc. que presentan ciertas limitaciones que deben ser contempladas en el diseño de una página web para que sea accesible.

Guía de diseño web accesible

Acabo de encontrar la Guía de diseño web accesible. Se trata de una guía basada en la tecnología wiki que pretende ayudar al diseñador de sitios web para que sean accesibles. Desgraciadamente, por ahora no tiene mucho contenido. Esperemos que la gente a anime a participar en ella.

Entrevista a Jesús García, director del área de Accesibilidad Web de la Fundación CTIC

Acabo de encontrar la entrevista "En las herramientas de la Web 2.0 la accesibilidad es casi inexistente". En ella, Jesús García, director del área de Accesibilidad Web de la Fundación CTIC, contesta de una forma muy clara y concisa una serie de preguntas: ¿Es la accesibilidad un tema que afecte exclusivamente a personas con discapacidades?, ¿Cuánto puede costar hacer, por ejemplo, un periódico "online" completamente accesible?, ¿Compensa el gasto con lo que se puede obtener en audiencia? y otras más.

Algunas frases interesantes:

• Sin embargo, la accesibilidad aporta ventajas que aprovechan el conjunto de los usuarios, tengan o no discapacidad.
• Si nuestro sitio web ha sido creado siguiendo estándares y se han aplicado buenas prácticas de diseño web, hacer un portal accesible no resulta complicado ni caro.
• La accesibilidad no está reñida con la estética, aunque es cierto que a la sombra de la accesibilidad se han hecho sitios web que podríamos definir como feos.
• La accesibilidad y la movilidad están unidas.

Razones para hacer un sitio web accesible

En su artículo Otra razon más para hacer una Web accesible: obtener ayudas y subvenciones, Fran Tarifa plantea 11 razones por las que hacer un sitio web accesible:

• Razones Sociales.
• Motores de búsqueda.
• Aumenta la usabilidad de la página.
• Se cumplen los estándares web.
• Dispositivos móviles.
• Navegadores web.
• Tendrás más visitantes.
• Reducir el coste de mantenimiento.
• Costes adicionales.
• Cumplir la ley.
• Obtener ayudas y subvenciones.

Mitos sobre la accesibilidad

He encontrado la página web Mitos y Conceptos Erróneos sobre la Accesibilidad. Es una traducción de la página web Accessibility myths and misconceptions. En este artículo se desmontan una serie de mitos que existen sobre la accesibilidad web. La lista de mitos es:

1. La accesibilidad es sólo para personas ciegas.
2. Los sitios accesibles son feos y aburridos.
3. La accesibilidad es costosa y difícil.
4. Ofrecer una versión sólo texto es suficiente.
5. Personalización y la funcionalidad de lectura en voz alta.

Accesibilizando la Web

He encontrado las transparencias de una presentación muy interesante llamada Accesibilizando la Web de Eugenia Jongewaard, que se realizó hace unos días en Buenos Aires. El audio de la presentación se puede descargar de la página Accesibilizando la Web: Audio. Las explicaciones son muy claras y sencillas y se incluyen ejemplos muy significativos. Recomiendo esta presentación al que tenga problemas en entender qué es la accesibilidad web.

Evolución de la accesibilidad web

He encontrado el artículo La hora de la accesibilidad web. Ya tiene dos años (una eternidad), pero es interesante porque hace una pequeña exposición de cómo ha evolucionado el interés por la accesibilidad web desde los inicios de la Web.

Términos relacionados con la accesibilidad

Acabo de encontrar la página Accesibilidad al alcance de todos. En esta página podemos encontrar definiciones de los siguientes términos:

• Tiflotecnología.
• Lector de pantalla.
• Sintetizador de voz.
• Magnificador de pantalla.
• ¿Cuándo es una aplicación accesible?
• ¿Que se necesita para desarrollar una aplicación accesible?

¿RDFa mejorará la accesibilidad web?

Acabo de encontrar un nuevo término que desconocía: RDFa. Según la Wikipedia en español:

RDFa es un conjunto de extensiones de XHTML propuestas por W3C para introducir semántica en los documentos. RDFa aprovecha atributos de los elementos meta y link de XHTML y los generaliza de forma que puedan ser utilizados en otros elementos. Además se ha definido una correspondencia simple que permite extraer tripletes RDF.

Una explicación más sencilla: RDFa es un paso más hacia la web semántica, que pretende incorporar descripciones a la información contenida en una página web para que su utilización posterior sea más eficiente (por ejemplo, para facilitar las búsquedas). Con la web semántica una página web no sólo contendrá información, sino información sobre la información (los metadatos), que permitirán saber, por ejemplo, si un número representa un precio o una fecha, o si un nombre es el nombre de una persona o de un lugar.

¿Qué tiene que ver todo esto con la accesibilidad web? En el artículo RDFa - Implications for Accessibility se propone la idea de que RDFa puede ser empleado por el software que emplean las personas discapacitadas (por ejemplo, lectores de pantalla) para facilitar la navegación al aportar más información sobre el contenido de las páginas.

Por ejemplo, el siguiente fragmento de código HTML incluye información personal de contacto. El W3C tiene una propuesta (no es una recomendación aprobada) llamada Representing vCard Objects in RDF/XML para etiquetar este tipo de información. En el primer párrafo se muestra la información sin etiquetar y en el segundo ya aparece etiquetada.

Párrafo sin etiquetar:
<p class="contactinfo">Mi nombre es Sergio Luján Mora. Soy profesor titular en la <a href="http://www.ua.es/">Universidad de Alicante</a>. Puedes contactar conmigo a través del <a href="mailto:sergio.lujan@[arroba]@ua.es">correo electrónico</a>.</p>

Párrafo etiquetado:
<p class="contactinfo">Mi nombre es <span property="contact:fn">Sergio Luján Mora</span>. Soy <span property="contact:title">profesor titular</span> en la <a rel="contact:org" href="http://www.ua.es/">Universidad de Alicante</a>. Puedes contactar conmigo a través del <a rel="contact:email" href="mailto:sergio.lujan@[arroba]@ua.es"> correo electrónico</a>.</p>

Más ejemplos de diseño no accesible

He encontrado la página web Too much accessibility: Good intentions, badly implemented donde podemos encontrar una presentación sobre el mal uso de la accesibilidad en un sitio web. En esta presentación podemos encontrar ejemplos reales de un mal uso del texto alternativo (demasiado explícito o con información irrelevante), del atributo title en los enlaces, de los elementos de los formularios (texto por defecto, legend y fieldset), el enlace de "salta navegación" o "saltar al contenido" (skip to content) y otros errores muy comunes.

Ejemplos de diseño web no accesible

He encontrado la página web Examples of Accessible (and Inaccessible) Web Design. Aunque es del año 1996 y por tanto un poco antigua, ofrece ejemplos muy interesantes de diseño web que no es accesible y consejos para que sí lo sea.

Los temas que trata son:

• Every image should have good ALT text Separate block of ALT text
• Use simple ALT text for simple images
• Proper use of image maps
• Make link text descriptive but brief
• Use link text that can stand alone
• Provide good keyboard navigation
• Provide alternatives to controls and applets
• Provide alternatives to tables and frames
• Don't assume your formatting will be seen
• Don't require the use of style sheets

Mejores blogs sobre accesibilidad y usabilidad web en español

He encontrado una entrada en el blog Accesibilidad, Usabilidad y Estandares Web titulada Mejores blogs sobre accesibilidad y usabilidad web en español. El propósito del autor era recopilar una lista con los 100 mejores blogs sobre accesibilidad en español. Inicialmente tenía 60 direcciones, pero ya va por 105.

Desde aquí le agradezco al autor de este blog que me haya incluido en su lista :-)

Accesibilidad de los productos de IBM

He encontrado la página web Accessibility and ergonomic comfort features of IBM personal computers and accessories donde se explican las características para mejorar la accesibilidad que incorporan algunos de los productos de IBM.

¿Cuanto sabes de accesibilidad?

He encontrado esta página, Niveles de conocimiento de la Accesibilidad web, en la que se definen 6 + 1 (nivel 0) niveles de conocimiento sobre la accesibilidad en la Web. A continuación incluyo las definiciones:

Conoce tu nivel de conocimiento de la accesibilidad web, una palabra desconocida por muchos pero que cada vez adquiere mayor importancia en Internet. Realice la clasificación de niveles según los conocimientos de accesibilidad web, esa palabra desconocida por muchos pero cada vez adquiere más importancia en Internet.

Esta es mi opinión personal (por lo tanto discutible), y muchas de ellas se desprenden de mis experiencias en el foro de accesibilidad de Foros del Web.

Nivel 0
No me funciona Internet ¿qué hago?:
Estas personas nunca se detienen a pensar sobre la importancia de la accesibilidad web; muchas veces confunden accesibilidad web con accesibilidad a un nivel más general. Por ejemplo, cuando no pueden utilizar Internet por un desperfecto de hardware.

Nivel 1
Optimizado para Internet Explorer y una resolución de 1024 x 768:
Estas personas tienen conocimientos muy básicos de HTML, como para pensar sobre accesibilidad web. No conocen más allá del Internet Explorer, y no conciben que haya diferentes navegadores. Piensan que si una página se ve bien en su computadora, se ve bien en todas.

Nivel 2
Usaré javascript, y el que no lo tenga habilitado que lo habilite:
En este nivel ya se empiezan a escuchar opiniones sobre la accesibilidad web, pero la mayoría piensa que es un capricho de algún loco desquiciado, y que no vale la pena tanto esfuerzo "para eso". La actitud general es "si el usuario no puede visualizar el website, que se arregle como pueda". Los sitios con menús solo en javascript o solo en flash son realizados generalmente por personas en este nivel.

Nivel 3
A mí la accesibilidad no me importa, lo que a mí me interesa es aparecer bien en Google:
En este nivel se produce un primer encuentro obligado con la accesibilidad web, cuando las personas se dan cuenta que la falta de accesibilidad repercute en un perjuicio directo hacia sus sitios.
En este nivel son comunes, a pie de página, los menús solo texto alternativos al menú principal (que sigue estando en flash o javascript). Un acercamiento a la accesibilidad es visto como un "mal menor" necesario para aparecer en los buscadores. La mayoría de los desarrolladores se estanca en este nivel.

Nivel 4
Para ver la versión accesible haz clic aquí:
Las personas en este nivel, ya comienzan a preocuparse un poco, voluntariamente por la accesibilidad, pero aún la siguen viendo como un concepto separado del resto,
sobretodo separado del diseño.
Los sitios desarrollados en este nivel, generalmente no son accesibles pero tienen una versión secundaria desprovista de elementos de diseño, que intenta serlo, aunque muchas veces solo queda en el intento.
Después de todo, recién se están enterando del real significado de "accesibilidad web", muchos han sentido nombrar a las WAI pero pocos saben su significado, mucho menos han leído las directrices de accesibilidad.

Nivel 5
Valido WAI-AAA (Triple A):
Después de leer y ensayar mucho, las personas en este nivel ya tienen un gran dominio sobre la accesibilidad web, y hacen sus webs accesibles porque están convencidas de que es la única forma de avanzar hacia una red más igualitaria.
Sus sitios tienen un marcado HTML semántico, conocen la gran mayoría de los puntos de las WCAG y entre sus lecturas habituales se encuentran temas sobre estándares web, usabilidad y CSS.

Nivel 6
Recientes investigaciones indican que:
Este es el nivel de los "gurus" de la accesibilidad. Son personas proactivas, que no solo aplican la accesibilidad a sus propios sitios, son verdaderos evangelizadores, expandiendo la idea de una web para todos.
Generalmente son miembros de fundaciones como SIDAR, y tienen en su haber libros y artículos publicados sobre lo necesario de realizar webs accesibles y fáciles de usar.

Inspirado por los artículos Niveles de conocimiento de CSS (por Emil Strenstrom) y Niveles de Conocimiento de HTML (por Roger Johansson).

¿Cuál es tu nivel de accesibilidad web?

Accesibilidad web: algo huele mal

He encontrado esta página web, Accesibilidad web: algo huele mal. El autor de este artículo comenta las mejoras de accesibilidad de las páginas web que se han experimentdo en los últimos años, pero plantea un futuro poco esperanzador:

Creo que en el futuro muy pocas cosas van a avanzar en el tema de la accesibilidad, y lo que es más grave aún creo que inclusive va a empeorar.

Además, plantea una teoría para explicar el interés por la accesibilidad web en los últimos años:

Estoy convencido de que los avances logrados en el tema de la accesibilidad tuvieron más que ver con la casualidad o el oportunismo que con el deseo de hacer una Red accesible para todos. En mi opinión la verdadera razón del gran interés de los desarrolladores web por el tema de la accesibilidad se llamó “Optimización web”, y la coincidencia que existe entre el funcionamiento de los spiders con las ayudas técnicas para personas discapacitadas. Es decir que los desarrolladores web estaban más preocupados por posicionar mejor sus páginas que en permitir que nosotros pudiéramos leerlas. En el proceso, y más por casualidad que por solidarias intenciones, todos los que sufrimos de una discapacidad nos vimos beneficiados.

Hace unos pocos días escribí sobre el tema de la "optimización web" en un artícullo llamado Accesibilidad y posicionamiento en buscadores.

Accesibilidad y posicionamiento en buscadores

El posicionamiento en buscadores (search engine optimization) se puede definir como "La tarea de ajustar la información de las paginas que se pretenden hacer aparecer en primeras posiciones de los resultados" de los buscadores (Wikipedia, Posicionamiento en buscadores).

Los robots de búsqueda que emplean los búscadores se comportan en muchos aspectos como los lectores de pantalla que emplean los invidentes. Un robot de búsqueda y un lector de pantalla "leen" la página en el mismo orden y suelen tener los mismos problemas a la hora de acceder a algunos tipos de contenidos. Además, los robots de búsqueda actuales suelen dar más importancia a lo primero que leen en una página y valoran que las páginas estén correctamente estructuradas (por ejemplo, el empleo de las etiquetas de encabezamiento h1, h2, ...) y que exista un orden lógico de títulos, subtítulos y contenido. En la presentación Usability, Accessibility and Markup podemos encontrar una cita que resume de forma muy precisa esta relación entre posicionamiento en los buscadores y accesibilidad:

Google is, for all intents, a blind user. A billionaire blind user with tens of millions of friends, all of whom hang on his every word. I suspect Google will have a stronger impact than [laws] in building accessiblewebsites.

Hoy en día, los factores que influyen en el posicionamiento de una página web se pueden dividir en dos grupos: internos y externos. Los factores internos dependen del propio diseño de una página web, como por ejemplo, el empleo de un título correcto o el no empleo de tablas para maquetar el contenido de la página. Los factores externos dependen de cómo se relaciona una página web con otros sitios web, como por ejemplo, cuántos enlaces posee la página y cuál es su importancia o cuantas páginas enlazan a la página.

La mejora de la accesibilidad de una página web influye de forma positiva en ambos factores, ya que por un lado mejora la "visibilidad" de la página de cara a los robots de búsqueda (mejora de los factores internos) y, por otro lado, incrementa el número de potenciales usuarios y de que un nuevo usuario regrese a un sitio web, ademas de aumentar las posibilidades de que la página sea enlazada desde otros sitios web (mejora de los factores externos).

Para terminar, unas páginas web donde podemos ampliar un poco de información sobre este tema:

• Posicionamiento Web: La accesibilidad y su aporte al posicionamiento web
• El País: Google lucha contra el posicionamiento en los buscadores
• SEOmoz: Ranking Factors Version 2 Released

Los dos principios básicos del diseño web accesible

He encontrado esta página, Los dos principios básicos del diseño web accesible, que define de una forma muy breve pero muy completa la filosofía de la accesibilidad en la Web:

Los dos principios básicos del diseño accesible de sitios web son crear páginas que se transformen correctamente y ofrecer el contenido de manera comprensible para facilitar la navegación por el sitio web.

El autor de esta página también incluye una explicación de "transformación correcta" y "contenido comprensible y navegable":

Transformación correcta
El primer principio del diseño accesible es por tanto crear páginas que se transformen correctamente y cuyo contenido sea correctamente reproducible bajo distintas circunstancias. Hay que crear páginas que sean accesibles a pesar de las deficiencias cognitivas leves, físicas o sensoriales de los usuarios. Hay que considerar también las posibles restricciones debidas al lugar de acceso y las barreras tecnológicas.

En este sentido el texto es siempre lo más accesible. Sin embargo no se trata de crear páginas sólo-texto sin elementos gráficos ni una atractiva maquetación visual. Existen técnicas de HTML para asociar texto alternativo a cada elemento no textual de la página.

Además los elementos gráficos y multimedia correctamente usados contribuyen a mejorar la accesibilidad del sitio web, pues ayudan a conseguir el otro principio importante del diseño accesible: la comprensión del contenido y la navegación fácil por el sitio.

Contenido comprensible y navegable
Esto incluye no sólo la utilización de un lenguaje claro y simple, sino también proporcionar mecanismos comprensibles para navegar dentro de cada página y entre las páginas del sitio web. Al proporcionar herramientas de navegación e información orientativa en las páginas se maximizará la accesibilidad y la usabilidad del sitio web.

Pero como se ha comentado no todos los usuarios pueden utilizar las claves visuales tales como mapas de imagen, colores de fondo, marcos contiguos o imágenes que guían a los usuarios videntes. Algunos usuarios pierden también información del contexto cuando sólo pueden visualizar una parte de la página. Esto sucede si acceden a la página palabra por palabra con sintetizadores de voz, braille o teléfonos WAP o si acceden por partes con pantallas pequeñas o magnificadores de pantalla.

Año Europeo de la Igualdad de Oportunidades para todas las personas

EL Parlamento Europeo y el Consejo de la Unión Europea, declaró el Año 2007 como «Año Europeo de la Igualdad de Oportunidades para Todas las personas» (decisión del Parlamento Europeo). El Ministerio de Trabajo y Asuntos Sociales ha creado una comisión para alcanzar los objetivos planteados.