Accesibilidad web.pdf

Manual de Accesibilidad Web para Gestores de Contenido Accesibilidad Web para editores de contenido del Ayuntamiento de Gijón Manual de Accesibilidad Web para Gestores de Contenido Accesibilidad Web para editores de contenido Lista de ejemplos 2.1. Alternativas tex...

Manual de Accesibilidad Web para Gestores de Contenido Accesibilidad Web para editores de contenido del Ayuntamiento de Gijón Manual de Accesibilidad Web para Gestores de Contenido Accesibilidad Web para editores de contenido Lista de ejemplos 2.1. Alternativas textuales 16 22. Alternativas para gráficos complejos 17 2.3. Alternativas textuales y gráficos estadísticos 18 3.1. Lista no ordenada 26 32. Lista ordenada 27 3.3. Lista de definición simple 27 3.4. Lista de definición compleja 27 3.5. Diálogo corno lista de definición 28 3.6. Lista definición mediante lista desordenada y resaltado 28 3.7. Anidamiento de listas desordenadas 29 3.8. Anidamiento complejo de listas 29 3.9. Abreviaturas 31 3.10. Acrónimos 31 3.11. Expansión de acrónimos en el texto 32 3.12. Noticia en periódico digital 33 3.13. Uso de palabras complejas y palabras de uso común 35 3.14. Uso de verbos 36 3.15. Uso de frases simples 37 3.16. Uso de voz activa frente a voz pasiva 37 3.17. Uso de sustantivos frente a infinitivos 37 3.18. Uso de pronombres reflexivos 37 3.19. Uso de lenguaje positivo 38 3.20. Uso de dobles negaciones 38 3.21. Personificación del texto 38 3.22. Uso correcto de la gramática 39 3.23. Texto en diferentes idiomas 44 3.24. Palabras en diferente idioma 44 3.25. Enlaces descriptivos 45 3.26. Enlaces iguales, destino diferente 46 3.27. Incluir caracteres entre enlaces. Desaconsejado 47 3.28. Incluir caracteres entre enlaces 47 3.29. Separación de enlaces medíante marcado estructural 47 3.30. Transmitir información mediante el color 48 3.31. Transmitir información no sólo mediante el color 48 8.1. Estructura y presentación 69 Manual de Accesibilidad Web para Gestores de Contenido Introducción En primer lugar, cabe destacar los objetivos que tiene la guía. Se pretende que el personal de edición de contenidos sea capaz de: Reconocer la Importancia de la Accesibilidad Web y de su papel para alcanzarla. Conocer las recomendaciones generales sobre Accesibilidad. Identificar problemas de accesibilidad en sus portales a través del conocimiento adquirido en la guía. Buscar soluciones alternativas a los posibles problemas de accesibilidad y limitaciones que ofrecen los editores de contenido. Accesibilidad Web ¿Qué es la Accesibilidad Web? Podemos definirla Accesibilidad como la posibilidad de que un sitio o servicio web pueda ser visitado y utilizado de forma satisfactoria por el mayor número posible de personas, independientemente de las limitaciones personales que tengan o de aquellas limitaciones que sean derivadas de su entorno. ¿Por qué es importante? El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto esencial — Tim Bemers-Lee Manual de Accesibilidad Web para Gestores de Contenido Introducción Relevancia actual de la Web La Web (World Wide Web) se creó como una red universal de conocimiento que ha supuesto un salto cualitativo y cuantitativo en cuanto a !a adquisición y tratamiento de información. Fomentar la igualdad de oportunidades La Web juega un papel cada vez más importante en el ámbito de los servicios educativos, profesionales, económicos, políticos y sociales, ya que se utiliza continuamente para recibir y proporcionar información. Sin embargo del mismo modo que existen barreras arquitectónicas, también existen barreras en la Web que impiden o entorpecen el acceso a la misma a las personas con discapacidad. La Accesibilidad Web es un elemento esencial que favorece la Igualdad de oportunidades de las personas con discapacidad, entre otros, eliminando esas barreras y permitiendo el ejercicio del derecho reconocido constitucionalmente como es el acceso a la cultura, el ocio y el tiempo libre, sai como el acceso a la información y servicios electrónicos. Ocasión sin precedentes Con el desarrollo de las tecnologías de la información y la comunicación, en particular Internet y las páginas web. se ofrece la oportunidad de favorecer el acceso a la información a las personas con discapacidad. Esta idea la expresa perfectamente Kofi Annan, Ex-secretario General de las Naciones Unidas. El acceso a las TIC ofrece oportunidades a todas las personas, pero quizás más que a nadie a las personas con discapacidad. En la medida en que el desarrollo de Internet y de estas tecnologías tiene más plenamente en cuenta sus necesidades, ya no hay razón para que las barreras en forma de prejuicios, infraestructuras y formatos inaccesibles impidan su participación. — KotiAnnan En otros medios de comunicación, como puede ser el medio impreso, no es posible proporcionar contenidos accesibles fácilmente. Una persona con ceguera sólo puede leer publicaciones en Braille, las cuales son escasas y costosas de realizar. No puede acceder a la información diaria (por ejemplo, periódicos) o a la cantidad de publicaciones disponibles para el resto del público. Manual de Accesibilidad Web para Gestores de Contenido En cambio, la tecnología permite crear contenidos web accesibles para cualquier tipo de usuario, tenga o no tenga discapacidad. Por ejemplo, un periódico digital en el que se tengan en cuenta las medidas de accesibilidad puede ofrecer todos sus contenidos (noticias actualizadas constantemente) a todos los usuarios. Es una oportunidad única para eliminar las barreras existentes en el acceso a la información y asegurar así el acceso universal y, por tanto, la igualdad de oportunidades. Introducción ¿A quién beneficia? La Accesibilidad Web beneficia a las personas que presentan algún grado de discapacidad (físicas, sensoriales, cognitivas, etc.), entendiendo por discapacidad las deficiencias, las limitaciones en la actividad y las restricciones en la participación. Algunos tipos de discapacidad que afectan en el acceso a los contenidos web son: Visuales: como pueden ser la ceguera, la baja visión, o problemas en la percepción de colores, como el daltonismo. Auditivas: alteraciones cuantitativas de la correcta percepción de los sonidos. Por ejemplo, sordera y disminución de la audición o hipoacusia. Flslcaa o motrices: aquellas que afectan a la correcta movilidad de las personas. Cognitivas o neurológicas como pueden ser Relacionadas con el aprendizaje: dislexia, discalculia... Trastornos de déficit de atencIón. Dificultad para comprender conceptos complejos. Falta de memoria, Trastornos emocionales que dificultan la concentración. Epilepsia. Asimismo, la Accesibilidad Web también beneficia a otros grupos de usuarios como aquellas personas con dificultades relacionadas con el envejecimiento o las derivadas de una situación desfavorable determinada: Usuarios de edad avanzada con dificultades producidas por el envejecimiento, el cual lleva asociado una pérdida paulatina de capacidades (vista, audición, memoria, coordinación y destreza física). Usuarios afectados por circunstancias derivadas del entorno como baja iluminación, ambientes ruidosos, espacio reducido, etc. Usuarios con insuficiencia de medios que acceden a los servicios de Internet mediante equipos y conexiones con capacidades limitadas. Manual de Accesibilidad Web para Gestores de Contenido Navegadores antiguos con escaso soporte para nuevas tecnologías. Navegadores de texto usados en ordenadores antiguos o en terminales con una limitada capacidad gráfica. Conexiones lentas que hace que algunos usuarios desactiven las imágenes y elementos multimedia para reducir el tiempo de descarga de las páginas web. A continuación se presenta una breve descripción de algunas de las ayudas técnicas empleadas por las personas con discapacidad para el uso de los ordenadores y, en particular, para el acceso al contenido de la web. Lectores de pantalla Los lectores de pantalla se usan para permitir a las personas con discapacitación visual la navegación y la interacción con el sistema operativo y sus aplicaciones, incluyendo los navegadores web. Monitores monocromos o en blanco y negro que impiden percibir la información que se sustenta sólo en el color. — Ausencia de ratón para usar el ordenador, teniendo que usar el teclado. Usuarios que no dominen el idioma, como aquellos de habla extranjera o con menor nivel cultural. Usuarios inexpertos o que presentan inseguridad frente a la utilización de diversos dispositivos electrónicos. La Accesibilidad Web beneficia, en general, a todos los usuarios. ;1 Diseñar para usuarios con discapacidad en un entorno ordinario es igual que diseñar para personas sin discapacidad en entornos extraordinarios Una silla de ruedas es una ayuda técnica La Accesibilidad Web beneficie a lodo el mundo, independientemente de sus limitaciones. el entorno o el dispositivo de acceso. Ayudas técnicas Las ayudas técnicas son dispositivos diseñados para ayudar a las personas con discapacidad a realizar las tareas comunes de la actividad diaria que de otra manera no podrían realizar fácilmente. Así, una silla de ruedas, una máquina lectora o un audífono son ayudas técnicas. Uno de los lectores do pantalla más conocidos y utilizados es de tipodelware interprete el texto que aparece en la pantalla y lo dirige a un dispositivo de salida en formato que puede ser entendido por una persona ciega (por ejemplo, información sonora mediante síntesis de voz o información táctil por medio de una linee de Braille).... Ampliadores de pantalla Manual de Accesibilidad Web para Gestores de Contenido Los ampliadores de pantalla son aplicaciones software que permiten aumentar una parte de la pantalla para facilitar la visualización de la información a las personas con baja visión. Teclados reducidos. Tienen dimensiones más pequeñas que un teclado normal y requieren menor amplitud de movimientos. Teclados para una sola mano. Con una disposición especial de las teclas que requieren menos amplitud de movimientos para poder usarse con una sola mano. Punteros de cabeza o licornios. Son cascos con una varilla metálica incorporada. En el extremo de la varilla se puede colocar un puntero para golpear las teclas mediante movimientos de la cabeza. Teclados ampliados. Las teclas se encuentran muy separadas para impedir que se pulsen dos teclas al mismo tiempo. Estos teclados resultan muy útiles para personas con poca precisión de movimientos. El inconveniente de los ampliadores de pantalla es que, al aumentar la imagen, también reducen el campo de visión o parte visible de la pantalla, perdiéndose la información del contexto de lo que se ve. Para paliar este problema, algunos ampliadores de pantalla proporcionan dos vistas de la pantalla, una vista ampliada y otra con el tamaño por defecto para la navegación. Teclados alternativos y conmutadores Los teclados alternativos son ayudas técnicas diseñadas específicamente para usuarios con determinadas discapacidades (generalmente físicas o motrices) o para ciertas condiciones de uso impuestas por el entorno. Además de los teclados alternativos, hay una serie de conmutadores y dispositivos que permiten usar el ordenador sin necesidad de recurrir al ratón o teclado estándar. A continuación, se muestran algunos ejemplos de este tipo de ayudas técnicas: Varillas bucales. Similares a los licomios pero se usan sujetándolas con la boca. Pantallas táctiles. Dispositivos que se adaptan al monitor (o son parte del mismo) y que detectan la pulsar sobre ellos. Permiten seleccionar opciones o teclas directamente al pulsar sobre el monitor. Esta: son útiles para personas con discapacidades motrices, para los usuarios de punteros de cabeza o con de aprendizaje, pues su uso es más sencillo e intuitivo que el teclado y ratón. Sistemas de reconocimiento de movimiento del ojo. Mediante un dispositivo (gafas especiales, cámaras situadas delante del usuario...) estos sistemas detectan hacia dónde está mirando el ojo y permiten dirigir el cursor sobre la Manual de Accesibilidad Web para Gestores de Contenido pantalla. Son útiles para personas con una movilidad muy restringida y se pueden emplear conjuntamente con otras ayudas técnicas, como los teclados en pantalla. Detectores del movimiento de la cabeza. Funcionan de forma similar a los sistemas de reconocimiento del ojo pero se basan en el movimiento de la cabeza. Conmutadores de aspiración y soplado. Estas ayudas se activan con la respiración del usuario. Software de rastreo El software de rastreo es una aplicación que muestra en pantalla una serie de opciones, enlaces, textos, frases...de forma secuencial (una a una), de forma que el usuario, por medio de algún dispositivo de entrada (botón, pulsador...) pueda seleccionar el elemento que desee cuando esté resaltado. Teclado en pantalla Un ejemplo de software de rastreo son los teclados en pantalla, donde el usuario puede pulsar ias teclas por medio de un dispositivo de apuntamiento (ratón, joystick..). Las teclas se van iluminando secuencialmente permitiendo que el usuario seleccione la tecla que desee apretando un botón. Ventajas de la Accesibilidad Web La aplicación de las Pautas de Accesibilidad, además de permitir y mejorar el acceso de las personas con discapacidad a los contenidos web, conlleva también otras ventajas adicionales que se presentan a continuación. Simpliflca el desarrollo: ciertas condiciones y requisitos técnicos que recomienda la accesibilidad dan como resultado mejoras en les procesos de desarrollo. Conceptos como la separación de contenido y presentación, o el uso de estándares, facilitan el desarrollo y mantenimiento. Otras ventajas derivadas son una mejor reutilización de los recursos y la disminución de la carga de los servidores. Ahorra costes: la aplicación de las Pautas de Accesibilidad conlleva un ahorro de costes como consecuencia de las mejoras en los procesos de desarrollo antes mencionadas. Mejora la indexación en los buscadores: la necesidad de proporcionar equivalentes textuales, así como la estructuración y semantización de los contenidos tiene como resultado el enriquecimiento de la información de la Web de forma que los contenidos pueden ser indexados más efectivamente por los buscadores. Facilita la independencia de dispositivo y la Interoperabilidad: la Accesibilidad Web permite alcanzar un buen nivel de interacción mediante Manual de Accesibilidad Web para Gestores de Contenido diferentes dispositivos o configuraciones según las características o preferencias de los usuarios. Aumenta la Usablildad: los sitios web accesibles son en general más ‘usables” para todo el mundo. Conceptos como la sencillez, facilidad de manejo y navegación, y eficiencia, se manejan en ambas disciplinas. Mejora el acceso en general: las mejoras de usabilidad, de navegación, de estructuración, etc., asociadas a la accesibilidad, constituyen valores en si mismos que benefician a todos los usuarios de la Web en general. Aumenta el número de usuarios: al mejorar el acceso a los contenidos web de forma general, no se excluyen grupos de personas que potencialmente pueden formar parte de los usuarios de nuestras páginas web, lo cual puede redundar en un aumento de las visitas y, por tanto, de los beneficios. Por tanto debemos ver la accesibilidad, no como una serie de requisitos aislados para un colectivo concreto, sino como Opciones de mejora de la calidad de la Web en general que nos aportará beneficios y permitirá estar mejor preparados para futuras tecnologías web. El W3C fue creado en octubre de 1994 con el Objetivo de guiar la Web hacia su máximo potencial mediante el desarrollo de estándares y protocolos que aseguren el crecimiento futuro de la Web. Uno de los principales objetivos del W3C es el asegurar el acceso universal: hacer la Web accesible a todos promocionando tecnologías que tengan en cuenta las enormes diferencias en cultura, idiomas, educación, capacidad, recursos materiales, dispositivos de acceso y limitaciones físicas de los usuarios en todos los continentes. El W3C, a través de su Iniciativa de Accesibilidad Web (WAI), busca que la Web sea accesible para todos independientemente de su cultura, idioma, recursos materiales y discapacidad de los usuarios. Dentro cte esta iniciativa, se publicaron en mayo de 1999 las Pautas de Accesibilidad para el Contenido Web 1.0 1 (WCAG 1.0), que explican cómo deben crearse páginas y sitios web accesibles. Estas recomendaciones son las que en la actualidad gozan de una mayor difusión y aceptación para la creación de contenidos accesibles y son reconocidas internacionalmente como normas de facfo El documento está formado por 14 Pautas Generales sobre el diseño accesible. Cada pauta a su vez está dividida en varios puntos de verificación o aspectos concretos sobre la aplicación de la pauta. En total hay 65 puntos de verificación. Manual de Accesibilidad Web para Gestores de Contenido Cada punto de verificación tiene asignada una prioridad que indica cómo afecta a la accesibilidad de un sitio web si dicho punto de verificación no se cumple. Es decir, según cuál sea su impacto en la accesibilidad. PriorIdad 3 Un desarrollador de contenidos de páginas web puede satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán alguna dificultad para accederá la información del documento. Satisfacer este punto de verificación mejorará la accesibilidad de los documentos web. Existen tres niveles de adecuación que indican el grado de cumplimiento de los puntos de verificación por un determinado sitio web. - Adecuación de nivel A (A) Se satisfacen todos los puntos de verificación de prioridad 1. - Adecuación de nivel Doble A (AA) Se satisfacen todos los puntos cte verificación de prioridad 1 y 2. - Adecuación de nivel Triple A (AAA) Se satisfacen todos los puntos de verificación de prioridad 1. 2 y 3. Así, por ejemplo, si queremos que nuestro sitio web tenga un nivel de adecuación AA (Doble A) tendremos que cumplir todos los puntos de verificación de prioridad 1 y de prioridad 2. Manual de Accesibilidad Web para Gestores de Contenido Legislación La creciente importancia de la Sociedad de la Información (SI) y de las Tecnologías de la Información y la Comunicación (TIC) ha aumentado la necesidad de una legislación que las regule y que garantice el acceso a la misma a todos los ciudadanos independientemente de sus discapacidades. Es necesario destacar que la Accesibilidad Web es, en el caso de la Administración Pública de España, requerida por ley. Según la Ley 3412002, del 2 de julio, de Servicios de la Sociedad de la Información y de Comercio Electrónico, las Administraciones Públicas deben adoptar 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. Asimismo, podrán exigir que las páginas de Internet cuyo diseño o mantenimiento financien, apliquen los criterios de accesibilidad antes mencionados. Sistemas de Gestión de Contenidos CMS (Content Management System). Herramienta que facilita la creación, mantenimiento, publicación y presentación de la información manejada en el d(a a día de las organizaciones (empresas, instituciones, etc.). Breve descripción de lo que es un Sistema de Gestión de Contenidos y como funciona: 1. Creación de contenido mediante un entorno de edición para personal no técnico. (información estructurada y no estructurada). Esta es la parte en la que los editores de contenido son parte activa del proceso, creando y editando contenidos. 2. Gestión de contenidos propiamente dicha. Esta parte comprende desde el almacenamiento para su posterior reutilización, asi como el control de versiones (histórico de modificaciones) y el control de permisos (quien pueda acceder a determinado contenido, quien lo puede editar, quien va a ser la siguiente persona en el flujo que sigue la información en tener acceso al documento, etc.) 3. Publicación. En este momento del proceso se da salida al contenido anteriormente introducido. Se da una imagen (corporativa, visual, para cualquier medio). En este paso son los diseñadores los que entran en juego. 4. Presentación. Se utiliza el mismo contenido de entrada para ofrecer una amplia variedad de salida bien sea en formato web (para internet o intranet), formato PDF u otro adaptado a diferentes dispositivos y medios (WAP, correo electrónico, etc). Manual de Accesibilidad Web para Gestores de Contenido Se indica en este punto la relación que existe entre los diferentes pasos o ciclo de vida de los documentos con los distintos profesionales que trabajan en la organización. Estructura/Contenido - Editor de Contenidos Presentación - Diseñador Interacción - Programador La accesibilidad de un sitio web recae sobre tres pilares fundamentales: Herramientas Las herramientas empleadas para la creación del portal (CMS) y la edición de contenidos deben generar, y permitir que los usuarios generen, un código conforme a los estándares y accesible. Desarrollo Se debe tener en cuenta la accesibilidad a la hora de diseñar las plantillas y crear las aplicaciones usadas en el portal. Un desarrollador de contenidos de páginas web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfacer este punto de verificación es un requerimiento básico para que algunos grupos puedan usar los documentos web. Piloridad 2 Un desarrollador da contenidos cte páginas web debe satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfacer este punto de verificación eliminará importantes barreras de acceso a los documentos web. Edición de contenidos Las herramientas y el desarrollo accesible forman el marco principal del portal, pero el lienzo son los contenidos que alli se publican. Para que todo el cuadro sea accesible deben ser accesibles tanto el marco como el lienzo. Por tanto, para la consecución de un portal accesible es imprescindible que la edición de contenidos también sea accesible. La accesibilidad del portal se ve comprometida en cuanto falle cualquiera de estos tres pilares. Manual de Accesibilidad Web para Gestores de Contenido Imágenes Una de las mejoras más importantes en Cuanto a accesibilidad que podemos lograr en un sitio web es la de proporcionar buenos equivalentes textuales para todas las imágenes y, en general, para todo el contenido no textual. Por tanto, se trata de una tarea que no podemos menospreciar. Al mismo tiempo, algo que en principio no parece entrañar excesiva dificultad, es uno de los aspectos menos con prendido y más proclive a errores ya que podemos encontrar infinidad de imágenes con equivalentes textuales incorrectos o inadecuados. La tarea de proporcionar equivalentes textuales no es trivial, y requiere de cierta experiencia el lograr buenos resultados Sin embargo, se pueden seguir una serie de recomendaciones básicas que nos permitirán diferenciar diferentes tipos de imágenes y cómo afrontar la creación de sus respectivos equivalentes textuales. Si seguimos estas recomendaciones podemos evitar cometer los errores más comunes. ¿Cómo proporcionar un equivalente textual para las imágenes? Existen tres mecanismos para proporcionar equivalentes textuales a las imágenes: Texto alternativo: (alt) El mecanismo más básico para hacer un sitio accesible ya la vez el más importante. En el texto alternativo se pondrá la información esencial relacionada con la imagen. Descripción larga: (longdesc) En el caso de que la imagen sea compleja y precise de una descripción demasiado extensa como para proporcionarla en el texto alternativo será necesario usar este mecanismo para ofrecer una descripción más detallada. Titulo: (title) Es opcional y se usa para proporcionar información adicional sobre la imagen complementando el texto alternativo. Manual de Accesibilidad Web para Gestores de Contenido Es importante resaltar que el texto alternativo es siempre obligatorio, mientras que las descripciones largas sólo se usan cuando son necesarias y los títulos, en cambio, son un mecanismo para dar información útil pero opcional. Por tanto, aunque se tratarán todos los casos, nos centraremos principalmente en la elección y redacción de textos alternativos adecuados. Aunque se saiga del ámbito de esta guía, al estar destinada a personal no técnico, es interesante ver cómo funcionan estos tres mecanismos mostrando un fragmento de código y explicándolo brevemente. El personal encargado de la edición de contenido no necesita saber cómo es el código ya que las herramientas de edición lo generan automáticamente. Sin embargo, en algunas de estas herramientas es posible que se haga referencia a estos mecanismos mediante el nombre de los atributos usados en el código. Así, cuando se solicita a los usuarios introducir estos valores, en vez de hablar de descripción larga es posible que hagan referencia a longdesc. Texto alternativo ¿Qué es el texto alternativo? El objetivo del texto alternativo es ci de proporcionar una alternativa textual breve y concisa en caso de que no se pueda mostrar la imagen original. Los navegadores y lectores de pantalla detectan la presencia de imágenes, pero no pueden interpretar su contenido. Corno desarrolladores o editores es nuestra responsabilidad el comunicar al lector de pantalla o navegador, y por tanto al usuario final, cuál es el contenido o función de la imagen. ¿A quién beneficia? Un texto alternativo aporta los siguientes beneficios al sitio web y a sus usuarios: Los navegadores de texto sin capacidad gráfica muestran el texto alternativo en lugar de la imagen, de forma que no se pierde información. Los navegadores gráficos que, por diferentes circunstancias, no pueden mostrar las imágenes mostrarán en su lugar el texto alternativo. Estamos hablando de navegadores que no soporten un determinado formato de imagen, que estén configurados para desactivar las imágenes (p.c. para ahorrar ancho de banda) o, por ejemplo, que no encuentren la imagen para mostrar. Los lectores de pantalla leen el texto alternativo en voz alta de forma que los usuarios con problemas de visión que no perciben las imágenes (p.c. ceguera Manual de Accesibilidad Web para Gestores de Contenido total, ceguera al color, baja visión) y usan estas tecnologías puedan hacerse una idea del contenido de la página. Los buscadores como Google y similares utilizan los equivalentes textuales para dar significado y poder indexar (almacenar) las imágenes y asi poder ofrecerlas en los resultados de las búsquedas (tanto en las búsquedas en la Web como en las búsquedas de imágenes). Si no proporcionamos ningún equivalente textual para las imágenes ios buscadores no pueden saber cuál es su contenido y no podrán indexarlas adecuadamente. Los Estándares Web exigen que todas las imágenes deben disponer de un texto alternativo adecuado. En caso contrario estas imágenes se consideran inaccesibles. El comportamiento de los diferentes lectores de pantalla cuando encuentran una imagen sin texto alternativo puede variar de uno a otro. Por normal general, los actores de pantalla se comportarán de alguna de las siguientes formas: ignorando la imagen como si ésta no existiese en la página. Leyendo algún texto relacionado con la imagen, como puede ser el nombre del archivo de imagen (por ejemplo imagen. jpg) En cualquier caso, el usuario perderá completamente la Información contenida en la Imagen u obtendrá información sin sentido. Cómo escribir un texto alternativo Cuando creemos un texto alternativo lo primero que debemos tener en cuenta es cómo se presentará la página (o cómo se escuchará) cuando las imágenes no se muestren y si seguirá siendo comprensible. En base a esto, debemos escribir aquellos textos alternativos que mejor funcionen como reemplazo de las imágenes. Es decir, aquellos que mejor transmitan la información o la funcionalidad que se pretendia transmitir con la imagen original, En el código anterior se usa el elemento imga para incluir una imagen en una página web. Para indicar cuál es la imagen que se desea cargar se usa el atributo src, donde se escribe la ruta o dirección donde está la imagen. En los atributos alt y t it le se escriben el texto alternativo y el titulo respectivamente, mientras que en el atributo longáesc se escribe la dirección de la página donde hemos proporcionado la descripción larga deis imagen (esto se verá con detalle más adelante). El texto alternativo indica a los agentes de usuario qué es lo que deben hacer en caso de no mostrar las imágenes (porque estén desactivadas, porque se trate de un navegador en modo de texto o un lector de pantalla, etc.). Por tanto, el texto alternativo debe proporcionar la misma información o función que aporta la imagen. Manual de Accesibilidad Web para Gestores de Contenido Lo más importante a la hora de proporcionar un texto alternativo para una imagen es tener presente cuál es el contenido o información qué la imagen quiere transmitir o cuál es su funcionalidad. Una técnica para saber qué es lo que se quiere transmitir con una imagen es pensar en lo que se dirla en una conversación telefónica en la que se está leyendo y describiendo la página. Imaginemos que estamos hablando por teléfono con otra persona y le estamos leyendo el contenido de la página ¿qué diríamos cuando lleguemos a la imagen? El texto alternativo más apropiado para una imagen dependerá de cuál sea el uso que se le da a la misma. Por ejemplo: Si la imagen es decoratIva y no aporta información podemos omitirla y no decir nada, por ejemplo, miniaturas o iconos decorativos. Si la imagen es sencilla podemos describirla brevemente. Si la imagen es un enlace podemos describir el enlace, a dónde dirige, en vez de la imagen. Si la imagen es compleja, por ejemplo una gráfica con datos estadisticos, la describiremos detalladamente proporcionando la misma información que aparece en la imagen. Otro factor muy importante a tener en cuenta a la hora de determinar el texto alternativo más adecuado para una imagen ea el contexto. Porque influye en la finalidad u objetivo de la imagen. Es posible que incluso una misma imagen pueda tener diferentes textos altemativos dependiendo del uso que se le dé y del contexto en el que se encuentra. Porque mediante el contexto se puede complementar o proporcionar el equivalente textual. Los equiv lentes textuales de las imágenes no sólo se pueden proporcionar mediante un texto alternativo, un titulo o una descripción larga, sino que también se pueden proporcionar mediante el contexto, en un texto situado en la misma página que la imagen y próximo a ella Los textos alternativos posibles son: 1. La dieta de los españoles esté compuesta por un 40% de carbohidratos, 39% de gracas, 19% de proteínas y2%de fibra. 2. Gráfico circular o de tarta con la composición de la dieta de los españoles. El segundo texto alternativo nos dice cuál es la información que se pretende transmitir con la imagen, pero no nos está proporcionando esa información. En cambio, en el primer texto altemativo si se está proporcionando la misma Manual de Accesibilidad Web para Gestores de Contenido información que nos pretende transmitir la imagen. Como dicha información sólo se transmite mediante la imagen el texto alternativo más adecuado es el primero. Es importante señalar que el texto alternativo debe ser breve y proporcionar la informacIón relevante. El texto alternativo más adecuado es el que informe sobre el contenido o función de la imagen y no sobre su apariencia. Asi, en el ejemplo actual, no tiene sentido describir la apariencia de la gráfica: el tipo de gráfico estadístico empleado, los colores usados para representar las diferentes porciones y elementos: etc. Lo importante, lo que pretende transmitir la imagen, es la composición de la dieta y el hecho de que los carbohidratos se representen en color azul, o que el gráfico se sitúa a la izquierda y las leyendas a la derecha, es completamente irrelevante. La dieta de los españoles se acerca bastante a lo que se conoce como dieta mediterránea aunque es deficitaria en fibra (2%), por lo que se debe incrementar el consumo de pan y cereales integrales, así como en frutas y verduras, según el Panel de Consumo Alimentario. Al tiempo, el panel señala que el gasto total en alimentación y bebidas ascendió este último año un 2,4% con respecto al registrado el año anterior. La dieta de los españoles se acerca bastante a lo que se conoce como dieta mediterránea aunque es deficitaria en fibra, por lo que se debe incrementar el consumo de pan y ce- reales integrales, así como en frutas y verduras, según el Panel de Consumo Alimentario. Asimismo, las conclusiones del estudio muestran que existen en la dieta nacional ciertos desequilibrios producidos por exceso de carnes, de proteínas en general (19%) y grasas (39%), aunque se consume leche y derivados por encima de los mínimos establecidos en una dieta ideal. Por Otra parte. el consumo de carbohidratos (40%) se considera adecuado. Al tiempo, el panel señala que el gasto total en alimentación y bebidas ascendió este último año un 2,4% con respecto al registrado el año anterior. En la imagen anterior se puede ver un ejemplo de gráfico circular. Los textos alternativos posibles son: 5. La dieta de los españoles está compuesta por un 40% de carbohidratos, 39% de grasas, 19% de proteinas y 2% de fibra. 6. Gráfico circular o de tarta con la composición cte la dieta de los españoles. Casos prácticos En las páginas web las imágenes se usan principalmente con tres finalidades: Manual de Accesibilidad Web para Gestores de Contenido Algunos ejemplos de imágenes decorativas pueden ser las siguientes: Son aquellas Imágenes que si aportan Información. En la alternativa textual, como se comentó anteriormente, se debe proporcionar la misma información que aporta la imagen. Este tipo de imágenes las podemos dividir en simples y complejas. imágenes senclltas: se debe proporcionar el equivalente textual en el texto alternativo. Imágenes comptejas: se debe proporcionar el equivalente textual en la descripción larga de la imagen (longdesc). Si la herramienta no permite la creación de descripciones largas debemos entonces proporcionar dicha descripción en el contexto de la imagen, preferiblemente en el texto del documento que esté lo más cercano a la imagen. La siguiente imagen de ejemplo es una imagen que proporciona información textual. Por norma general, en estos casos, la información proporcionada es el texto mostrado, con lo que ese deberla ser el texto alternativo de la misma. 3m es d8 garantía Imagen con aifomiación textual. El texto alternativo de la imagen debe ser: 3 meses de garantía. El siguiente ejemplo es similar a la anterior pero el texto está acompañado de elementos gráficos. Teléfono de atención al cliente 982 900 496 Imagen cori Ix Ibrm ación textual y gráfica El texto alternativo es, como en el anterior caso, el texto mostrado por la imagen Teléfono de atención al cliente 902 900 496. Debemos darnos cuenta que la información más importante en este caso es el número de teléfono. Un texto alternativo que sólo diga Teléfono de atención al cliente es incompleta porque nos dice sobre lo que informa la imagen pero no da la información fundamental, el teléfono. Por otra parte, entrar en detalles como que el texto está acompañado de un dibujo de un teléfono con una flecha apuntando a una letra 1 es totalmente irrelevante y no se debe incluir en el texto alternativo. La imagen que acompaña al texto es decorativa, ya que no aporta ¡nf tirmación. La imagen de las dos personas con al curdculum no aporta información siendo su función meramente decorativa. Los idnéidetjnoido protaonuacá la Fiesta del equinoccio de Otoño en l Jardín Bmánlco Allñntlco En esta imagen lo importante es informar de cuál es el contenido de la misma, un retrato del autor. Por tanto el texto alternativo pu1de ser Woffgang Amadeus Manual de Accesibilidad Web para Gestores de Contenido Mozart, o también Retrato de Wolfgang Amadeus Mozart para indicar que se trata de un cuadro. No es recomendable incluir coletillas del estilo Imagen de..., Fotografía de..., Dibujo de... y similares ya que generalmente no aportan información relevante. Los lectores de pantalla informan a los usuarios de la presencia de gráficos con introducciones del estilo Gráfico: o Imagen:, de forma que si añadimos esa información es redundante. Sólo en casos especiales esa información puede ser relevante y se podria poner, como el caso actual, para indicar que se trata de un retrato o pintura. El siguiente ejemplo, similar al anterior, muestra el mismo caso pero la imagen va acompañada de un pie de imagen con el nombre del compositor. Wolfgang Amadeus Mozart nació en Salzburgo, actual Austria, el 27 de enero de 1756. Es considerado como uno de los más grandes compositores de música clásica del mundo occidental. A pesar de que murió muy joven (apenas a los 35 años), nos ha legado una obra muy importante y que abarca todos los géneros musicales de su época. Según el testimonio de sus contemporáneos era, tanto al piano como al violín y la viola, un virtuoso. ;1 ¡InágeIles 2:1;0] En este caso, para no añadir redundancia, la imagen se puede dejar con un texto alternativo vacio. De esta forma se evita que los lectores de pantalla lean dos veces seguidas el mismo texto Gráfico: Wolfgang Arnadeus Mozart. Wolfgang Amadeus Mozart. Por otra parte, también seria correcto un texto alternativo como Retrato del autor. Como vemos, en este caso, se pueden admitir varias posibilidades. Es un ejemplo claro en el que se puede considerar como decorativa o como de contenido con su correspondiente texto alternativo. Existen muchas imágenes que pueden entraren esta zona gris en la que no está totalmente claro si son de contenido o no. Lo importante es saber diferencIar las Imágenes que claramente son decorativas de aquellas que claramente son de contenido. I mágenes funcionales (enlaces) En aquellas imágenes que son enlaces se debe describir en el texto alternativo la función de la imagen. Es decir, se debe indicar cuál es el destino de la imagen y no es necesario describir la imagen en si. Imagen de una impresora con un enlace para imprimir el documento. En el ejemplo anterior, donde se usa la imagen de una impresora como un enlace para imprimir el documento, el texto alternativo debe indicarla función. Por tanto, dicho texto debe ser Imprimir. No es relevante indicar que se trata de Manual de Accesibilidad Web para Gestores de Contenido la imagen de una impresora. Textos alternativos como Impresora o Imagen de impresora o Imagen de impresora, enlace para imprimir son incorrectos. Como caso especial, cuando la imagen que funciona como enlace está incluida dentro o al lado de un enlace que ya dispone de un texto que indica la función del enlace, dicha imagen se puede considerar decorativa y por tanto tener un texto alternativo vacío. El texto alternativo debe ser el eslogan Enlaces, artículos, noticias y mucho más. La siguiente imagen, que puede ir acompañando a un articulo o a una biografia, muestra un retrato de Wolfgang Amadeus Mozart.. — ;1 Wolfgang Amadeus Mozart nació en Salzburgo, actual Austria, el 27 de enero de 1756. Es considerado como uno de los más grandes compositores de música clásica del mundo occidental. A pesar de que murió muy joven (apenas a los 35 años), nos ha legado una obra muy im portant y que abarca todos los géneros musicales de su época. Según el testimonio de sus contemporáneos era, tanto a! piano como al violin y la viola, un virtuoso. Edición de contenido Usartexto mejor que Imágenes para crear los encabezados. Esta práctica, que suele ser habitual, presenta problemas de accesibilidad que se abordarán posteriormente con más detalle. Dividir secciones extensas en subsecciones más pequeñas cada una con su propio encabezado. En una publicación tradicional en medio impreso los encabezados se destacan del resto del documento mediante el tipo y/o un tamaño de letra proporcional a su importancia. Por estas propiedades físicas es posible percibir de un vistazo la importancia y, en consecuencia, el nivel de los mismos. Sin embargo, existen usuarios que no pueden percibir esta información visual (por ejemplo, personas con ceguera que usan lectores de pantalla) de forma que no son capaces de diferenciar los títulos. Debido a esto, es necesario indicar explícitamente qué es un encabezado y cuál es su nivel, siendo insuficiente la modificación del tipo de letra, tamaño o color. En las páginas web es posible usar hasta seis niveles diferentes de encabezados, siendo el nivel más alto o primer nivel el más importante (por ejemplo, el título de la página) y el sexto y más bajo el de menos importancia. Los niveles de Manual de Accesibilidad Web para Gestores de Contenido encabezado se han de usar de forma coherente, asignando encabezados de mayor a menor nivel según la organización lógica de los documentos. ;1 TASLA 3.1, NIVELES DE ENCABEZADO;0] Al identificar los encabezados los lectores de pantalla pueden reconocerlos e informar de los mismos y de su nivel a los usuarios Por otra parte, los usuarios de éstas ayudas técnicas también pueden explorar el documento navegando por los encabezados, saltando de un encabezado al siguiente. Consejos para la estructuración de un documenlo web mediante encabezados: Usar los mecanismos que proporciona la herramienta de edición para identificar explícitamente los encabezados. No simular encabezados mediante la aplicación de estilos directamente sobre el texto por medio de propiedades de formato (por ejemplo, cambiando sólo el tipo, tamaño y/o color de la letra). En este caso se pierde la información estructural del documento al no indicar explicitamente que se trata de un encabezado. Un lector de pantalla no podria distinguir entre el encabezado y el texto del documento. Mantener una consistencia en los encabezados de forma que reflejen adecuadamente a organización lógica del documento. Usar encabezados del mismo nivel para secciones con el mismo nivel de importancia. No crear secciones vacias por un uso incorrecto de los encabezados. Es decir, después de todo encabezado debe existir cierto contenido entre éste y el siguiente encabezado de igual nivel o superior. En este apartado se tratará sobre el contenido textual de los documentos web, es decir, aquella información transmitida mediante la palabra escrita. La lectura sobre un ordenador, u otra clase de dispositivo, no es igual que en el medio Impreso al que estamos acostumbrados. Los usuarios tienden a escanear los documentos en busca de la información que les interesa y sino lo abandonan rápidamente. Para hacer los documentos más fáciles de leer para todo el mundo y más accesibles es necesario seguir una serie de recomendaciones básicas en cuanto a: Proporcionar una estructura al documento Redacción de contenidos Presentación Encabezados Los encabezados son el mecanismo básico para estructurar los documentos reflejando la organización lógica del texto. Además, permiten a los lectores ojear los documentos de forma rápida (explorar’), leyendo sólo los títulos, para reconocer las diferentes secciones del mismo y encontrar más fácilmente la información que buscan sin necesidad de una lectura completa del texto. Algunos consejos para la redacción de los encabezados: Manual de Accesibilidad Web para Gestores de Contenido Usar encabezados que describan de forma breve y precisa el contenido de cada sección. Emplear un lenguaje claro y sencillo. Los encabezados efectistas e ingeniosos suelen ser ambiguos y carecer de un significado claro. Redactar los encabezados deforma que comiencen por lo más Importante (palabra de mayor significado). Niveli Mayor importancia jAumentar nivel Nivel 2 Nivel 3 Nivel 4 Nivel 5 Nivel 6 Menor importancia Disminuir nivel N’ar encabezados sólo para conseguir efectos de formato en texto que no se trate realmente de un ncabezado. Por ejemplo, para aumentar el tamaño de la letra y poner en negrita un determinado texto. Al disminuir los niveles de encabezado no se deben saltar niveles Intermedios. Es decir, después de un encabezado Øes6undo nivel sólo se puede bajar a uno de tercer nivel pero no a uno de cuarto o inferior. Un uso adecuado de las herramientas de edición de contenido es de crucial importancia para asegurar una estructura correcta de encabezados. Asi, es necesario que a la hora de contribuir contenidos estructurados se definan los encabezados adecuadamente y no se simulen mediante estilos de texto como el tamaño o color de la fuente. Listas Siempre que sea posible debemos organizar las enumeraciones de elementos relacionados entre si en forma de listas. Las listas facilitan la lectura de los documentos y permiten transmitir las ideas de forma más ordenada y esquemática. También favorecen la lectura rápida (exploración) en busca del contenido de interés. Al igual que en los encabezados, las listas son una pista visual para la estructuración de los contenidos. Sin embargo, si queremos crear un documento accesible no podemos basamos sólo en la información visual debiendo identificar explicitamente las listas. De esta forma, los lectores de pantalla pueden reconocer una lista e informar a los usuarios de su presencia y del número de elementos que la componen. Manual de Accesibilidad Web para Gestores de Contenido Si no identificamos las listas los usuarios de lectores de pantalla no reconocen dónde empíeza, no saben los elementos que la componen, ni sabrán dónde termina. Los diferentes tipos de lista disponibles para documentos web son: Listas no ordenadas Listas ordenadas Listas de definición q Listas desordenadas En las listas desordenadas el orden de los diferentes elementos que componen la lista carece de relevancia. Un ejemplo de lista desordenada puede ser una enumeración de los ingredientes de una receta de cocina. ;1 Una lista ordenada, al contrario que en el caso anterior, contiene información para la cual es importante el orden de cada uno de los elementos, como puede ser de la receta de cocina: ;1 1. Mezcle los ingredientes secos 2. Vierta los ingredientes liquidos 3. Remueva durante 10 minutos 4. Hornee durante una hora a 300 grados Listas de definición Con las listas de definición se pueden proporcionar definiciones para diferentes palabras y términos (aunque pueden tener otras aplicaciones). A diferencia de los otros tipos de listas, constan de dos partes: término y definición. En el siguiente ejemplo se usa una lista de definición para la publicidad de un producto. ;1 Menor coste ¡La nueva versión de este producto cuesta mucho menos que ¡aversión anterior! Más fácil de usar Hemos cambiado el producto para que sea mucho más fácil de usari Seguro para los niños Puede dejar a sus hijos solos en una habitación con este producto y no se harán daño (no lo garantizamos). Las listas de definición pueden tener varios términos para una definición asi como varias definiciones para un mismo término. Accesibilidad Posibilidad de que un sitio o servicio web pueda ser visitado y utilizado de forma satisfactoria por el mayor número posible de personas, independientemente de las limitaciones que tenga la persona o de as derivadas de su entorno. Aplicación 1. Programa preparado para una utilización específica, como el pago de nóminas, formación de un banco’de términos léxicos, etc. Manual de Accesibilidad Web para Gestores de Contenido 2. Operación por la que se hace corresponder a todo elemento de un conjunto un solo elemento de otro conjunto. Ordenador Computador Máquina electrónica dotada de una memoria de gran capacidad y de métodos cte tratamiento de la información, capaz de resolver problemas aritméticos y lógicos gracias a la utilización automática de programas registrados en ella. Es posible usar también las listas de definición para marcar texto cuya estructura corresponda con la proporcionada por la lista, sin necesidad de que se trate estrictamente de términos y definiciones. Por ejemplo, se pueden usar para identificar un diálogo, usando el término para indicar los personajes y las definiciones para el texto de los diálogos. ;1 Juan Hola ¿Qué tal estás? Pedro Bien, gracias ¿y tú? Actualmente, no todas las herramientas de edición de contenido permiten la creación de listas de definición. En este caso, optaremos por crear listas desordenadas en las que en cada elemento incluiremos el término (resaltado) y la definición. Por ejemplo: ;1 Menor coste La nueva versión de este producto cuesta mucho menos que la versión anterior? Más fácil de usar.Hemos cambiado el producto para que sea mucho más fácil de usar? Más seguro para los niños. Puede dejar a sus hijos solos en una habitación con este producto y no se harán daño (no lo garantizamos). Combinación y anidamiento de listas Las listas se pueden anidar unas dentro de otras y combinar diferentes tipos de listas. Novela Policiaca Romántica Histórica Ensayo Poesía En el ejemplo siguiente, algo más complejo, se continúa con la receta de cocina donde se usa una lista de definición que contiene una lista no ordenada para los ingredientes y una lista ordenada para los pasos a seguir: ;1 EJEMPLO 3,11. ANIDAMIENTO COMPLEJO DE LISTAS;0] Ingredientes 100 g. de harina 10 g. de azúcar 1 taza de agua 2 huevos sal, pimienta Manual de Accesibilidad Web para Gestores de Contenido Pasos a seguir Notas 1. Mezcle los ingredientes secos intimamente. 2. Vierta los ingredientes líquidos. 3. Remueva durante 10 minutos. 4. Hornear durante una hora a 300 grados. Puede añadir uvas para mejorar la receta. Este ejemplo también admitiría el uso de encabezados para Ingredientes, Pasos a seguir y Notas, en vez de una lista de definición. A continuación se dan una serie de consejos para el uso adecuado de listas, independientemente del tipo de lista empleada: Identificar las listas con los mecanismos adecuados que proporcionen las herramientas de edición. No emplear imágenes para simular viñetas de listas. Evitar.eI uso de caracteres especiales (por ejemplo asteriscos o guiones) para simular las listas. Evitar asimismo el uso de letras y números para simular listas ordenadas. No emplear listas con fines únicamente de presentación, por ejemplo, para dar sangria al texto. Todas las listas deben contener uno o más elementos de lista. Marcado semántico Una vez que aparece, más o menos, definida una estwctura del documento, es necesario ofrecer una semántica minima, es decir, proporcionar un significado. ¿Cómo podemos ofrecer significado a nuestros bloques? Comprobaremos que cada palabra muestra el significado que tratamos de ofrecer y no simplemente un conjunto de caracteres dispuesto en la pantalla. En especial, debemos esforzamos en identificar correctamente: Citas Abreviaturas y acrónimos Énfasis Utilizamos el énfasis para resaltar una palabra. un concepto. Resaltamos con fuerza (con más fuerza, si cabe) una idea con un énfasis fuerte o refuerzo. Estas propiedades se deben usar con prudencia sólo cuando queremos enfatizar el texto, es decir, cuando queremos dar más importancia a parte del texto. No debemos usarlos sólo con fines estilisticos, de presentación, porque queramos simplemente usar un estilo de letra en negrita o Itálica. Citas Indicaremos las citas realizadas, asi como su autoria y fuente cuando sea posible (b1ockquote>,