jueves, 29 de enero de 2009

Introducción a la evaluación de la accesibilidad web

He encontrado una serie de tres artículos muy interesantes que explican de forma sencilla cómo realizar una evaluación de la accesibilidad web. Los artículos son:

Evaluating website accessibility part 1, Background and Preparation

1. Background
2. Preparation: install some tools
3. The checkpoints


Evaluating website accessibility part 2, Basic Checkpoints

1. Validate HTML and CSS
2. No frames, please
3. Automated accessibility checking tools
4. Images and alternative text
5. Make sure that JavaScript is unobtrusive
6. Increase text size
7. Look for semantic markup
8. Disable CSS
9. Use Fangs to emulate a screen reader


Evaluating website accessibility part 3, Digging Deeper

1. Colour contrast
2. Document titles
3. Link text
4. Non HTML formats
5. Platform discrimination
6. Keyboard navigation
7. Data tables
8. Form controls and labels
9. Use a screen reader
10. Don’t overlook the content
11. Further reading

2 comentarios:

Hector Bustillos dijo...

Que tal sergio soy hector estuve en curso contigo en la u de c soy uno de los webmasters de la pagina de la u de c, estoy haciendo el nuevo sitio bueno la nueva maqueta y ya la tengo lista http://www.ucol.mx/indexnuevo.php tengo un pregunta herramientas como wave me revelo que si es accesible total validator tmb esepto por este detalle al hacer llamadas a funciones de javascript me dice un error E649. como lo arreglo.. ?¿? y otra kosa cargo un carrusel de imagenes dinamicamente y es una lista ul al estar asi se carga el contenido dentro de ella pero el validador de html me dice ke le falta LI y si se lo pongo en el codigo deja de funcionar.. tienes alguna sugerencia?¿? gracias

Sergio dijo...

Respecto al error del Total Validator, me sale lo siguiente:

* E649 The default scripting language must be specified for an intrinsic event:

Este error se debe a que no has indicado un lenguaje de hoja de estilo por defecto, y entonces cuando usas un evento intrínseco no sabe qué lenguaje es. Posiblemente, lo puedes solucionar añadiendo en el head:

<meta http-equiv="Content-Script-Type" content="text/javascript" />

E650 The default style sheet language must be specified when style attributes are used:

Este error se debe a que no has indicado un lenguaje de hoja de estilo por defecto, y entonces cuando usas el atributo "style" no sabe qué lenguaje es. Posiblemente, lo puedes solucionar añadiendo en el head:

<meta http-equiv="Content-Style-Type" content="text/css" />

Respecto al carrusel, si el validador de HTML te da un error puedes hacer varias cosas:

a) Desde JavaScript, crea también la etiqueta <ul>.
b) Pon en la lista un elemento vacío y cuando añades las fotos, primero lo borras.

Respecto el menú, como está gestionado con CSS que aparezca y desaparezca, en principio sí que parece accesible. Si hubieses gestionado el menú con JavaScript entonces podrías tener problemas. Pero he probado la página con Webbie (http://www.webbie.org.uk/index.htm) y no es accesible :-(