La gran mayoría de los sitios web de las principales empresas que operan en el mercado español no llegan al nivel de accesibilidad requerido por la legislación española, según concluye el “Observatorio de Accesibilidad de las Páginas de Internet” de las empresas españolas.

El estudio (PDF, 1,75Mb) analizó las webs de las principales empresas españolas (iberdrola, vodafone, el pais…) de distintos sectores, sometiéndolas a una batería de pruebas para validar su grado de cumplimiento de las pautas de accesibilidad web a los contenidos.

El grado de cumplimiento no sorprende en gran medida ya que es bajo en general.

Lo que si  llama la atención es ver como este estudio sitúa al sector de  las empresas de comunicación (televisiones, y periódicos online) como el peor de todos, es decir, aquellas empresas cuya misión principal es hacer llegar la información al mayor número de usuarios posibles como un eje fundamental de su negocio, renuncian de manera evidente a llegar a todo su público.

Destacan por su grado de cumplimento según el estudio:

• Iberdrola
• Vodafone
• Mercadona

Reflexión: ¿Puede la administración pública exigir a estas empresas cuando muchas webs propias no cumplen?

Más información:

• Las webs de la mayoría de grandes empresas españolas no llegan al nivel de accesibilidad exigido por ley

Tambien te puede interesar

• CERMI denuncia que Facebook no respeta las pautas de accesibilidad
• Picaa: Plataforma de Aprendizaje para Iphone e IPod Touch
• Dislexia. La bew bara dobos.
• Diseño para usuarios con discapacidad cognitiva
• ¿Que te gusta más la accesibilidad o la usabilidad?

Apuntan varios temas:

• El tratamiento de las imágenes: textos alternativos e imágenes
• Estructura de encabezados
• Alternativas al JavaScript
• Marcaje en los formularios
• Contenido de los enlaces
• Redirecciones automáticas

La accesibilidad web la asignatura pendiente de la Web 2.0

La accesibilidad web es una de las grandes asignaturas pendientes en la web 2.o en la que la introducción de nuevas tecnologías como el Ajax, que mejora en muchísimos aspectos la experiencia para algunos usuarios, abre todavía más la brecha digital y el acceso universal a los contenidos web.

Es una tendencia que se apuntaba ya desde los inicios de la Web 2.0.

Cuando se nos llena la boca hablando de  la democraticación de internet, en la que todos los usuarios con ayuda de las nuevas tecnologías aplicadas a la web pueden ir construyendo los contenidos, participar e interactuar, estamos olvidando a aquellos usuarios que tienen dificultades para utilizar navegadores gráficos.

Que a Google, y a todos los buscadores en general, le guste la accesibilidad sirve para que muchos desarrollos en los que el posicionamiento web sea clave cumplan en gran medida con esas pautas, pero no suficiente.

Tambien te puede interesar

• 10 pasos para hacer más usable tu tienda online
• La importancia de un diseño centrado en el usuario
• La accesibilidad web ya está al alcance de todos
• No existe usuario malo. Existen diseñadores inconscientes.
• Las webs de empresas de comunicación las peores en accesibilidad.

Plataforma de Apoyo al Aprendizaje: Picaa está diseñado para la creación de actividades didácticas adaptadas para alumnos con necesidades educativas especiales.

El proyecto aborda el diseño de una plataforma que permita la creación y personalización de actividades didácticas individuales o en grupo que sirvan de apoyo para el aprendizaje de alumnos con necesidades especiales.

Esta herramienta pretende dar soporte a profesionales y  familias para que puedan diseñar actividades educativas personalizadas y adaptadas al alumno teniendo en cuenta el perfil del usuario final que va a realizarla.

Está diseñada especialmente para atender a la diversidad funcional del alumnado principalmente en los niveles: cognitivo, visual y auditivo.

Esta orientado a crear aplicaciones para iPhone e iPod Touch debido a su modelo de interacción del usuario y su conectividad, y anuncian su versión para iPad.

La plataforma Picaa ha sido diseñada por Álvaro Fernández, ingeniero e investigador de la Universidad de Granada, como parte de su investigación en el desarrollo de software para personas con necesidades especiales.

Actualmente es un proyecto en desarrollo.  Toca estar pendientes a que lo publiquen y poder probarlo.

Tambien te puede interesar

• Las webs de empresas de comunicación las peores en accesibilidad.
• CERMI denuncia que Facebook no respeta las pautas de accesibilidad
• Dislexia. La bew bara dobos.
• Diseño para usuarios con discapacidad cognitiva
• ¿Que te gusta más la accesibilidad o la usabilidad?

