Web posible!!

República Argentina

Decálogo para hacer sitios web accesibles

Regla 1/10 Imágenes y animaciones:

Use texto alternativo (atributo ALT) para describir la función de los elementos visuales. Ejemplo de Regla 1/10

Regla 2/10 Mapas de imagen:

Use mapas de cliente y texto alternativo para las zonas activas. Ejemplo de Regla 2/10

3/10 Multimedia:

Facilite subtítulos y trascripción de los ficheros de sonido, descripción de los vídeos y versiones alternativas en el caso de usar formatos no accesibles. Ejemplo de Regla 3/10

4/10 Enlaces de hipertexto:

Use frases que tengan sentido cuando se lean fuera de contexto. Por ejemplo, no usar "pincha aquí". Ejemplo de Regla 4/10

5/10 Organización de las páginas:

Use encabezados (H1, H2, H3...), listas y estructura consistente. Use Hojas de Estilos en Cascada (CSS) para maquetación, donde sea posible. Ejemplo de Regla 5/10

6/10 Gráficos de datos:

Resuma o use el atributo (longdesc). Ejemplo de Regla 6/10

7/10 Scripts, applets y plug-ins:

Ofrezca alternativas accesibles en el caso de que las características activas no lo sean o no tengan apoyo. Ejemplo de Regla 7/10

Cuando desees insetar una aplicación java en tu sitio, deberás dar una descipción alternativa para aquellos usuarios que tengan navegadores en los que no se pueda apreciar ésta adecuadamente.

Un ejemplo accesible de este caso es el siguiente:

Si ud. no esta viendo esta animación correctamente deberá tener instalado en su ordenador Java(tm) download Java(tm). Si ud. no esta viendo esta animación correctamente deberá tener instalado en su ordenador Java(tm) download Java(tm). This browser does not have a Java Plug-in.
Get the latest Java Plug-in here.

El códígo HTML es el siguiente:

(Soportado por múltiples navegadores) Java applet usando XHTML 'object' tag

Este Java applet usa el Java Plug-in servido por Sun. Ha sido probado y mostrado como trabaja en los siguientes navegadores:
Microsoft Internet Explorer, Firefox, Mozilla, Camino, Netscape, Safari, Konqueror, y Opera.

NOTA: Necesita descargar Java 1.4 (o última versión) Plug-in para ejecutar este applet, solo si no trabaja adecuadamente, descargar la última versión del Java Plug-in desde aquí.

<hr/>

<!--[if !IE]> Firefox and others will use outer object -->
<object classid="java:bookflip.class"
type="application/x-java-applet"
archive="http://www.codigoyalgomas.com.ar/bookflip.jar"
height="300" width="150" >
<param name="credits" value="Applet by Fabio Ciucci (www.anfyteam.com)"/>
<param name="res" value="1"/>
<param name="image1" value="http://www.codigoyalgomas.com.ar/book1.jpg"/>
<param name="link1" value="NO"/>
<param name="statusmsg1" value="Impresionismo"/>
<param name="flip1" value="4"/>
<param name="image2" value="http://www.codigoyalgomas.com.ar/book2.jpg"/>
<param name="link2" value="NO"/>
<param name="statusmsg2" value="Impresionismo"/>
<param name="flip2" value="2"/>
<param name="image3" value="http://www.codigoyalgomas.com.ar/book3.jpg"/>
<param name="link3" value="NO"/>
<param name="statusmsg3" value="Impresionismo"/>
<param name="flip3" value="7"/>
<param name="speed" value="4"/>
<param name="pause" value="1000"/>
<param name="extrah" value="80"/>
<param name="flipcurve" value="2"/>
<param name="shading" value="0"/>
<param name="backR" value="255"/>
<param name="backG" value="255"/>
<param name="backB" value="255"/>
<param name="overimg" value="NO"/>
<param name="overimgX" value="0"/>
<param name="overimgY" value="0"/>
<param name="regcode" value="NO"/>
<param name="regnewframe" value="NO"/>
<param name="regframename" value="_blank"/>
<param name="memdelay" value="1000"/>
<param name="priority" value="3"/>
<param name="MinSYNC" value="10"/>
Si ud. no esta viendo esta animación correctamente deberá tener instalado
en su ordenador Java(tm) <a href="http://www.anfyteam.com/java/">download Java(tm)</a>.
<!-- Konqueror browser needs the following param -->
<param name="archive" value="http://www.codigoyalgomas.com.ar/bookflip.jar" />

<!--<![endif]-->
<!-- MSIE (Microsoft Internet Explorer) will use inner object -->
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0-windows-i586.cab"
height="300" width="150" >
<param name="code" value="bookflip" />

<param name="archive" value="http://www.codigoyalgomas.com.ar/bookflip.jar" />
<param name="credits" value="Applet by Fabio Ciucci (www.anfyteam.com)"/>
<param name="res" value="1"/>
<param name="image1" value="http://www.codigoyalgomas.com.ar/book1.jpg"/>
<param name="link1" value="NO"/>
<param name="statusmsg1" value="Impresionismo"/>
<param name="flip1" value="4"/>
<param name="image2" value="http://www.codigoyalgomas.com.ar/book2.jpg"/>
<param name="link2" value="NO"/>
<param name="statusmsg2" value="Impresionismo"/>
<param name="flip2" value="2"/>
<param name="image3" value="http://www.codigoyalgomas.com.ar/book3.jpg"/>
<param name="link3" value="NO"/>
<param name="statusmsg3" value="Impresionismo"/>
<param name="flip3" value="7"/>
<param name="speed" value="4"/>
<param name="pause" value="1000"/>
<param name="extrah" value="80"/>
<param name="flipcurve" value="2"/>
<param name="shading" value="0"/>
<param name="backR" value="255"/>
<param name="backG" value="255"/>
<param name="backB" value="255"/>
<param name="overimg" value="NO"/>
<param name="overimgX" value="0"/>
<param name="overimgY" value="0"/>
<param name="regcode" value="NO"/>
<param name="regnewframe" value="NO"/>
<param name="regframename" value="_blank"/>
<param name="memdelay" value="1000"/>
<param name="priority" value="3"/>
<param name="MinSYNC" value="10"/>
Si ud. no esta viendo esta animación correctamente deberá tener instalado
en su ordenador Java(tm) <a href="http://www.anfyteam.com/java/">download Java(tm)</a>.
<strong>
This browser does not have a Java Plug-in.
<br />
<a href="http://java.sun.com/products/plugin/downloads/index.html">
Get the latest Java Plug-in here.
</a>
</strong>
</object>
<!--[if !IE]> close outer object -->

</object>
<!--<![endif]-->

8 /10 Marcos (Frames):

Etiquete con los atributos (title) o (name). Ejemplo de Regla 8/10

9/10 Tablas:

Realícelas de manera que se puedan leer línea a línea. Incluya un resumen. Evite el uso de tablas para dar formato a las páginas. Ejemplo de Regla 9/10

10/10 Revise su trabajo:

Valide el código HTML.Use herramientas de evaluación y navegadores sólo-texto para verificar la accesibilidad.
Ejemplo de Regla 10/10


100% orgánico
Creative Commons License

Sitio web deseñado conforme al nivel AA de las directrices de accesibilidad para el contenido de la Web 1.0 del W3C-AI. Si encuentras alguna dificultad para acceder a estas páginas, escribe un mensaje al Webmáster a la dirección de correo electrónico Maria Dolores Garcia