Josefina Valls Sin, webmaster y experta en Accesibilidad y Usabilidad Web, se ha puesto en contacto conmigo ofreciéndose a colaborar con BdW escribiendo un artículo sobre la Accesibilidad Web.
A continuación publico el texto íntegro que me ha hecho llegar:
“Si tenemos en cuenta que el principal objetivo de las páginas web es difundir la información al mayor número de personas posibles, no se debe permitir que la tecnología actual suponga una barrera para los usuarios.
Por eso el objetivo principal de la accesibilidad es poder difundir la información web a cualquier persona, independientemente del equipo o aplicaciones que utilice.
¿Accesibilidad para quien?
La accesibilidad web va dirigida a cualquier persona y esto incluye a una gran diversidad de usuarios como por ejemplo:
- Los que tienen una visión limitada
- Los que tienen ceguera cromática o daltonismo (dificultad para distinguir entre colores o no pueden distinguir ningún color)
- Los invidentes
- Los que no pueden oír
- Los que no pueden ver ni oír
- Los que tiene problemas de movilidad o movilidad reducida
- Los que sufren dislexia (Déficit en la recepción, expresión y/o comprensión de la información escrita que se manifiesta en dificultades persistentes para leer. Si bien no tiene causa orgánica, se observan asimetrías entre los hemisferios del cerebro, siendo el izquierdo el que se encuentra más deteriorado y es justamente el encargado de asociar el fonema al grafema correspondiente. Esto último indica la dificultad de los niños disléxicos para poder leer. Existen dos tipos diferentes de dislexia, que se diferencian por utilizar distintas estrategias para leer: Perceptivo Visual, y Auditivo Lingüístico) o discalculia (Es la dificultad para manejar y/o reconocer números, conceptos matemáticos y/o resolver operaciones aritméticas, sin la existencia de una lesión ó causa orgánica que lo justifique. No guarda relación con el nivel mental, con el método de enseñanza utilizado, con trastornos afectivos ni de privación sociocultural, pero sí suele encontrarse asociado con otras alteraciones. Afecta al aprendizaje de asignaturas matemáticas así como a otros aprendizajes en los que se requiere un nivel de razonamiento determinado.)
- Los que tienen dificultad de concentración
- Los que tienen dificultades de aprendizaje
- Los de la tercera edad
- Los que, por motivos económicos o sociales no tienen acceso a las ultimas tecnologías y disponen de ordenadores desfasados o versiones antiguas de navegadores
- Los que no tienen experiencia previa en el uso de la red
- Los que tienen un dominio limitado del idioma
Normas Accesibilidad
Puntos clave para hacer un diseño accesible, siguiendo las recomendaciones de WAI-W3C:
1. Imágenes y animaciones: Proporcionaremos un texto equivalente en aquellos elementos no textuales mediante “alt“, “longdesc” o en el contenido del elemento. Estos elementos pueden ser: imágenes, representaciones gráficas de texto, mapas de imagen, animaciones, applets y objetos de programación, ASCII art, marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos, archivos auditivos, videos y bandas sonoras. [Prioridad 1]
2. Gráficos y esquemas: Resumir o usar el atributo longdesc. Los gráficos de datos y los esquemas, en general, presentados en forma de imagen tienen una importancia especial, ya que en ellos se suele contener una información valiosa para el usuario. Si éste no puede visualizar la gráfica es muy posible que no acceda a la información que queremos transmitir con ella. [Prioridad 1]
3. Enlaces de hipertexto: Usar texto que tenga sentido cuando se lea fuera de contexto. Por ejemplo, no usar “pincha aquí“.
Algunos navegadores presentan una relación de los enlaces que contiene una página Web. Si el texto del vínculo no es explícito, el usuario no conocerá el contenido de la página a la que le conduce el enlace. Si ese texto de los enlaces es siempre “pincha aquí”, verá una relación continua con ese texto como único indicativo. El texto del enlace deberá ser corto y tener sentido si lo sacamos de la frase. Con el atributo “title“, puede concretarse más el contenido del enlace. [Prioridad 2]
4. Mapas de imagen: Usar mapas de cliente y texto alternativo para las zonas activas. El navegador del usuario debe procesar directamente el mapa (utilice mapas tipo USEMAP, en lugar de ISMAP). Utilizando texto alternativo para cada zona activa se facilita la navegación a determinados lectores de pantalla (tipo JAWS). Es necesario incluir enlaces de texto como alternativa para los navegadores que no descargan imágenes. [Prioridad 1, 3]
5. Multimedia: Se deben facilitar subtítulos y transcripciones de los ficheros de sonido, descripción de los vídeos i versiones accesibles en el caso de utilizar formatos no accesibles.
Cualquier presentación multimedia debe incorporar, además de subtítulos y descripciones auditivas, una descripción de sus contenidos en formato texto (texto alternativo) que permita el acceso a las personas que no puedan ver ni oír los contenidos. [Prioridad 1]
6. Uso del color: Se recomienda: Evitar el uso de colores para dar información importante en la web, ya que se limitaría el acceso a un colectivo de usuarios (los que no pueden distinguir entre colores). Respetar los colores predeterminados de los enlaces.
Asegurarse de que el color de fondo y el que está en primer plano tengan suficiente contraste. [Prioridad 1]
7. Organización de las paginas: Se deben utilizar encabezados (H1, H2, H3,…), listas y estructuras consistentes. Es recomendable el uso de hojas de estilo en cascada (CSS) para la maquetación y el estilo allí donde sea posible.
RECOMENDACIONES:
Codificar el idioma de la web: para facilitar la búsqueda en los buscadores.
Codificar el juego de caracteres: alfabeto, ISO, etc.
Codificar las metas datos: palabras clave para acelerar la búsqueda referente al autor, el título de la web, etc.
Codificar el title: cada página de la web debe llevar un título
Codificar el estándar HTML utilizado: qué versión HTML se ha utilizado
Escribir código HTML estándar: todas las etiquetas en minúscula, cerrar cada etiqueta del párrafo cerrar la etiqueta del cambio de línea, cerrar la etiqueta de línea horizontal, la de imagen.
Si se utilizan correctamente los elementos estructurales, las páginas serán más legibles y comprensibles y los robots buscadores las podrán indexar de forma correcta (éstos recopilan la información de los encabezados para recoger la información de la página).
Si se utilizan hojas de estilo, el sitio será más coherente y más fácil de mantener. Usando hojas de estilo se permitirá la personalización de la presentación por parte del usuario (esto beneficia a las personas con ciertas deficiencias visuales que podrán elegir los colores que mejor perciban). [Prioridad 1]
8. Tablas: Realizarlas de manera que se puedan leer línea a línea. Incluir un resumen. Evitar el uso de tablas para dar formato a las páginas. Declarar los encabezados de la tabla y utilizar abreviaturas y acrónimos para facilitar la navegación de los lectores de pantalla. Incluir un resumen del contenido de la misma mediante el atributo “summary”. Verificar que se pueden leer con un navegador sólo-texto que no utilice tablas y las interpreta alineando el texto de las celdas. No utilizar las tablas para maquetar la página. [Prioridad 1]
9. Marcos (Frames): Etiquetar con los atributos title o name”. Si no se puede o no se quiere diseñar la página sin marcos (frames), se debe tener en cuenta que existen navegadores que no pueden cargarlos y que algunas personas con deficiencia visual es posible que no puedan acceder a la información contenida en la página. Para evitarlo utilizar el elemento NOFRAMES y poner un nombre con sentido a los marcos. Describir la relación entre los marcos (mediante el atributo “longdesc”) y, si se puede, ofrecer una versión sin marcos. [Prioridad 1]
10. Scripts, applets y plug-ins: Ofrecer alternativas accesibles en el caso de que las características activas no sean accesibles o no tengan soporte. El objetivo es hacer el “objeto” de forma accesible. En caso de no poder hacerlo, se debe ofrecer una forma alternativa de acceder a la información. Al ser este tipo de objetos programados más abundantes y estar en continua evolución, es conveniente que los desarrolladores permanezcan informados sobre las posibilidades de accesibilidad de los mismos. Algunas empresas han puesto a disposición de diseñadores y usuarios información sobre como hace accesible este tipo de objetos, como es el caso de:
• FLASH de Macromedia
• Adobe Acrobat 4.05 (plug-in para lector de pantalla): [Prioridad 1]
11. Revisión del trabajo: Validar el código HTML. Usar herramientas de evaluación y navegadores sólo-texto para verificar la accesibilidad. Una vez concluida la página, es conveniente revisarla con las herramientas de evaluación automática. No todos los elementos de accesibilidad pueden ser evaluados de forma automática. Verificar “manualmente” el trabajo realizado, utilizando navegadores sólo texto para visualizar y navegar por el sitio y, si se puede, pedir la opinión de algún usuario con necesidades especiales. [Prioridad 1]
Algunas herramientas de verificación:
• Validador de HTML y XHTML:
• Validador de CSS:
• Analizador de accesibilidad, en inglés:
• Analizador de accesibilidad, en español:
Cada una de las pautas definidas se dividen en varios puntos de verificación. Cada punto de verificación tiene un nivel de prioridad:
Prioridad 1 Indica los puntos que deben ser satisfechos en las paginas web, para que ninguna persona se encuentre en situación de incapacidad para acceder a la información
Prioridad 2 Indica los puntos que deberían ser satisfechos en las paginas web, para que ninguna persona tenga graves dificultades para acceder a la información
Prioridad 3 Indica los puntos que deberían ser satisfechos en las paginas web, para que ninguna persona tenga dificultades para acceder a la información.
Legislación
En España, según la LSSICE (LEY 34/2002, de 11 de Julio entrando en vigor el 12 de Octubre de 2002) (Ley de Servicios de la Información y Comercio Electrónico) deben tenerse en cuenta las NORMAS UNE EX 139801 y 139802 (+139803) además de las directrices del WAI (Web Accessibility Initiative) que son consideradas, por la Unión Europea, normas “de facto”. Estas normas tienen en cuenta la accesibilidad para TODOS.
Sobre accesibilidad, la ley dice:
Quinta. Accesibilidad para las personas con discapacidad y de edad avanzada a la información proporcionada por medios electrónicos.
Uno. Las Administraciones Públicas adoptarán las medidas necesarias para que la información disponible en sus respectivas páginas de Internet pueda ser accesible a personas con discapacidad y de edad avanzada de acuerdo con los criterios de accesibilidad al contenido generalmente reconocidos antes del 31 de diciembre de 2005. Asimismo, podrán exigir que las páginas de Internet cuyo diseño o mantenimiento financien apliquen los criterios de accesibilidad antes mencionados.
Dos. Igualmente, se promoverá la adopción de normas de accesibilidad por los prestadores de servicios y los fabricantes de equipos y software, para facilitar el acceso de las personas con discapacidad o de edad avanzada a los contenidos digitales.
Puedes descargarla en formato PDF. ”