Buscar Más buscado

Curso de Estándares Web - Simplificando la Tarea

7 - Simplificando la Tarea

[editar]
Tutorial creado por Luis Alberto Barandiarán. Extraido de: http://www.universidadperu.com/articulo-curso-de-estandares-web-universidad-peru.php
18 de Enero de 2007
< anterior | 1 ... 5 6 7 8 9 10 | siguiente >
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
[editar]
< anterior | 1 ... 5 6 7 8 9 10 | siguiente >

Opinar
1 opinión

xochitl

esta bien pero se nesecita saber q colores usar explicarlo mas especifiamente

Tutoriales relacionados con 'Curso de Estándares Web'

Curso de Estándares Web
El presente mini curso, presenta una introducción al tema de accesibilidad y desarrollo en web. Más »
Plan de Trabajo Modelo para la Implementación de un Proyecto en base a OpenOffice. Org
Nos complace presentar el Plan detallado de consultoría y formación que Luis E. Vásquez ... Más »
Curso de Microsoft FrontPage
Este tutorial te ayuda a conocer el clásico de la creación de páginas web, Microsoft... Más »
Software-RAID
Este CÓMO describe cómo usar un RAID software bajo Linux. Debería usar los parches RAID... Más »
Manual de HTML para principiantes
¿Quieres hacerte una página web y no sabes ni por dónde empezar? Aquí tienes lo... Más »

Anuncios Google

Autor y licencia de 'Curso de Estándares Web'

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.