En relación con el desarrollo del HTML, CSS y HTTP, que el W3C ha venido realizando, y para facilitar el proceso de construcción de la Web basado en estándares, ésta organización ha recopilado una serie de recomendaciones básicas a seguir en cuestiones de diseño y desarrollo web. (Celia Crespo)

El documento consta de una serie de enlaces a textos, más o menos extensos, algunos son borradores todavía, a lo largo de los cuales se describen consideraciones sobre usabilidad, accesibilidad, y estándares en títulos, URLs, colores y etiquetas entre otros elementos. Seguidamente se comentan algunos de estos consejos:

La etiqueta “title”:
El títilo es uno de los elementos más importante en una página web, puesto que representa al documento en barras de título de ventanas, listas de marcadores y listas de resultados de búsqueda. La etiqueta “title”, define el título en HTML y está diseñada para proporcionar un texto breve que, sin ser parte del contenido visual del documento, es una de las características que lo definen en su totalidad.
Hay que tener en cuenta que el espacio para un títilo en muchas ventanas, menús, etc… es de 60 a 80 caracteres, por tanto lo más indicado es que no exceda estas dimensiones, de hecho se recomienda que no supere los 64 caracteres. Sin embargo, debe describir y definir el contenido del documento en un contexto lo suficientemente amplio.

“Haz clic aquí”:
Cuando de pretende la interacción del usuario es recomendable utilizar textos de enlace cortos pero significativos. Dadas las funciones de estos, a saber, proporcionar información fuera del contexto y explicar lo que ofrece el enlace, es conveniente evitar las referencias a los mecanismos o acciones, que sólo aportan información sobre el proceso de acceso, no sobre el contenido.

Elegir la URL:
La URL reemplaza la dirección IP de los servidores por términos con significado descriptivo para el usuario, facilitando la localización de contenidos mediente navegadores y buscadores. Una URL, en consecuencia, debe ser fácil de recordar y dar alguna indicación sobre contenido del sitio web.
Una cuestión a tener en cuenta es el cambio de URLs. Tim Berners-Lee escribió al respecto: “¿Realmente crees que las URI elegidas en un primer momento no pueden seguir funcionando? Si es así, las elegiste muy mal. Piensa las nuevas de manera que puedas mantenerlas funcionando tras el próximo rediseño.” Con estas palabras Berners-Lee, en su artículo “Cool URIs don’t change” hace incapié en la falta de previsión y análisis a la hora de elegir las direcciones web. Además de estar atento a la calidad del recurso o contenido que se ofrece, es necesario elegir una localización adecuada a los objetivos que se pretenden con la publicación del mismo.

“Ir a la página anterior”:
Este botón es uno de los elementos más utilizados en la navegación, no es recomendable por tanto inutilizarlo con el fin de redireccionar contenidos. Jakob Nielsen describre esta práctca como “un error de diseno” que impide al usuario hacer uso de esta función de la barra de navegación.

El atributo “alt”:
Tiene como función básica proporcionar alternativas, que esencialmente tengan la misma función, a las imágnes, es decir proporcinar un texto equivalente al contenido que sustituye. Otras recomendaciones más concretas, cuando el atributo “alt” resulta insuficiente, hacen referencia a opciones como la propiedad en CSS “list-style-image”, que permite generar una lista de términos asociada a la imagen, o añadir un enlace específico para la descripción de la imagen (“longdesc”).

Encabezados:
Con el fin de lograr una mayor claridad en la exposición de los contenidos los sitios web suelen tener une estructura que se organiza mediante una serie de elementos. En HTML y XHTML los encabezados, de diferentes niveles, facilitan el desarrollo de dicha estructura, permiten dividir una página en partes más pequeñas y señalan los conceptos clave entre el contenido.

Especificar el color:
Si se especifica un color para texto, los encabezados, los enlaces y otros elementos hay que especificar también el color de fondo de la página. El usuario puede predeterminar los colores en sus preferencias, que actúan en elementos para los que no hemos definido esta característica, esto puede generar combinaciones incoherentes y hasta invisibles.

A esta serie de pautas se suman otras recomendaciones como utilizar CSS y prescindir de la etiqueta “font”, dar una definición exacta del tipo de documento, Doctype, usar un tamaño de texto adecuado, se puede conseguir un diseño atractivo sin que el usuario lo tenga que ampliar o reducir y utilizar el formato de fecha ISO.

Leave a Reply

You must be logged in to post a comment.