"El nivel de cumplimiento exigido por SPRI, S.A.

a la fecha de hoy en referencia a las normas de accesibilidad de pginas web es el "Nivel A - prioridad I". Puede encontrar informacin sobre los diferentes niveles de accesibilidad de pginas web en este mismo documento o en las siguientes direcciones: Lista de Verificacin de las pautas de accesibilidad: List of Checkpoints for Web Content Accessibility Guidelines 1.0: http://www.w3.org/TR/WCAG10/checkpoint-list.html Pgina WAI: http://www.w3.org/WAI/ Pautas de Accesibilidad: WCAG 1.0 (Web Content Accessibility Guidelines): http://www.w3.org/TR/WCAG10/

INFORME ACERCA DE LA ACCESIBILIDAD UNIVERSAL DE UN SITIO WEB

Elaborado en Bilbao a 19 de diciembre de 2003 por SOYCAPAZ.COM.

NDICE:

Por qu hacer una pgina accesible?

pag.

Puntos de Verificacin: Prioridad 1 Prioridad 2 Prioridad 3 pag. pag. pag. 9 11 14

POR QU HACER UNA PGINA ACCESIBLE?

El porcentaje de personas con discapacidad oscila entre el 10% y el 20% en muchas poblaciones. Aunque no todas las discapacidades afectan al acceso a Internet (por ejemplo, una persona que tenga dificultad para caminar), otras muchas s que suponen una gran dificultad. Adems, no slo tenemos que centrarnos en las personas con discapacidad fsica o psquica. Hay una alto porcentaje de la poblacin que posee discapacidades tecnolgicas (tienen un ordenador algo antiguo, no disponen de las ltimas versiones de los navegadores ni plugins, no pueden actualizar estos plugins porque sus conocimientos informticos son muy limitados, etc...) y tambin hay un alto porcentaje de personas mayores que, sin llegar al porcentaje oficial de discapacidad (33%), tienen la vista cansada, por ejemplo, alguna dificultad motora, etc... En especial, hay que mencionar las siguientes situaciones-problema: *Daltonismo, protanofia y tritanofia: Entre un 8%-10% de la poblacin masculina sufre algn tipo de daltonismo, que consiste en la percepcin errnea de los colores verdes y rojos. Si a este dato le aadimos que el porcentaje de hombres que se conectan a internet es superior al de las mujeres, estamos hablando de muchos hombres que pueden tener dificultades cuando visitan una web al no poder distinguir los colores. Tambin existen casos de protanofia, percepcin errnea del color rojo y raramente de tritanofia, que se trata de una percepcin errnea de los colores azul y amarillo. *Baja visin / visin borrosa: La combinacin de colores debe de tener el suficiente contraste entre fondo y texto para que ningn usuario tenga problemas a la hora de leer correctamente el contenido de la pgina. El tipo de letra y el tamao tambin influyen. Es necesario implementar el cdigo de la pgina mediante unidades relativas, para permitir a los usuarios que puedan ampliar o reducir el tamao del texto utilizando las ayudas tcnicas de sus navegadores. Para facilitar la legibilidad de los textos, adems de usar un tipo de letra adecuado, se debe evitar utilizar imgenes contenedoras de texto, entre otras razones, para agilizar la descarga de la pgina, favorecer la nitidez de dicho texto y permitir as que se pueda ampliar.

Pautas internacionales de accesibilidad

