La estructura de tu sitio sin CSS
Como ocurre con los hogares cuando se va la luz, que pasar?a con tu sitio si se fuera el CSS, ?Seria navegable?, ?Entendible?, ?Accesible?
Que es lo primero que vez cuando a tu sitio le desactivas la hoja de estilo en tu Firefox, ?El men??, ?El titulo?, ?El contenido o alguna publicidad de adsense?
Lo mas probable es que te encuentres con algo mas o menos ordenado o con algo completamente fuera de lugar, que inmediatamente querr?s volver a activarle la hoja de estilo y olvidar ese mal sue?o.
Pero la realidad es que debe de haber un orden, pero ?cual es el orden que debe llevar un sitio en su estructura XHTML/HTML? ?Existe alg?n orden oficial como por ejemplo:
Ejemplo 1:
- Titulo
- Menu
- Contenido
Ejemplo 2:
- Menu
- Titulo
- Contenido
Ejemplo 3:
- Contenido
- Titulo
- Men?
Y pueden existir mas combinaciones, pero lo cierto es que son estas las que mas he visto, ahora bien, ?Cual de los 3 ejemplos es mas accesible? los 3, el primero, el segundo o ninguno.
Siempre que se habla de accesibilidad se habla de los accesos a las opciones con el teclado, de la letra legible, de los colores, si es valido esto, si no es valido aquello, pero muchas veces se olvidan de lo que es en si la estructura sola del sitio.
Hay sitios que se acreditan etiquetas y mas etiquetas de validaci?n, sin embargo en cuanto les quitas la hoja de estilo, son como un rompecabezas reci?n vaciado de su caja.
Desde mi punto de vista la estructura mas recomendable es la del ejemplo 1. ?Por que?
- Lo primero que vemos para identificar una revista, un articulo o en nuestro sitio es el Titulo, pues este nos dir? en un rengl?n de que va la revista o el articulo (existen t?tulos que no tienen nada que ver con el articulo, sin embargo esa ya es otra cuesti?n de accesibilidad) o el nombre y slogan del sitio.
- Lo segundo en un sitio, es el Men?, que opciones tiene, donde esta el men? si me pierdo, suele suceder (y me ha ocurrido varias veces que hay sitios plagados de tanta publicidad, que no sabes si lo que sigue enseguida del Titulo es el men? o un anuncio publicitario) en este punto tambi?n es recomendable un mapa del sitio si este es muy extenso.
- Por ultimo y el vital de todo sitio, el Contenido, que es lo que realmente nos interesa leer y opinar.
Que otros detalles le puedes agregar a cada uno de estos, pues bien, si en tu hoja de estilo, lo primero que aparece es el men?, bien puedes esconder el titulo al principio, para que sea el men? el que ocupe ese lugar, y con un background posterior resaltar el nombre del titulo en imagen, esto para no perder la identidad de tu sitio al momento de visualizarlo sin CSS.
Al men? puedes agregar las ya recomendados por todos, accesos directos con el teclado, para permitir una forma mas r?pida de acceder a tus opciones a los usuarios de tu sitio.
El contenido, simplemente utilizar las etiquetas adecuadas y no hacer un mal uso de ellas. Llenar los title de tus enlaces y los alt de tus im?genes.
As? que en conclusi?n: Es importante el orden que le demos a nuestro sitio con las hojas de estilo, sin embargo es igual de importante el orden que le demos a nuestra estructura XHTML/HTML.