La solución tiene que:

1. Mantener contenidos: No quieren tener que actualizar dos webs (cómodo para ellos)
2. Quieren que se mantenga la imagen de la web y de la entidad (nos permiten ciertas licencias)
3. Quieren que funciones todos los servicios  (flash?, ajax?, java?)

Por suerte:

1. La web está ya diseñada siguiendo los standards y con una hoja de estilos separada: Esto nos permitirá jugar con la imagen de manera más simple y adaptar aquello que nos interese sin tener que depender del código generado por el CMS
2. No utiliza Flash, ni javascript, ni hay popups:  Muchos móviles no soportan los embed y tienen problemas con plugins y scripts.
3. El gestor de contenidos tiene un sistema de plantillas: Lo que nos permitirá crear una plantilla adaptada si es necesario, sin cambiar para nada la actualización de contenidos.

¿Que hacemos entonces?

Tenemos claro que el interfaz gráfico es mucho más pequeño y las limitaciones son varias.

1. Ancho máximo 120px: Consideramos que el ancho máximo es 120px (a tener en cuenta en las imágenes sobre todo)
2. Rediseñamos la cabecera: Mantenemos el logo pero usamos una versión alargada, minimizando el espacio que ocupa.
3. Estructuramos los bloques: Evitamos crear varias columnas, de manera que la lectura sea totalmente lineal, y las líneas lo más largas posibles.
4. Cambiamos los mecanismos de navegación
   1. Utlizamos la miga de pan como elemento principal de navegación. Si es necesario creamos un menú con las mínimas opciones necesarias, pero siempre intentando que sea un línea.
   2. Movemos el menú principal al final de la página. Si alguien quiere ver toda la navegación, ahí la tiene.
5. Ajustamos las imágenes: Ponemos solamente las imprescindibles, y si se puede las optimizamos este medio (más pequeñas, mínimo peso)
6. Comprobamos las fuentes: las aumentamos para facilitar la lectura en las pantallas o las optimizamos probando en distintos navegadores móviles
7. Usamos medidas relativas:  Evitamos siempre medidas absolutas para permitir que según sea la pantalla móvil se adapte todo el contenido.
8. Evitamos el scroll horizontal

La W3C nos da más recomendaciones,  pero muchas de ellas ya se evitan si seguimos los estándares para la creación de páginas webs (tablas, frames, popups, plugins externos…)

• Test W3c para móviles

Me parece que este blog tiene mucho que mejorar para los móviles.

Tambien te puede interesar

• CERMI denuncia que Facebook no respeta las pautas de accesibilidad
• 10 pasos para hacer más usable tu tienda online
• 18 cosas que hacer y no hacer para mejorar la usabilidad de su web
• Algunas referencias del Chrome
• Webs para aprender CSS

Los videoblogs de campaña quin.tv, RecargandoGalicia y Touriño.tv, muestran una serie de videos e imágenes con la que intentan transmitir en imagen lo que tradicionalmente escriben en el programa electoral. Intentan parecer cercanos, explicar de manera distinta sus propuestas sus iniciativas, parecer modernos,  estar “in”.

Intentan llegar a un público cada vez más grande, que utilizan internet como principal fuente de información. Intentan adaptarse en los formatos, en la formas, llegar a todo el mundo.

Pero hay algo que delata que no es un compromiso real con las nuevas tecnologías y con la democraticación de la información, ignoran que hay un público al que las nuevas tecnologías de la información pueden ayudarles a recibir su mensaje y que de otra forma no pueden, personas maiores que cada vez más se acercan a las nuevas tecnologías, personas con problemas de visión,  personas con problemas auditivos…No hacen el menor esfuerzo por llegar a todos los públicos.

No hablamos de soluciones técnicamente complejas o especialmente caras ni que exijan un esfuerzo de I+D

Hablamos de cosas tan simples como:

• subtitular los videos
• poner texto alternativos a los contenidos auditivos

Ya todos nos hemos acostumbrado a ver en los mítines políticos a personas que signan en la lengua de signos, subtítulos en los canales de televisión, pero en el tema de internet parece que nos queda esperar.

Estos mismos políticos son lo que luego regulan y pretenden penalizar a las empresas privadas que no cumplen las leyes nacionales accesibilidad a los contenidos de internet, o son los responsable que las webs de las administraciones públicas cumplan. Existe una guía internacional de acceso a los contenidos multimedia y una norma AEONOR de aplicación nacional que cualquiera puede consultar y por supuesto aplicar.