El uso de unidades relativas es tambin muy importante para garantizar que un usuario, independientemente de la resolucin de su monitor, vea la pgina, sin desaprovechar espacio. Todo se adaptar a su pantalla. Recordemos que hay muchos usuarios que, sin tener una discapacidad visual medida, pueden tener problemas puntuales a la hora de visitar una pgina web: es el caso de personas mayores, usuarios que pasan muchas horas al da delante de un ordenador y a final de jornada tienen la vista ms cansada, personas que sufren una conjuntivitis, irritacin o alergia, personas que se han olvidado las gafas o que pueden tener un problema puntual con sus lentes de contacto, etc... en resumen todos somos discapacitados en potencia, y en el caso de problemas de visin, todos estamos expuestos a sufrir algn tipo de percance a lo largo de nuestra vida. La maquetacin con tablas hace que muchos usuarios que utilizan lectores de pantalla no puedan leer correctamente la informacin de las pginas, de ah la importancia de no utilizarlas para maquetar, slo para ordenar datos. *Deficiencias auditivas: En el caso de incluir material sonoro, es necesario presentar alternativas (subtitulacin de textos, por ejemplo) *Deficiencias cognitivas: Se debe de utilizar un lenguaje claro para facilitar la comprensin de los contenidos, y todos los acrnimos y abreviaturas deben aparecer convenientemente explicados. Recordemos que no slo personas con deficiencias cognitivas tienen problemas a la hora de leer una pgina. Muchos usuarios no saben qu significa la palabra "home" (usada comnmente en las pginas web para indicar un enlace a la pgina principal), ni el significado de "FAQ" (preguntas frecuentes) ni siquiera el de "Mapa web", de ah que sea mejor sustituirlos, por ejemplo, por Inicio, Ayuda y Mapa del sitio. Tambin hay que tener muy en cuenta las caractersticas de nuestros visitantes: Su rango de edad, diferencias culturales, distintos niveles intelectuales, etc... por eso tenemos que conseguir que un website sea apto para todos los pblicos. Deficiencias motrices: Para ayudar a las personas que sufren algn tipo de deficiencia motriz en la navegacin de la pgina web, hay que incluir las ayudas recomendadas por el W3C:

Pautas internacionales de accesibilidad

*Navegacin independiente del dispositivo de entrada: Muchos usuarios no utilizan el ratn para controlar el ordenador, se utilizan teclados, dispositivos especiales, etc... por lo que tenemos que asegurar que cualquier usuario, con cualquier dispositivo, pueda navegar en una pgina. Esto se consigue creando un orden lgico de navegacin mediante el tabulador y evitando la programacin de elementos dependientes del dispositivo. *Atajos de teclado para los enlaces ms importantes: De la misma forma que en cualquier programa podemos acceder a los mens mediante combinacin de teclas e invocar a comandos (por ejemplo, ctrl+c equivale a la opcin copiar, ctrl+v equivale a pegar), podemos crear combinaciones de teclas que equivaldrn a los enlaces ms importantes. De esta forma, personas que no navegan utilizando el ratn como dispositivo de entrada, podrn desplazarme cmoda y rpidamente entre las secciones del web, combinndolo con el orden establecido del tabulador. Para establecer qu combinacin de teclas se va a usar, hay que tener en cuenta una serie de letras "prohibidas" que pueden dar conflicto con la combinacin de teclas de los navegadores: A: Archivo B: Bookmarks E: Edicin / Edit F: Favoritos / File G: Go H: Herramientas / Help T: Tools U: Ayuda V: Ver / View W: Window *Discapacidad tecnolgica: Un gran porcentaje de los usuarios de una pgina web, alrededor de un 30%, sufren lo que llamamos discapacidad tecnolgica: a quines afecta? Personas que disponen de un ordenador viejo y no pueden instalar las ltimas versiones de los programas. Personas con nulos conocimientos de informtica, les dejan el ordenador instalado, les explican cmo navegar y mandar e-mails, pero no saben nada de instalacin de nuevas versiones. Personas que no entienden ingls, las pginas de descargas de plugins estn en este idioma. Personas que no saben lo que es un plugin. Personas que estn en un ordenador pblico o cibercaf, que no disponen de los permisos oportunos para instalar y/o actualizar programas o plugins, aunque quieran y sepan cmo hacerlo. Y as muchos casos ms...

Pautas internacionales de accesibilidad

Es por ello que debemos tener en cuenta: *Contenidos tipo flash: Si implementamos un banner en flash y una persona no puede visualizarlo, no perder informacin importante, pero si lo que implementamos con flash es un men, el usuario no podr navegar por la pgina. *Tecnologa Javascript: Muchos navegadores no soportan javascript, o muchas veces el javascript utilizado no es estndar y slo funciona bien en un tipo y versin concreta de navegador. Si se utiliza para implementar un men o validar un formulario, muchos usuarios no podrn interactuar correctamente con la pgina. *Cumplimiento de los estndares: Si nuestro cdigo fuente no cumple el estndar XHTML (o al menos el HTML), ni est indicado el tipo de documento, ni tampoco cumple el nivel 2 de las hojas de estilo, la pgina no se ver correctamente en muchos navegadores. Crear un cdigo que est validado por las gramticas formales publicadas por el W3C es fundamental y necesario, de la misma forma que cuando redactamos una carta debemos tener cuidado con las faltas de ortografa y la expresin utilizada. Hay que tener en cuenta que no slo se accede a internet desde un ordenador, el auge de dispositivos mviles como PDAs, mviles de ltima generacin y Web TV hacen obligatorio el cumplimiento de estos estndares para la correcta visualizacin del contenido de la pgina en dichos dispositivos. Niveles de accesibilidad: El WAI tiene, actualmente, 3 niveles de accesibilidad. Para que una pgina sea totalmente accesible debe cumplir, al menos el nivel doble AA y contar con una buena usabilidad. El TAW es una herramienta de revisin de errores automticos, superar esta validacin no garantiza ni certifica ningn nivel de accesibilidad, solo indica que los errores automticos (por ejemplo, que todas las imgenes tengan su correspondiente etiqueta ALT) se han superado. Para garantizar un determinado nivel de accesibilidad, hay que hacer una revisin manual de los puntos propuestos por el WAI. Llegar a cumplir el nivel doble AA es sencillo, ms tratndose de un proyecto nuevo que parte de cero. El nivel tripe AAA consiste en ayudas para facilitar la navegacin y comprensin de la pgina para todos los usuarios, pero tambin se puede cumplir con facilidad.

