Debe introducir al menos 3 caracteres en el buscador.
Inicio / Wikis / Tutoriales / Curso de Estándares Web - Simplificando la Tarea

Curso de Estándares Web - Simplificando la Tarea

 ----- 
Creative Commons Tutorial de Luis Alberto Barandiarán - 18 de Enero de 2007
Temas Relacionados: AccesibilidadDiseño webProgramación web
7. Simplificando la Tarea
Validadores y Verificadores Semi-Automáticos

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
Autor y licencia de 'Curso de Estándares Web - Simplificando la Tarea'
Luis Alberto Barandiarán Extraído de: http://www.universidadperu.com/articulo-curso-de-estandares-web-universidad-peru.php

Creative Commons License
Esta obra está bajo una licencia de Creative Commons.
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.

Wikis relacionados con 'Curso de Estándares Web - Simplificando la Tarea'

La Web Semántica es la forma en que las páginas Web podrán ser leídas e... Más »
El objetivo de este curso es aprender a programar en el lenguaje Ada, desde sus... Más »
Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
El diseño web va más allá del diseño gráfico, al influir en él multitud de... Más »
Excelente curso de iniciación a la astronomía para aquellos que quieran aprender sobre esta apasionante... Más »
¿Estás seguro de que deseas eliminar este capítulo?