Normas para la creación de sitios web de calidad.
Política de calidad abril 2003

Estas recomendaciones no son normas estrictas, más bien indican lo qué el usuario debe de poder hacer, que tipo de información debe estar disponible. El diseño debe ser igualmente utilizable por cualquier tipo de usuario, debe tener la suficiente flexibilidad para acomodar el mayor rango de preferencias o capacidades individuales, debe ser simple e intuitivo, fácil de comprender independientemente de la experiencia, conocimientos, etc.

ORGANIZACIÓN (Continuación)

Gráficos

1. Tipos de gráficos e imágenes

Los dos formatos principales de imagen utilizados en Internet son .gif (Graphic Interchange Format [Formato de intercambio gráfico]) y .jpg (Joint Photographic Experts Group [Grupo de expertos fotográficos unidos]). Para obtener mejores resultados, se ha de guardar todos los dibujos, gráficos, etc. con el formato .gif, y todas las fotografías con el formato .jpg. Cualquier gráfico o imagen creado en otro formato (por ej., .tif) debe convertirse al formato .gif o .jpg antes de publicarse en una página Web. Se ha de tener en cuenta que cuando se convierte un gráfico o imagen, ciertos aspectos, como el color o las fuentes, pueden modificarse.

Pueden aceptarse otras formas de archivos de imagen y gráficos, siempre y cuando funcionen con la mayoría de los navegadores.

2. Especificaciones de gráficos e imágenes

Si se ofrecen diferentes opciones para "guardar" el formato .gif, guarde los gráficos como "archivos .gif 89a no entrelazados" ("89a Non-Interlaced .gif files"). Si se ofrece la opción "compresión" para el formato .jpg, pruebe con diferentes niveles de compresión para determinar el mejor balance entre la calidad de la imagen y el tamaño del archivo.

La calidad de la imagen .jpg se degrada cada vez que la imagen se edita y se guarda. Si se necesita editar una imagen, se debe volver siempre al archivo original, editarlo y luego guardarlo como un archivo .jpg separado.

3. Colores

Los gráficos y las imágenes deben utilizar como mínimo 256 colores y una profundidad de color igual o mayor que 8 bits. Todos los gráficos, excepto los logotipos y sellos oficiales, deben utilizar la paleta de colores estándar.

4.Tamaños

Todos los gráficos e imágenes deben estar diseñados para funcionar en resoluciones de monitor de 640x480 y 800x600.

5.Recorte

Es posible minimizar los espacios de fondo superfluos de una imagen "recortándola". Esto ayudará a que se centre la atención en la foto misma y reducirá el tamaño general de la imagen.

6.Bordes

Las fotografías y algunos gráficos (por ej., mapas de calles) deben tener un borde de 1 pixel (border ="1"), con el color de borde predeterminado (esto es, no definido). Los gráficos tales como logotipos, íconos y texto gráfico no tienen borde (border="0").

7.Altura y ancho

Debe indicarse la altura y el ancho de todos los gráficos e imágenes (por ej., height="133" width="200"). Se ha de tener en cuenta que la altura y el ancho deben ser los valores exactos correspondientes al gráfico o imagen. Si se utiliza valores diferentes con la intención de "insertar" un gráfico o una imagen en un lugar deseado, se distorsionará el gráfico o la imagen.

Si necesita redimensionar un gráfico o una imagen, es mejor hacerlo utilizando el software para gráficos. Guarde el gráfico o imagen redimensionada y luego inclúyala en la página Web con la altura y el ancho deseados.

8. Espacio horizontal y espacio vertical

El espacio horizontal (Hspace) y el espacio vertical (Vspace) es el espacio alrededor de un gráfico o imagen en una página Web. El Espacio debe de ser al menos de 2 pixels si la imagen está ajustada con un texto.

9. Texto alternativo

Todo gráfico o imagen debe tener un cuadro de texto o "texto alternativo" (la etiqueta <alt>). Este texto describe el dibujo o gráfico a las personas que utilizan un navegador basado en texto y a las personas con discapacidades que utilizan un lector de texto. El mensaje del texto alternativo debe ser lo más descriptivo posible.

10. Gráficos animados

Los gráficos animados agregan peso significativo a la página y no siempre funcionan con todos los navegadores. Además, pueden presentar problemas para las personas con discapacidades. De forma que estos, en principio no se usarán.

En caso de ser usados los gráficos sólo han de ofrecer características de diseño y no de contenido. En caso de especificarse un contenido ha de especificar el mismo contenido en formato texto dentro de la página para asegurar que las personas que utilizan un navegador basado en texto y a las personas con discapacidades que utilizan un lector de texto puedan visualizarlo correctamente.

11. Almacenamiento

Si un gráfico o imagen sólo se utiliza en una página Web, el archivo de gráfico o imagen debe almacenarse en la misma carpeta que esa página Web. Si el gráfico o imagen se utiliza en varias páginas Web, el archivo de gráfico o imagen debe almacenarse en la carpeta de imágenes más apropiada.

Anterior | Siguiente