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

Cuando desees incluir tracks de audio o de video en tus sitios web deberás incluir un apartado con la transcripción textual, o una descripción de las voces o sonidos que estan grabadas en el archivo de audio. Esta descripción la puedes presentar, como se muestra a continuación.

Escucha como suena la música de la Puna
parlante Melodía 1:Tobas
parlante Melodía 2:Pacha
parlante Melodía 3:El cóndor pasa

Otra forma de presentar el audio en forma accesible podría ser:

parlanteMelodía 4: El tema se llama,Concierto para una voz, y está tocado por aborígenes de la Puna(Sud América)

Descripción:

El desierto de Puna, comienza en el norte de Argentina y Chile y se extiende por Bolivia y Perú, forma parte de lo que se llama la precordillera de los Andes. Ahí se encuentran aborígenes de las tribus, Toba, Coya, Humahuaco, entre otras.

En esta web, se escuchan melodías muy dulces interpretadas con instrumentos autóctonos, como lo son, erque, charango, bombo, caja chayera, quena y unos cascabeles muy originales que ellos mismos confeccionan con pezuñas de animales.

Las palabras:

Pacha= en idioma aborígen quiere decir Tierra, a la que adoran igual que adoran a nuestro Dios cristiano.

Cóndor = es un pájaro autóctono de tamaño gigante que vuela sobre los Andes.

El código utilizado en este ejemplo es:

<a href="sonidos/pacha.mp3" title="Tobas,música tocada por abórigenes de la Puna" >
<img src="audio.gif" alt="parlante"/>
Escucha como suena la música de la Puna (Pacha). </a>


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

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