Pautas internacionales de accesibilidad

Con el cumplimiento de los 65 puntos de validacin de las pautas de la WAI, se cumple el nivel AAA, adems, se puede comprobar la validacin con TAW, Bobby y Cynthia Says. La visibilidad de colores tambin se puede validar, mediante Vischeck, y debemos utilizar un navegador slo-texto, como el Lynx, para asegurar la correcta navegacin de la pgina. En resumen, entre los beneficiarios de la accesibilidad se encuentran: Usuarios que usan traductores a voz, braille... y usuarios en general que no disponen de tarjeta de sonido o usan navegadores en modo texto. Usuarios con dificultad para distinguir colores, usuarios con sistemas monocromos. Usuarios con dificultades oculares que tienen que aumentar el tamao de letra de una pgina web. Usuarios con epilepsia fotosensible. Usuarios con navegadores desfasados o que han deshabilitado servicios de su navegador. Usuarios con dificultades motrices que no son capaces de interactuar con objetos en movimientos. Usuarios que no disponen de ratn o no lo pueden usar. Usuarios con dificultades cognitivas

En general, cualquier usuario se beneficia de las pginas accesibles ya que son fciles de usar y no producen ningn tipo de inconveniente.

Pautas internacionales de accesibilidad

Segn la LEY 34/2002, de 11 de julio, de servicios de la sociedad de la informacin y de comercio electrnico (LSSICE) las Administraciones Pblicas adoptarn las medidas necesarias para que la informacin disponible en sus respectivas pginas 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, podrn exigir que las pginas de Internet cuyo diseo o mantenimiento financien apliquen los criterios de accesibilidad antes mencionados. Esta ley es insuficiente, a nuestro parecer, porque slo exige que se aplique el primer nivel de accesibilidad de los 3 que existen. Estos niveles son: Nivel A (Prioridad 1): El desarrollador tiene que satisfacer estos puntos de verificacin, si no, algunos grupos de personas sern incapaces de acceder a la informacin de un sitio. Nivel AA (Prioridad 2): El desarrollador debe satisfacer estos puntos, de lo contrario, alguien encontrar muchas dificultades para acceder a la informacin. Nivel AAA (Prioridad 3): El desarollador puede satisfacer estos puntos, de lo contrario, algunas personas hallarn dificultades para aceeder la la informacin.

Pautas internacionales de accesibilidad

PUNTOS DE VERIFICACIN PRIORIDAD 1

EN GENERAL:
Proporcionar un texto equivalente para todo elemento no textual (p. ej. A travs de alt, longdesc o en el contenido del elemento). Esto incluye: imgenes, representaciones grficas del texto, mapas de imagen, animaciones (p. ej. GIFs animados), applets y objetos programados, ASCII art, marcos, scripts, imgenes usadas como vietas en las listas, espaciadores, botones grficos, sonidos (utilizados con o sin interaccin), archivos exclusivamente auditivos, banda sonora del vdeo y vdeos. Asegurar que toda la informacin transmitida a travs de los colores tambin est disponible sin color, por ejemplo mediante el contexto o por marcadores. Identificar claramente los cambios en el idioma original del texto del documento y en cualquier texto equivalente (p. ej. leyendas). Organizar el documento de forma que pueda ser ledo sin hoja de estilo. Por ejemplo, cuando un documento HTML es interpretado sin asociarlo a una hoja de estilo, tiene que ser posible leerlo. Asegurar que los equivalentes de un contenido dinmico son actualizados cuando cambia el contenido dinmico. Hasta que las aplicaciones de usuario permitan controlarlo, evitar provocar parpadeo en la pantalla. Utilizar el lenguaje apropiado ms claro y simple para el contenido de un sitio.

