Portada

De Guía de Diseño Web Accesible

[editar] GDWA - Guía Diseño Web Accesible

La ”Guía de diseño web accesible” es un manual para el diseñador web que considera la accesibilidad como un requisito esencial en su proyecto, desde las etapas iniciales hasta las etapas finales del proyecto.

[editar] Declaración de intenciones

La guía surge del problema con el que se encuentran muchos profesionales de la web cuando intentan abarcar un proyecto accesible: Las pautas están ahí, cualquiera puede leerlas e intentar aprenderlas, pero a la hora de aplicarlas al trabajo práctico surgen complicaciones y confusiones.

En la red existen muchos documentos que hablan sobre herramientas, casos y dudas puntuales acerca de las pautas o artículos, como el reciente de Roger Johansson, que nos acercan mucho al proceso para crear, revisar y mantener un sitio web accesible. Pero creemos que se puede desarrollar una guía mucho más extensa, con mejores explicaciones, con más ejemplos, con recopilaciones de herramientas, con casos reales, etc. Y además, que todo ello esté disponible en español.

Creemos que el proyecto debe ser un proceso contínuo donde se cumplan hitos, donde podamos ver resultados muy pronto, donde colaboren todas aquellas personas realmente interesadas por la accesibilidad web y por una web universal.

[editar] Índice de contenidos

1. Estructura
   1. ¿Por qué usar estándares?
   2. La importancia de una sintaxis de código correcta
   3. La cabecera
      1. La DTD
      2. La identificación del idioma y de tipo de caracteres
      3. Los metadatos: Cuándo, cómo, y para qué conviene o no usarlos
      4. Aprovechamiento del elemento LINK
   4. El cuerpo
      1. Bloques, capas o divisiones
      2. Presentación consistente
         1. CSS: Hojas de estilo
         2. Unidades de medida
         3. Opciones de presentación
         4. Contraste del color
      3. Encabezados
2. Textos
   1. Claridad del lenguaje y facilidad de lectura
   2. Párrafos
   3. Enfatizados
   4. Saltos de línea
   5. Enlaces
   6. Listas
   7. Citas
   8. Palabras o frases en otros idiomas
   9. Acrónimos
   10. Abreviaturas
   11. Documentos para la descarga accesibles (Word, PDF, OO, etc.)
   12. La negociación de contenidos
3. Imágenes y sonidos
   1. Fijas, Como contenido
      1. Equivalentes alternativos
      2. Descripciones, leyendas y pies de foto
      3. Técnicas de reemplazo de texto
      4. Gráficos
      5. Contraste de color
      6. Mapas de imagen
   2. Fijas, Como decorado
      1. Técnicas de inclusión mediante CSS
   3. Animadas
      1. GIF animado
      2. Animaciones con sonido
         1. Equivalentes alternativos
   4. El sonido
      1. Música
      2. Versiones sonoras del contenido
   5. Vídeo
      1. Equivalentes alternativos
      2. Audio descripción
      3. Subtítulos y descripción sonora de pista visual
      4. Transcripción
4. Elementos de navegación
   1. Enlaces
      1. Texto
      2. Imagen
   2. Menues, enlaces adyacentes y grupos de enlace
      1. Consistencia
      2. Atajos y saltos
      3. Orden de tabulación
   3. Mapa del sitio
   4. Funciones de búsqueda
5. Tablas
   1. Encabezados y abreviaturas de encabezados
   2. Asociación de celdas con sus encabezados
   3. Resúmenes y descripciones alternativas
6. Formularios
   1. Asociaciones explícitas e implícitas
   2. Casos de uso
      1. Contacto
      2. Buscador
      3. Usuario y contraseña
      4. Comentarios para un foro o blog
      5. Calculadora
   3. Compatibilidad retroactiva
7. Scripts y objetos
   1. Flash
   2. Javascripts
      1. Movimiento, parpadeo, destello
      2. Llamadas y ventanas emergentes
      3. Manejadores de evento
8. Páginas dentro de páginas
   1. Frames
   2. iFrames
   3. Includes