No es el objeto de este post realizar un estudio a fondo, y un análisis pormenorizado de la accesibilidad de estas webs porque salta a primera vista que no se ha tenido la sensibilidad de querer llegar de verdad a todos los públicos, no me merece la pena ni perder un segundo realizando un Test Automático.

Parece que padecen el “síndrome del microondas” con las nuevas tecnologías y la web 2.0, no hay cocina sin él, aunque no se sabe muy bien para que sirve.

PD: Sé que es un tema local y puntual pero me pareció ilustrativo.

Tambien te puede interesar

• No Related Post

Es un diccionario virtual de términos tecnológicos que combina la Lengua de Signos Española, la Lengua Gallega, las Nuevas Tecnologías y el Software libre.

Es un ejemplo claro de cómo las tecnologías como el flash pueden ser de gran utilidad para conseguir que ciertos contenidos puedan ser accesibles para todo el mundo.

Tambien te puede interesar

• No Related Post

Un cliente de un desarrollo en el que estamos trabajando nos pide que creemos menús desplegables, porque los responsables de la web opinan (sabemos que hay temas en las que todo el mundo puede opinar y tiene razón, como cuando hablamos de fútbol) son más cómodos y las otras webs del grupo los tienen. En el documento de requisitos técnicos aparecía el de cumplir el nivel AA de las normas de la WAI.

Ante la primera negativa que le damos, alegando motivos de accesibilidad y usabilidad, consultan con su departamento informático y la respuesta es que hagamos los menús desplegables y una versión sólo texto. Ante esta disyuntiva la decisión es clara.

Estando de acuerdo a priori con Juan Carlos García

“Si no tienes más remedio que hacer un menú desplegable (aunque, salvo capricho del cliente no parece haber una razón lo suficientemente buena para hacerlo)”

en su artículo Menús deplegables. Más problemas que soluciones, intento hacer un balance de las ventajas y desventajas que aportan, para decidir si realmente es una cuestión de moda (poco sites actualmente los utilizan, aunque Amazon sí, y se presupone que estudian a fondo la usabilidad de su web) o si hay argumentos objetivos para utilizarlos o no utilizarlos.

Problemas de usabilidad de los menús deplegables

• Opciones Ocultas: Las opciones del menú se encuentran ocultas, lo que hace que para conocer todas las opciones que te ofrecen tengas que recorrer todos los menús.
• Doble esfuerzo: Si quieres recorrer los elementos de una categoría tienes que desplegar el menú, una y otra vez, para seleccionar la siguiente opción. Lo que parecía una ventaja, tener a dos clics todos los elementos (desplegar el menú, y elegir la opción), se convierte en no tener nada a un clic.

Problemas de Accesibilidad en menús desplegables

• Uso JavaScript: Muchas soluciones empleadas son dependientes de que el navegador soporte javascript; es decir, en caso contrario no se pueden desplegar.
• Necesidad de Precisión: Para personas con problemas psicomotrices, la necesidad de utilizar el ratón de manera tan exacta se convierte en algo muy complicado, a veces imposible, y además frustante, ya que necesitan realizar muchos intentos para conseguir el objetivo de hacer clic en la opción que desean.
• Lectores de pantalla: Los menús desplegables cargan todas las opciones de las distintas categorías. Normalmente este menú está presente en todas las páginas, sean de la categoría que sean. Esto hace que el usuario que navega con un lector de pantalla tenga que soportar en todas las páginas la enumeración de categorías.

Solución a desarrollar

• Hacemos caso al cliente y creamos los menús deplegables.
• Utilizamos un sistema para menús desplegables que se despliegue aunque el navegador no soporte javascript y cumpla los criterios de accesibilidad.
• Introducimos el enlace de Saltar Navegación para evitar la repetición innecesaria de la opciones una y otra vez.
• Hacemos que la primera opción de cabecera del menú conduzca a una página en la que se describe la sección, y se ofrecen enlaces al resto de opciones que existen dentro esa opción del menú desplegable.
• Repetimos las otras opciones de navegación de esa categoría en cada una de las páginas de la sección.
• Reforzamos la navegación con la miga de pan.

En resumen: intentamos que la navegación por menús desplegables se convierta en otra opción más para navegar, pero que no sea la única.

Más información

• Menús desplegables. Más problemas que soluciones
• Menús Desplegables: Úselos con medida

Tambien te puede interesar