Y SI SE UTILIZAN IMGENES Y MAPAS DE IMGENES:

Proporcionar vnculos de texto redundantes con cada zona activa de un mapa de imagen del servidor. Proporcionar mapas de imgenes controlados por el cliente en lugar de por el servidor, excepto donde las zonas sensibles no puedan ser definidas con una forma geomtrica.

Y SI UTILIZA TABLAS:
En las tablas de datos, identificar los encabezamientos de fila y columna.

Pautas internacionales de accesibilidad

10

Para las tablas de datos que tienen dos o ms niveles lgicos de encabezamientos de fila o columna, utilizar marcadores para asociar las celdas de encabezamiento y las celdas de datos.

Y SI UTILIZA MARCOS (FRAMES):

Titular cada marco para facilitar la identificacin y navegacin de los mismos.

Y SI UTILIZA APPLETS Y SCRIPTS:

Asegurarse de que las pginas sigan siendo utilizables cuando se desconecten o no se soporten los scripts, applets u otros objetos de programacin. Si esto no es posible, proporcionar informacin equivalente en una pgina alternativa accesible.

Y SI UTILIZA MULTIMEDIA:
Proporcionar una descripcin autiditiva de la informacin importante de la banda visual de una presentacin multimedia, hasta que las aplicaciones de usuario puedan leer automticamente el texto equivalente de la banda visual. Para toda presentacin multimedia tempodependiente (p. ej. una pelcula o animacin) sincronizar alternativas equivalentes (p. ej. subttulos o descripciones de la banda visual) con la presentacin.

Y SI TODO LO DEMS FALLA:

Si, despus de los mayores esfuerzos, no puede crear una pgina accesible, proporcione un vnculo a una pgina alternativa que use tecnologas W3C, sea accesible, tenga informacin equivalente (o funcional) y sea actualizada tan a menudo como la pgina (original) inaccesible.

Pautas internacionales de accesibilidad

11

PUNTOS DE VERIFICACIN PRIORIDAD 2

EN GENERAL:
Asegurarse de que las combinaciones de los colores de fondo y primer plano tengan el suficiente contraste para que sean percibidos por personas con deficiencias de percepcin de color o por pantallas en blanco y negro. Utilizar marcadores en vez de imgenes para transmitir la informacin cuando exista un marcador apropiado. Crear documentos que estn validados por las gramticas formales publicadas. Utilizar hojas de estilo para controlar la maquetacin y presentacin. Utilizar unidades relativas en lugar de absolutas al especificar los valores en los atributos de los marcadores de lenguaje y en los valores de las propiedades de las hojas de estilo. Utilizar elementos de encabezado para transmitir la estructura lgica y hacerlo de acuerdo con la especificacin. Marcar las listas y los puntos de las listas correctamente. Marcar las citas. No utilizar el marcador de citas para efectos de formato tales como sangras. Asegurar que los contenidos dinmicos son accesibles o proporcionar una pgina o presentacin alternativa. Evitar el parpadeo del contenido (por ejemplo, cambio de presentacin en periodos regulares, as como el encendido y apagado) hasta que las aplicaciones de usuario permitan controlarlo. No crear pginas que se actualicen automticamente de forma peridica hasta que las aplicaciones de usuario proporcionen la posibilidad de detener las actualizaciones. No utilizar marcadores para redirigir las pginas automticamente hasta que las aplicaciones de usuario proporcionen la posibilidad de detener el redireccionamiento automtico. En su lugar, configurar el servidor para que ejecute esta posibilidad. No provocar apariciones repentinas de nuevas ventanas y no cambiar la ventana actual sin informar al usuario hasta que las aplicaciones de usuario permitan desconectar la apertura de nuevas ventanas.

Pautas internacionales de accesibilidad

12

Utilizar tecnologas W3C cuando estn disponibles y sean apropiadas para la tarea, y usar las ltimas versiones cuando sean soportadas. Evitar caractersticas desaconsejadas por las tecnologas W3C. Dividir los bloques largos de informacin en grupos ms manejables cuando sea natural y apropiado. Identificar claramente el objetivo de cada vnculo. Proporcionar meta datos para aadir informacin semntica a las pginas y sitios. Proporcionar informacin sobre la maquetacin general de un sitio (p ej. mapa del sitio o tabla de contenidos). Utilizar los mecanismos de navegacin de forma coherente.

