Web personal de Aitor Oliveira
2- ¿Cómo hacer una web accesible?
Estás en: Página principal > Artículos > Webs accesibles para todos > 2- ¿Cómo hacer una web accesible?
En primer lugar hay que decir que hacer una web accesible no es nada complicado. Hay que coger unas costumbres a la hora de escribir el código y nada más. La página se empieza a complicar a la hora de poner imágenes, sonido, webs dinámicas..., pero lo mismo pasa al hacer una web no accesible.
Siguiendo la recomendación de separar la estructura de la apariencia nos ahorraremos muchos problemas para llegar a estos objetivos, así como para facilitarnos el mantenimiento. Esto lo hacemos fácilmente con las hojas de estilo que usaremos para cuidar la apariencia de las páginas. Con esto y con unas ciertas reglas que aparecen a continuación, crearemos webs accesibles.
Referencia rápida
Aquí tienes una pequeña referencia con los puntos más importantes que hay que seguir. Es una traducción con alguna modificación del texto original en ingles.
- Imágenes y animaciones. Usar el atributo alt para describir la función de cada elemento visual.
- Mapas de imagen. Usar mapas de cliente (elemento map) y texto para las zonas activas (atributo alt), es decir, si se usan mapas poner también un texto alternativo.
- Multimedia. Poner subtítulos y transcripciones de los sonidos, y descripciones de los videos.
- Enlaces de hipertexto. Usar texto que tenga sentido cuando se lea fuera de contexto. Por ejemplo, no usar "clic aquí".
- Organización de la página. Usar encabezados (elementos H1 a H6), listas (elementos OL, UL y DL) y estructura consistente (para resaltar usar EM y STRONG en vez de poner en negrita; usar tablas solo para presentar datos tabulares; usar Q, ABBR...). Usar CSS para maquetación y estilo, donde sea posible.
- Gráficos. Resumir o usar el atributo longdesc.
- Scripts, applets y plug-ins. Dar alternativas accesibles en el caso de que las características activas sean inaccesibles o no soportadas.
- Marcos (frames). Usar el elemento noframes y títulos significativos (atributos title y name).
- Tablas. Hacerlas de manera que se puedan leer línea por línea. Añadir un resumen.
- Revisa tu trabajo. Validar. Usar herramientas de verificación (para el código HTML, CSS...) y páginas de referencia en Web Content Accessibility Guidelines 1.0.
| 1- ¿Qué es una web accesible? | 3- ¿Por qué hacer una web accesible? |
Última modificación de esta página: anterior a 2005
La Web y sus contenidos, mientras no se mencione lo contrario, han sido creados por Aitor Oliveira Fernandez. Este trabajo está licenciado bajo Licencia Creative Commons.