• 10 pasos para hacer más usable tu tienda online
• 18 cosas que hacer y no hacer para mejorar la usabilidad de su web
• MouseFlow. Analizando el comportamiento de los usuarios en tu web
• Usabilidad: No por ser más intuitivo y simple es mejor. ¿Y el aprendizaje?

Piensa que: Las personas discapacitadas deben ser tratadas

igual que cualquier otro

si trabajamos juntos hablando, compartiendo recursos y enseñando

podemos romper las barreras a las que se enfrentan los discapacitados

y hacer que las cosas sean mejores.

Written using Mayer-Johnson Symbols. [1]

Esta es una actitud que nosotros, como creadores y ciudadanos de este mundo Web necesitamos adoptar y seguir.

Así empieza Think Like (Abril 2001) un artículo que trata de marcar pautas para el desarrolo de webs orientadas a personas con discapacidad cognitiva (problemas de aprendizaje de la lectura, Alzheimer, retraso mental, demencia).

Resumo y traduzco algunos puntos que me parecen interesantes.

Problemas encontrados

• Para interactuar y cubrir datos debido a las dificultades del uso del ratón y teclado
• De atención
• Para comprender archivos sonoros
• Con operaciones de varios pasos

Recomendaciones generales

• Introducción a la página web: Un resumen claro de los contenidos de la página web y de los servicios que se ofrecen.
• Lenguaje y definiciones: Aportar definiciones de los términos poco comunes que se utilicen.
• Navegación clara y consistente: Evitar la sensación de fracaso, llevando a páginas en la que única alternativa sea volver atrás.
• Uso de gráficos: Para apoyar el contenido textual y ayudar en la comprensión.

Recomendaciones específicas

Entradas de datos

1. Permitir la introducción de un código pequeño de una secuencia mayor. Simplificar las secuencias limitando el número de pasos.
   Es necesario señalizar la acción de esas secuencias. Presentar y vocalizar una serie de pasos para completar una tarea. Cuando sea práctico, limitar el nº de opciones que el usuario debe hacer.
2. Utilizar multiples técnicas de selección para las diferentes necesidades de los diferentes usuarios. Emplear técnicas de selección directa (por ejemplo tecnicas de selección que requiren únicamente un único y simple movimiento sin límite de tiempo) siempre que sea posible. Ejemplo: entrada de datos, proporcionar una lista de entradas.
3. Facilitar una fácil (así como destacada y limpia) salida que lleve al usuario al punto inicial desde cualquier paso de la secuencia.
4. Estandarizar dentro de la web empleando la misma forma, color, iconos, etiquetas para la misma function y acción. Facilitar salidas desde cualquier situación. Incorporar métodos de premedida cuando sea necesaria una operación cuantificable.
5. Coherencia de comandos y sus características de pantalla a pantalla.
6. Menús breves.
7. Empleo de sistemas de símbolos pictográficos o ideográficos que ayudarán a estos usuarios a construir frases complejas, responder y hacer preguntas.

Salidas

1. Utilizar pantallas claras. Layouts que faciliten al usuario la opción de ver una cosa de cada vez. Simplificar el lenguaje. Dar la opción de ajustar el tamaño.
2. El diseño gráfico y la animación deben contribuir a esta tarea, no a distraer. Acompañar las palabras con dibujos o fotos. Colocar la descripcion textual al lado de cada imagen
3. Combinar el uso de imágenes y audio para facilitar la navegación.
4. Utilizar comentarios de audio tanto para corregir errores como para animar. Tener la información disponible en formato audio. La información en audio debe ser visible en la pantalla. Facilitar un ajuste de volumen (mejor si tiene un indicador de volumen visual) a través del cual el sonido sea inteligible a cualquier nivel auditivo. La presentaciones audio y su volumen deben ser tan claros como prácticos. Presentar la información en audio continua o periódicamente hasta que el mensaje deseado sea confirmado o se actúe sobre él (el mensaje auditivo podrá ser repetido automáticamente o el sistema permitirá al usuario pedir que se repita). Facilitar la información auditiva (incluyendo la salida de audio, señales y avisos) tanto de manera visual como táctil. Antes de la presentacion del audio, facilitar sonidos o palabras para llamar la atención del usuario. Las presentaciones de audio serán breves. Incluir la función o botón de repetir el audio.
5. Utilizar presentaciones multisensoriales de la información asegurando que todos los mensajes y alertas permanecen en pantalla hasta que cumplen su cometido.
6. Garantizar la compatibilidad con lectores de pantalla y programas para resaltar las pantallas. Estos dipositivos pueden facilitar el acceso a los usuarios con discapacidad cognitiva. Las hojas de estilo Aurales permiten a los diseñadores web y a sus usuarios marcar propiedades específicas (voz familiar, tipos discuros, pausas, tonos, volumen, efectos de sonido y otras propiedades del habla) para representar esas características.
7. Evitar aplicaciones en las que el texto aparece cuando el ratón toca determinado punto de la pantalla y desaparece cuando el ratón se mueve.
8. Utilizar un contraste elevado entre el texto o gráficos con el fondo.
9. Presentar tanto las letras como otros símbolos en pantalla tan grandes como sea posible. Asegurarse de que hay espacio entre las letras de una palabra y que la distancia entre mensajes diferentes sea lo suficientemente clara como para permitir al usuario su discriminación. Hacer que las letras y otros símbolos sean visualmente tan simples como sea posible (utilizar tipografia sans serif para lo que no sea texto, ejemplo, etiquetas)
10. Destacar la información clave. Colocar la información más importante al principio del escrito (pero no del audio)
11. Presentar el material en tantas formas como sea práctico/posible o facilitar tantas opciones de salida como sea posible.
12. Facilitar herramientas de información al usuario acerca del origen de los errores, conduciéndolos a las acciones que deben tomar para solventarlos. Utilizar herramientas de minimización de errores, tales como retirar botones de la pantalla que en determinados momentos no son necesarios y su uso sería inadecuado.