Y SI UTILIZA TABLAS:
No utilizar tablas para maquetar, a menos que la tabla tenga sentido cuando se alinee. Por otro lado, si la tabla no tiene sentido, proporcionar una alternativa equivalente (la cual debe ser una versin alineada). No utilizar marcadores estructurales para realizar un formateo visual si se utiliza una tabla para maquetar.

Y SI UTILIZA MARCOS (FRAMES):

Describir el propsito de los marcos y cmo stos se relacionan entre s, si no resulta obvio solamente con el ttulo del marco.

Y SI UTILIZA FORMULARIOS:
Para todos los controles de formularios con etiquetas asociadas implcitamente, asegurar que la etiqueta est colocada adecuadamente, hasta que las aplicaciones de usuario soporten explcitamente la asociacin entre control de formulario y etiqueta. Asociar explcitamente las etiquetas con sus controles.

Y SI UTILIZA APPLETS Y SCRIPTS:

Para los scripts y applets, asegurarse de que los manejadores de eventos sean entradas independientes del dispositivo.

Pautas internacionales de accesibilidad

13

Evitar los movimientos en las pginas hasta que las aplicaciones de usuario permitan congelar el movimiento de los contenidos. Hacer que los elementos de programacin, tales como scripts y applets, directamente accesibles o compatibles con las ayudas tcnicas. Asegurar que cualquier elemento que tiene su propia interfaz pueda manejarse independiente del dispositivo. Para scripts, especificar manejadores de eventos lgicos mejor que manejadores de eventos dependientes de dispositivos.

Pautas internacionales de accesibilidad

14

PUNTOS DE VERIFICACIN PRIORIDAD 3

EN GENERAL:
Especificar la expansin de cada abreviatura y acrnimo en el documento cuando aparezca por primera vez. Identificar el idioma principal de un documento. Crear un orden lgico para navegar con el tabulador a travs de vnculos, controles de formulario y objetos. Proporcionar atajos de teclado para los vnculos ms importantes (incluidos los de los mapas de imagen de cliente), los controles de formulario y los grupos de controles de formulario. Incluir caracteres imprimibles (rodeados de espacios), que no sirvan como vnculo, entre los vnculos contiguos, hasta que las aplicaciones de usuario (incluidas las ayudas tcnicas) interpreten claramente los vnculos contiguos. Proporcionar la informacin de modo que los usuarios puedan recibir los documentos segn sus preferencias (p. ej. idioma, tipo de contenido, etc.). Proporcionar barras de navegacin para destacar y dar acceso al mecanismo de navegacin. Agrupar los vnculos relacionados, identificar el grupo (para las aplicaciones de usuario) y proporcionar una manera de evitar el grupo hasta que las aplicaciones de usuario lo hagan. Si proporciona una funcin de bsqueda, permitir diferentes tipos de bsqueda para diversos niveles de habilidad y preferencias. Localizar la informacin destacada al principio de los encabezamientos, prrafos, listas, ec... Proporcionar la informacin sobre las colecciones de documentos (por ejemplo, los documentos que comprendan mltiples pginas). Proporcionar un medio para saltar sobre un ASCII art de varias lneas. Complementar el texto con presentaciones grficas o auditivas cuando ello facilite la comprensin de la pgina. Crear un estilo de presentacin que sea coherente para todas las pginas.

Pautas internacionales de accesibilidad

15

Y SI SE UTILIZAN IMGENES Y MAPAS DE IMGENES:

Proporcionar vnculos de texto redundantes para cada zona activa del mapa de imagen de cliente hasta que las aplicaciones de usuario interpreten el texto equivalente para los vnculos de los mapas de imagen de cliente.

Y SI UTILIZA TABLAS:
Proporcionar resmenes de las tablas Proporcionar abreviaturas para las etiquetas de encabezamiento. Proporcionar un texto lineal alternativo (en la pgina actual o en alguna otra) para todas las tablas que maquetan texto en paralelo, en columnas de palabras, hasta que las aplicaciones de usuario (incluidas las ayudas tcnicas) interpreten correctamente los textos contiguos.

Y SI UTILIZA FORMULARIOS:
Incluir caracteres por defecto en los cuadros de edicin y reas de texto hasta que las aplicaciones de usuario manejen correctamente los controles vacos.

Pautas internacionales de accesibilidad