- "Proporcione alternativas equivalentes para el contenido visual y auditivo".
Pauta 2- "Asegúrese de que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante el contexto o por marcadores."
Pauta 3- "Utilice marcadores y hojas de estilo y hágalo apropiadamente."
Pauta 4- "Identifique el idioma usado."
Pauta 5- "Cree tablas que se transformen correctamente."
Pauta 6- "Asegúrese de que las páginas son accesibles incluso cuando no se soportan las tecnologías más modernas o éstas estén desconectadas."
Pauta 7- "Asegure al usuario el control sobre los cambios de los contenidos tempo-dependientes."
Pauta 8- "Asegure la accesibilidad directa de las interfaces de usuario incrustadas."
Pauta 9- "Diseñe para la independencia del dispositivo."
Pauta 10- "Utilice soluciones provisionales."
Para mayor información: Guía breve de accesibilidad web
Pauta 1 - "Proporcione alternativas equivalentes para el contenido visual y auditivo".
Al incluir imágenes, animaciones o sonidos en nuestra página web debemos recordar que existirán visitantes a nuestra página que navegarán desde dispositivos de sólo texto, o personas no videntes que utilizarán programas lectores y “oirán” nuestra página. Para ellos, es fundamental que toda imagen tenga una descripción textual a través del atributo ALT.
Del mismo modo existirán visitantes a nuestra página que no oigan los sonidos, ya sea por tener silenciado el equipo o por ser personas con algún problema auditivo. Pensando en estos visitantes, debemos transcribir audios y subtitular vídeos.
Volver arribaPauta 2 - "Asegúrese de que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante el contexto o por marcadores.”
Una página que contenga un mensaje como “los artículos del mes actual se marcan con color rojo” no permitiría que un no vidente o una persona con algún tipo de ceguera del color acceda a esa información.
Por otra parte un diseño accesible debe separar la estructura del contenido. Si los elementos estructurales (título, subtítulo, párrafo, lista…) se identifican como corresponde (a través de etiquetas propias del lenguaje HTML), los lectores de pantalla para no videntes podrán leerlo de una manera comprensible para los usuarios.
Los colores, los tamaños, la ubicación de los objetos, las jerarquías, deben definirse a través de hojas de estilo separadas del contenido. Esto facilita el acceso a la página mediante dispositivos móviles además de la recepción de información a través de navegadores de tipo “Sólo texto” o lectores de pantalla para no videntes.
Volver arribaPauta 3. Utilice marcadores y hojas de estilo y hágalo apropiadamente.
El concepto de accesibilidad web se refiere a hacer posible que el contenido de la web esté al alcance de todos los usuarios, de acuerdo a sus limitaciones.
Por ejemplo, una persona no vidente utilizará un programa especial que lea el contenido de la página web que está visitando.
Para que esta lectura sea comprensible es necesario que el código de la página sea ordenado y limpio:
Los colores, los tamaños, la ubicación de los objetos, deben definirse a través de hojas de estilo separadas del contenido. Una hoja de estilo es un archivo que establece cuál será el aspecto y la posición de cada uno de los elementos de una página web. Si se utiliza adecuadamente cualquier usuario podrá acceder sólo al contenido, al contenido con la hoja de estilo, o al contenido con elementos de formato más acordes a su dispositivo (por ejemplo, reduciendo proporcionalmente todos los tamaños de acuerdo a la pantalla) o a sus necesidades (por ejemplo, utilizando color negro sobre blanco y letras grandes para personas con problemas en la vista).
Volver arribaLos dispositivos lectores de texto necesitan que exista una clara identificación del idioma en que se encuentra cada parte de un documento para su correcta lectura.
Si en medio de un texto en español hay un fragmento, o simplemente una palabra, en idioma inglés, será leído con la pronunciación española. Eso impide que el usuario comprenda de qué se trata, aunque domine el idioma inglés.
Por otra parte, si se realizan búsquedas utilizando palabras en más de un idioma, podrán ser encontradas más fácilmente si el texto que las contiene ha sido marcado correctamente.
Podemos encontrar ayuda para cumplir estos puntos en estos enlaces:
Pauta 5. Cree tablas que se transformen correctamente.
Los dispositivos lectores de texto leerán las tablas siempre en un orden tabular: fila a fila, o columna a columna.
Por este motivo es indispensable que las tablas se utilicen únicamente cuando su contenido se pueda comprender en ese orden, y no para maquetar.
Es frecuente que se utilice una tabla para poner una imagen u otro contenido en una posición en particular, pero esto es incorrecto y perjudicial para quienes navegan con dispositivos especiales o con software de apoyo.
¿Cómo insertar una imagen en un lugar determinado? Utilizando DIV y definiendo, en la hoja de estilo, la posición del DIV.
Hay algunas pautas adicionales para que las tablas sean mejor aprovechadas por los lectores de pantalla, como identificar encabezados de fila y columna a través del código, ofrecer un resumen de la tabla para saltear su lectura, etc.
Volver arribaCree páginas que funcionen con navegadores más antiguos, o para quienes decidan desconectar las tecnologías más modernas:
Pauta 7. Asegure al usuario el control sobre los cambios de los contenidos tempo-dependientes.
Evite los destellos en la pantalla, los parpadeos y los movimientos que no puedan detenerse.
Los motivos son variados; el principal es que algunos usuarios con un tipo especial de epilepsia (fotosensitiva) pueden sufrir ataques a raíz de cierto ritmo de parpadeos [5].
Por otra parte, las actualizaciones automáticas (comando "refresh") son perjudiciales para quien accede al contenido con lectores o programas de barrido.
No redireccione las páginas automáticamente. El usuario debe poder controlar los cambios en los contenidos.
Volver arribaPauta 8. Asegure la accesibilidad directa de las interfaces de usuario incrustadas.
Siempre que utilice objetos con una interfaz propia, la interfaz debe ser independiente de dispositivo, operable desde el teclado, accesible mediante lector de pantalla para no videntes, y respetar todas las pautas generales de accesibilidad.
Si no puede cumplirse todo lo anterior, debe presentarse una manera alternativa de acceder al contenido.
Volver arribaPauta 9. Diseñe para la independencia del dispositivo.
Al hablar de acceso independiente del dispositivo se hace referencia a la necesidad de que el usuario pueda acceder a toda la información brindada por la página a través de cualquier dispositivo: ratón, teclado, dispositivos especiales que se utilizan a través de la voz, pulsadores, etc.
La mejor prueba para controlar el cumplimiento de este punto es navegar todas sus funciones a través del teclado, utilizando la tecla TAB para moverse entre los enlaces.
Volver arribaPauta 10. Utilice soluciones provisionales.
Hasta que los navegadores y aplicaciones utilizadas para acceder a la información solucionen los problemas de acceso a la web, se debe diseñar de tal forma que todas las aplicaciones de usuarios accedan correctamente, incluyendo versiones antiguas de estas herramientas.
No abrir enlaces en nuevas ventanas, escribir la etiqueta de un campo precediendo al mismo -en los formularios-, incluir caracteres por defecto en los cuadros de control, o incluir caracteres que no tengan enlace entre dos enlaces contiguos, son algunos de los puntos de verificación de esta pauta.
Volver arribaLas pautas de accesibilidad aquí explicadas se publican en la lista de correo electrónico del grupo DiM -Didactica i Multimedia- en forma mensual. Para obtener mayor información sobre pautas de accesibilidad web: Guía breve de accesibilidad web
