TEXTO PAGINA: 20
NORMAS LEGALES El Peruano Lima, viernes 11 de diciembre de 2009 407642 El contenido generado puede servir como marcador para ayudar a los usuarios a navegar por el documento y orientarse cuando no pueden acceder a las pistas visuales tales como barras de desplazamiento proporcionales, marcos con índice de contenidos, etc. Por ejemplo, la siguiente hoja de estilo de usuario causaría la generación de las palabras “Fin Ejemplo” después de cada ejemplo marcado con un valor de clase especial en el documento: Ejemplo. div.example:after { content: Fin Ejemplo } El usuario también puede, por ejemplo, numerar los párrafos para localizar su posición durante la lectura del documento: Ejemplo. p:before { content: counter(paragraph) “. “; counter-increment: paragraph } Líneas y Bordes 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] Las líneas y bordes pueden transmitir la noción de “separación” a los usuarios que pueden ver, pero este sentido no puede ser deducido fuera de un contexto visual. Utilice las propiedades CSS para especifi car los estilos de los bordes: • "border", "border-width", "border-style", "border- color". • Para las tablas, "border-spacing" y "border- collapse". • Para contornos dinámicos, "outline", "outline-color", "outline-style" y "outline-width". Los autores deberían usar hojas de estilo para crear líneas y bordes. Ejemplo. En este ejemplo, el elemento H1 tendrá un borde superior de dos píxeles de grosor, color rojo y estará separado del contenido por 1em: <head> <title>Línea roja con hoja de estilo</title> <style type=”text/css”> h1 { padding-top: 1em; border-top: 2px red } </style> </head> <body> <h1>Capítulo 8.- Dispositivos auditivos y táctiles</H1> </body> Si una línea (por ejemplo, el elemento HR) se usa para indicar la estructura, asegúrese de que se refi ere a la estructura también de una forma no visual (por ejemplo, utilizando marcadores estructurales). Ejemplo. En este ejemplo, el elemento DIV se usa para crear una barra de navegación que incluye un separador horizontal. <div class=”barra-de-navegacion”> <hr> <a rel=”next” href=”siguiente.htm”>[Página siguiente]</A> <a rel=”previous” href=”anterior.htm”>[Página anterior]</A> <a rel=”fi rst” href=”primera.htm”>[Primera página]</a> </div> Textos Equivalentes 6.2 Asegúrese de que los equivalentes de un contenido dinámico son actualizados cuando cambia el contenido dinámico. [Prioridad 1] Una manera para conseguirlo es con el elemento NOSCRIPT. El contenido de este elemento se muestra cuando los scripts no están habilitados. Ejemplo. <SCRIPT type=”text/tcl”> ...un script Tcl para mostrar un resumen de resultados deportivos... </SCRIPT> <NOSCRIPT> <P>Resultados de los partidos de ayer:</P> <DL> <DT>Bulls 91, Sonics 80. <DD><A href=”bullsonic.html”>Bulls vs. Sonics resumen del partido</A> ...más resultados... </DL> </NOSCRIPT> Si se utiliza OBJECT, proporcione un texto equivalente en el contenido del elemento: Ejemplo. <OBJECT classid=”java:Press.class” width=”500” height=”500”> A medida que la temperatura aumenta, las moléculas del globo... </OBJECT> Un ejemplo más complejo aprovecha el hecho de que los elementos OBJECT pueden ser anidados para proporcionar representaciones alternativas de la información: Ejemplo. <OBJECT classid=”java:Press.class” width=”500” height=”500”> <OBJECT data=”Presion.mpeg” type=”video/mpeg”> <OBJECT data=”Presion.gif” type=”image/gif”> A medida que la temperatura aumenta, las moléculas del globo... </OBJECT> </OBJECT> </OBJECT> Evitar provocar destellos en la pantalla 7.1 Hasta que las aplicaciones de usuario permitan controlarlo, evite provocar destellos en la pantalla. [Prioridad 1] No utilizar Scripts que causen destello como los blink o parpadeo o cambio de colores rápidamente o bruscos. Comprensión 14.1 Utilice el lenguaje apropiado más claro y simple para el contenido de un sitio. [Prioridad 1] A continuación se exponen técnicas para facilitar la comprensión de una página o sitio. Estilo de redacción Las siguientes sugerencias sobre estilos de redacción podrían ayudar a hacer el contenido de un sitio más fácil de leer para todos, y especialmente para las personas con discapacidades para la lectura y/o cognitivas. Muchas guías exponen éstos y otros aspectos del estilo de redacción con más detalle. 1. Esfuércese para que los encabezamientos y las descripciones de los vínculos sean claras y precisas. Ello incluye utilizar como vínculos frases concisas que tengan sentido cuando se lean fuera del contexto o como parte de una serie de vínculos (algunos usuarios navegan saltando de vínculo a vínculo y leyendo sólo el texto de estos vínculos). Utilice encabezamientos informativos, de forma que los usuarios puedan revisar rápidamente una página para hallar la información, en lugar de tener que leerla con detalle. 2. Sitúe el contenido básico al principio de la frase o párrafo (esto es denominado “colocación inicial”). Ello ayudará tanto a la gente que está mirando superfi cialmente, como a los que usan sintetizadores de voz. “Hojear”, aplicado a la voz, signifi ca habitualmente que el usuario salta de encabezamiento a encabezamiento, o de párrafo a párrafo, y escucha sólo las palabras sufi cientes como para establecer si el trozo de información (encabezamiento, párrafo, vínculo, etc.) le interesa. Si la idea principal del párrafo está en medio o al fi nal del mismo, los usuarios