Use un número mínimo de hojas de estilo en su sitio.
Use hojas de estilo vinculadas en vez de estilos
incrustados (directamente en las etiquetas) y evite hojas de estilo incrustadas
(directamente en la página).
Si tiene más de una, use el mismo nombre de clase ("class")
para el mismo concepto en todas las hojas de estilo.
Use la unidad "em" para fijar el tamaño de
letra.
Utilice unidades de medida relativas y porcentajes. Utilice
medidas absolutas de longitud sólo cuando las características físicas del medio
de salida sean conocidas, por ejemplo con imágenes de mapa de bits.
6 Proporcione un equivalente textual para cualquier imagen o
texto importantes generados por la hoja de estilo (por ejemplo, mediante las
propiedades "background-image", "list-style", o "content").
7 Asegúrese de que todo contenido importante aparezca dentro del
objeto del documento. El texto generado por las hojas de estilo no
forma parte del código fuente del documento y no estará disponible para las
ayudas técnicas que acceden al Modelo de Objeto del Documento Nivel 1
([DOM1]).
8 Especifique siempre un tipo de letra genérico por defecto.
9 Use las siguientes propiedades CSS2 para controlar la información de la
fuente: "font", "font-family", "font-size", "font-size-adjust", "font-stretch",
"font-style", "font-variant", y "font-weight", en lugar de los siguientes
elementos y atributos de tipo de letra desaconsejados en HTML:
FONT, BASEFONT, "face", y "size".
10 Las siguientes propiedades CSS2 pueden ser usadas para controlar el
formateo y posición del texto
Sangría: "text-indent". No utilice BLOCKQUOTE o cualquier
otro elemento estructural para hacer sangrías en el texto.
11Use números en vez de nombres, para especificar
colores.
Use estas propiedades CSS para especificar colores:
11 Los contenidos deben ser maquetados, ubicados, colocados en
capas y alineados mediante hojas de estilo (sobre todo mediante
las propiedades CSS de float y colocación absoluta) y no mediante tablas:
12 Proporcione textos equivalentes para todas las imágenes,
incluyendo las imágenes invisibles o transparentes. Si los diseñadores de
contenido no pueden usar hojas de estilo y deben utilizar imágenes
invisibles o transparentes (por ejemplo, con IMG) para diseñar con
imágenes en las páginas, deberían especificar alt="" para
ellas.
12 Utilice las hojas de estilo para crear líneas y bordes. Las
líneas y bordes pueden transmitir la noción de "separación" a los usuarios que
pueden ver, pero este sentido no puede ser deducido fuera de un contexto
visual.
Utilice las propiedades CSS para especificar los estilos de los
bordes
13 Estudie la necesidad de utilizar propiedades auditivas de
CSS2, las cuales proporcionan información para usuarios invidentes y usuarios de
navegadores de voz de manera parecida al tipo de letra que proporciona
información visual.
Las siguientes propiedades forman parte de hojas de
estilo en cascada de CSS2.
14 CONROLADOR
"volume" controla el volumen del texto hablado.
"speak" determina si el contenido se pronunciará y, en caso afirmativo, si
se debe deletrear o leer como palabras.
"pause", "pause-before", y "pause-after" controla las pausas antes y después
de anunciar el contenido. Permite a los usuarios separar los contenidos para
mejorar la comprensión.
15Cree distintas hojas de estilo para adaptar la presentación
del documento a diferentes dispositivos de salida (Braille,
sintetizadores de voz o dispositivos TTY, pantalla, móvil, etc.) mediante los
"tipos de medios" de CSS2 (empleados con las reglas @media) Las reglas "@media"
también pueden reducir los tiempos de descarga porque permiten a las
aplicaciones de usuario ignorar reglas inapropiadas.
