TEXTO PAGINA: 19
NORMAS LEGALES El Peruano Lima, viernes 11 de diciembre de 2009 407641 Y si utiliza imágenes o mapas de imagen (Prioridad 3) Sí No N/A 1.5 Hasta que las aplicaciones de usuario interpreten el texto equivalente para los vínculos de los mapas de imagen de cliente, proporcione vínculos de texto redundantes para cada zona activa del mapa de imagen de cliente. Y si utiliza tablas (Prioridad 3) Sí No N/A 5.5 Proporcione resúmenes de las tablas. 5.6 Proporcione abreviaturas para las etiquetas de encabezamiento. 10.3 Hasta que las aplicaciones de usuario (incluidas las ayudas técnicas) interpreten correctamente los textos contiguos, proporcione un texto lineal alternativo (en la página actual o en alguna otra) para todas las tablas que maquetan texto en paralelo, en columnas de palabras. Y si utiliza formularios (Prioridad 3) Sí No N/A 10.4 Hasta que las aplicaciones de usuario manejen correctamente los controles vacíos, incluya caracteres por defecto en los cuadros de edición y áreas de texto. Técnicas HTML, CSS y Fundamentos para las Pautas de Accesibilidad de Prioridad 1 al Contenido de la Web 1.0 [4][5][6] General Proporcionar texto equivalente a todo elemento no textual 1.1 Proporcione un texto equivalente para todo elemento no textual (Por ejemplo, a través de “alt”, “longdesc” o en el contenido del elemento). Esto incluye: imágenes, representaciones gráfi cas del texto, mapas de imagen, animaciones (Por ejemplo, GIFs animados), “applets” y objetos programados, “ascii art”, marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráfi cos, sonidos (ejecutados con o sin interacción del usuario), archivos exclusivamente auditivos, banda sonora del vídeo y vídeos. [Prioridad 1] Ejemplo. Adicionar la etiqueta alt en el cuerpo de todo elemento img <a href = “http://cetic.inictel.net:8080/InfoMype/”>InfoMype <img src = “images/ceticinfomype/InfoMypeEnSeñas.gif” alt=”animación en lenguaje de señas de InfoMype” /> </a> Ejemplo. Adicionar la etiqueta alt en el cuerpo de todo elemento object. <object type=”application/x-shockwave-fl ash” data=”swf/cetic_InfoMype.swf”> <param name=”movie” value=” swf/cetic_InfoMype.swf” /> <param name=”quality” value=”high” /> <param name=”wmode” value=”transparent” /> {* <img src=”images/ceticinfomype/accesibilidad.gif” alt=”icono alternativo si el navegador no soporta fl ash” /> *} </object> 2.1 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. [Prioridad 1] Ejemplo. Al igual que al observar un semáforo, se sabe que hacer con cada luz, es decir, la información que transmite el semáforo es realizada a través de los colores. Ahora similarmente en tu página pregúntate si ocurre así, ¿Transmites alguna idea o información mediante colores?. Si es así, debes mejorar la transmisión de la información de manera que quien no vea los colores, aun entienda el mensaje. Esto teniendo en cuenta que así como los colores, los tamaños, la ubicación de los objetos y las jerarquías, deben defi nirse 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. Información sobre el idioma 4.1 Identifi que claramente los cambios en el idioma del texto del documento y en cualquier texto equivalente (por ejemplo, los subtítulos). [Prioridad 1] Si utiliza varios idiomas en una página, asegure que cualquier cambio de idioma esté claramente identifi cado, mediante el uso del atributo lang: Ejemplo. <P>y con un cierto<SPAN lang=”fr”>je ne sais quoi</SPAN>, ella entró tanto en la habitación como en su vida para siempre. <SPAN>Mi nombre es Natasha</SPAN>dijo ella. <SPAN lang=”it”>Piacere,</SPAN> respondió él en impecable italiano, cerrando la puerta.</P> Es importante identifi car los cambios de idioma por varias razones: • Los usuarios que leen el documento en braille podrán insertar los códigos de control adecuados (etiquetas) donde ocurren los cambios de idioma, para asegurar que el programa de traducción a braille generará los caracteres correctos (por ejemplo, caracteres acentuados). Estos códigos de control previenen también que se generen contracciones braille, que confundirían aun más al usuario. Las contracciones braille combinan grupos de caracteres comúnmente utilizados, que usualmente aparecen en celdas múltiples, en una sola celda. Por ejemplo, "ección", que habitualmente ocupa seis celdas (una para cada letra) puede contraerse en dos. • De forma similar, los sintetizadores de voz que "hablan" varios idiomas, serán capaces de generar el texto con el acento y la pronunciación adecuados. Si los cambios no están señalados, el sintetizador tratará de pronunciarlos en el idioma original del programa. Así, la palabra francesa para coche, "voiture", será pronunciada "voiture". • Los usuarios que no saben idiomas, obtendrán la traducción de los textos de idiomas desconocidos mediante programas de traducción. Contenidos Generados 6.1 Organice el documento de forma que pueda ser leído sin hoja de estilo. Por ejemplo, cuando un documento HTML es interpretado sin asociarlo a una hoja de estilo, tiene que ser posible leerlo. [Prioridad 1] Técnicas: • Proporcione un equivalente textual para cualquier imagen o texto importantes generados por la hoja de estilo (por ejemplo, mediante las propiedades "background- image", "list-style", o "content"). • Asegúrese de que todo contenido importante aparezca dentro del objeto del documento. El texto generado por las hojas de estilo no forma parte del código fuente del documento y no estará disponible para las ayudas técnicas que acceden al Modelo de Objeto del Documento Nivel 1 ([DOM1]). CSS2 incluye diferentes mecanismos que permiten generar contenido desde la hoja de estilo: • Los seudo-elementos :before y :after y la propiedad "content". Cuando éstos se emplean conjuntamente, permiten la inserción de marcadores (por ejemplo, contadores y cadenas constantes tal como "Fin Ejemplo" en los ejemplos siguientes) antes o después del contenido del elemento. • Las propiedades "cue", "cue-before", y "cue-after". Estas propiedades permiten a los usuarios reproducir un sonido antes o después del contenido de un elemento. • Estilos de lista, que pueden ser números, glifos, o imágenes (normalmente asociados con el elemento LI en HTML). CSS2 añade estilos de lista internacionales a los defi nidos en CSS1. Véanse las propiedades "list-style- type" y "content".