Curso de Estándares Web - Simplificando la Tarea
Tutorial de
Luis Alberto Barandiarán - 18 de Enero de 2007
Es muy difícil, aun siendo un programador con años de experiencia, mantener, programar y hacer que las webs cumplan al 100% con todos estos estándares. Por ello, existen diferentes herramientas online, que nos ayudan enormemente a completar nuestra tarea. Entre las principales están:
Validador del Consorcio W3C
http://validator.w3.org
Bobby – Watchfire WebXACT
http://webxact.watchfire.com
Análisis Práctico:
Tomemos como ejemplo, la página web de la UNI:
http://www.uni.edu.pe
1 – Errores de Validación
De arranque, en la primera página existen 12 errores. El primer error, y el cual se repite en todo el web de la universidad, es el no definir el doctype de lenguaje utilizado. En el caso de la web de la UNI, como usan HTML estándar, debería aparecer en la primera línea antes de la declaración <head> lo siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Los errores 2 al 8 podemos realmente ignorarlos por ahora, pues se refieren al uso de un producto propietario a Macromedia, el famoso Flash. Hablaremos de ellos más adelante.
El error 9, es por usar una definición que NO existe. Cuando se usan tablas (de preferencia se debe usar DIV y CSS en vez de tablas), no existe la propiedad HEIGHT (altura).
Los errores 10 al 11 se refieren a un error de lenguaje, y también al error de accesibilidad 1.1: falta de descripciones ALT en las imágenes.
Las imágenes que no están descritas, son los pequeños buzones de correo al pie de la página. Deberían tener la etiqueta ALT que diga: “correo”, “buzón de correo”, o algo parecido.
La razón del uso del ALT, es porque un usuario con discapacidad utilizaría un navegador que le lea lo que se muestra en pantalla. Si se topa con la imagen, el navegador reproduce el texto que se encuentre allí. En el caso de la web, por ello, debería haber un cambio en la primera imagen, la que dice:
Universidad Nacional de Ingeniería – 130 años – Universidad de Emprendedores
El texto de la imagen debería ser justamente ese, en vez que diga simplemente “Uni”
Finalmente, el error 12 es también por la falta del texto alterno ALT, pero en el label <map>.
2 – Errores de Accesibilidad Nivel 1
Usando la herramienta Bobby, nos damos cuenta que en el nivel 1, existen 3 errores, así como 12 advertencias. De éstas, ninguna debe ser corregida.
Errores:
- Proveer texto alternativo para todas las imágenes
- Proveer contenido alternativo para cada objeto (en este caso, el flash animado)
- Proveer texto alternativo para las áreas del map
3 – Errores de Accesibilidad Nivel 2
Se muestran 3 errores y 17 advertencias de las cuales 5 deben ser revisadas y/o corregidas.
Errores:
- Usar el identificador público de textos DOCTYPE
- Usar posicionamiento relativo en vez del absoluto
- Crear frases de enlace que tengan sentido al leerlas fuera de contexto
Advertencias:
- No usar tablas para posicionar elementos en la página
- Documento de validar de acuerdo a los estándares vigentes
- Añadir un título descriptivo a los links
- Evitar que los links se abran en ventanas nuevas, pero de hacerlo, notificar claramente de ellos al usuario antes
- Proveer de un mapa del sitio
4 - Errores de Accesibilidad Nivel 3
Se muestran 4 errores y 10 advertencias, de las cuales deben ser revisadas y/o corregidas
Errores:
- El mapa de imagen muestra un link que no aparece en ninguna otra parte de la página
- Identificar el lenguaje del texto
- Proveer sumarios para las tablas
- Separar links adyacentes con algo más que espacios en blanco
Advertencias:
- Utilizar los elementos ABBR o ACRONYM para denotar y expandir sobre las abreviaturas y acrónimos presentes
- Especificar el orden lógico de los enlaces
- Utilizar un hojas de estilo constante a lo largo de la web
|
Wikis relacionados con 'Curso de Estándares Web - Simplificando la Tarea'
