Organización de las páginas.

"Use encabezados (H1, H2, H3...), listas y estructura consistente. Use Hojas de Estilo (CSS) para maquetación y estilo, donde sea posible".

Los elementos estructurales deben ser usados para aquello que fueron creados y no para crear efectos de presentación (Puede consultar una relación de los elementos estructurales y de presentación en la página http://www.w3.org/TR/WCAG10-HTML-TECHS/#index-elements de las Técnicas HTML para las Pautas de Accesibilidad del Contenido Web 1.0).

Si utiliza correctamente los elementos estructurales, sus páginas serán más legibles y comprensibles y los robots buscadores las podrán indexar de forma correcta (éstos recopilan la información de los encabezados para recoger la información de la página).

Si utiliza hojas de estilo, su sitio será más coherente y más fácil de mantener. Usando hojas de estilo permitirá la personalización de la presentación por parte del usuario (esto beneficia a las personas con ciertas deficiencias visuales que podrán elegir los colores que mejor perciban).

Ejemplo:

Encabezados:

Titulo de esta página.

Código:

<p align="center"><font size="6" color="#800000"><b>Titulo de esta página.</b></font></p>

El título se ha conseguido mediante la utilización de elementos de presentación (alineación del texto, tamaño y color de la fuente) y no con el elemento estructural correspondiente (H1) que, mediante la hoja de estilo, puede tener una presentación determinada. Por ejemplo:

H1{
font-family: "Times New Roman";
color :#800000;
text-aling: center;
}

Listas:

Lista de elementos que componen la página (ponga atención en el elemento rojo):

Elemento número 1.
Elemento número 2.
Elemento número 3.

Código:

<p>Lista de elementos que componen la página (ponga atención en el elemento rojo):</p>
<p>Elemento número 1.<br>
<font color="#FF0000">Elemento número 2</font>.<br>
Elemento número 3.</p>

La lista no se ha estructurado con los elementos correspondientes (OL en el caso de listas ordenadas, UL en el caso de listas sin orden y sus correspondientes atributos "li" para cada una de las líneas de la lista). Se ha forzado el color con un elemento de presentación (FONT con su atributo "color") que no será percibido por algunas personas con deficiencia visual o por aquellos que manejen pantallas monocromo.

- -