- "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."
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 arribaPauta 4. Identifique el idioma usado. Use marcadores que faciliten la pronunciación o interpretación de texto abreviado o extranjero.
Los 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 arribaPauta 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.
Cree páginas que funcionen con navegadores más antiguos, o para quienes decidan desconectar las tecnologías más modernas:
Las 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