Artículo relacionado

Alzheimer y páginas web

Tambien te puede interesar

• Las webs de empresas de comunicación las peores en accesibilidad.
• CERMI denuncia que Facebook no respeta las pautas de accesibilidad
• Picaa: Plataforma de Aprendizaje para Iphone e IPod Touch
• Dislexia. La bew bara dobos.
• ¿Que te gusta más la accesibilidad o la usabilidad?

Uno de los temas que tratamos es la siempre discutida relación entre accesibilidad y usabilidad y porque algunos profesionales se decantan por una u otra tendencia como “principio de diseño”. Algunas de las ideas que salieron son

1. ¿La usabilidad es subjetiva?
   1. A la hora de diseñar una web usable el mayor argumento que se puede usar es la experiencia y los estudios realizados basados en experiencias (que no es poco). Si alquien te dice “yo nunca haría click ahí” pues no queda más remedio que “agachar la oreja” y decir “puede ser que estuviera equivocado”.
   2. Al contrario: Muchos diseñadores apelan a sus conocimientos y a su experiencia para justificar un diseño de web usable. ¿Quién se lo discute?¿Algún argumento?
2. ¿La accesibilidad es estricta? Hay que cumplir una serie de normas fijas y rigurosas
   1. Para un “programador” se convierte en un objetivo claro definido y directo y a priori atractivo
   2. Para un diseñador en una serie de normas que lo “limitan”

Como no llegamos a ninguna conclusión quedamos para seguir hablando otro día. <sonrisa>

Tambien te puede interesar

• Lo más importante de cualquier sitio web es la típica frase de ‘este sitio intenta ser accesible, si se encuentran con alguna dificultad pónganse en contacto con el webmaster’
• 10 malententidos sobre la usabilidad y sus matices
• Perfiles profesionales en el diseño web
• Reducir el porcentaje de rebote, 10 consejos
• Las webs de empresas de comunicación las peores en accesibilidad.

Algunas citas de la entrevista que me parecen ilustrativas son:

• Lo más importante de cualquier sitio web es la típica frase de ‘este sitio intenta ser accesible, si se encuentran con alguna dificultad pónganse en contacto con el webmaster’,
• Las directrices de accesibilidad están redactadas con el concurso de personas de todo el mundo, entre las que me encuentro, que estuvimos durante varios años discutiendo sobre cada uno de los puntos que ahí aparecen
• El HTML no afecta las directrices de accesibilidad, las directrices de accesibilidad sí que afectan al HTML 5.
• En el caso de la usabilidad, de unos usuarios muy concretos; en el caso de la accesibilidad, de todos los usuarios posibles. Es ese el punto de encuentro.
• La accesibilidad piensa en el futuro, en las nuevas tecnologías que se desarrollarán, en los nuevos dispositivos

Tambien te puede interesar

• ¿Que te gusta más la accesibilidad o la usabilidad?
• 10 malententidos sobre la usabilidad y sus matices
• Perfiles profesionales en el diseño web
• Reducir el porcentaje de rebote, 10 consejos
• Las webs de empresas de comunicación las peores en accesibilidad.