Diseño web en Tehuantepec
Tipos de letra
Puntos de verificación en esta sección:
11.2 Evite características desaconsejadas por las tecnologías W3C. [Prioridad 2].
Técnicas:Diseño web en Tehuantepec
• Especifique siempre un tipo de letra genérico por defecto.
• En lugar de utilizar elementos y atributos de presentación desfasados, utilice las múltiples propiedades CSS para controlar las
características de los tipos de letra: «font-family», «font-size», «font-size-adjust», «font-stretch», «font-style», «font-variant», y «fontweight».
• 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».
• Si tiene que usar elementos HTML para controlar la información sobre el tipo de letra, utilice BIG y SMALL, que no están
desaconsejados.
Ejemplo
Especifique siempre un tipo de letra genérico por defecto en caso de que no esté disponible el deseado:
body { font-family: «Gill Sans», sans-serif }
Ejemplo
<style type=»text/css»>
p.important { font-weight: bold }
p.less-important { font-weight: lighter; font-size: smaller }
h2.subsection { font-family: Helvetica, sans-serif }
</style>
Efectos de estilo del texto
Puntos de verificación en esta sección:
7.2 Hasta que las aplicaciones de usuario permitan controlarlo, evite el parpadeo del contenido (por ejemplo, cambio de presentación
en periodos regulares, así como el encendido y apagado). [Prioridad 2].
Técnicas:diseño web
Las siguientes propiedades CSS2 se pueden emplear para dar estilo al texto:
• Mayúsculas/minúsculas: «text-transform» (para mayúsculas, minúsculas y primera letra mayúscula).
• Efectos de sombra: «text-shadow»
• Subrayado, suprarayado, parpadeo: «text-decoration». Nota. Si se emplea contenido parpadeante (por ejemplo, un titular que
aparece y desaparece a intervalos regulares), proporcione un mecanismo para detener el parpadeo. Con CSS, «text-decoration:
blink» producirá el efecto de parpadeo y además permitirá al usuario detener el efecto desactivando las hojas de estilo o redefiniendo
la regla en una hoja de estilo de usuario. No use los elementos BLINK o MARQUEE. Estos elementos no aparecen en ninguna
especificación W3C para HTML (es decir, son elementos no estándares).
Diseño web en Tehuantepec
Texto en vez de imágenes
Puntos de verificación en esta sección:
3.3 Utilice hojas de estilo para controlar la maquetación y la presentación. [Prioridad 2].
Técnicas:
Los diseñadores de contenido deberían utilizar hojas de estilo para dar estilo al texto, mejor que representar el texto con imágenes.
Usar texto en lugar de imágenes significa que la información estará disponible para un mayor número de usuarios (con sintetizadores
de voz, dispositivos braille, dispositivos gráficos, etc.). La utilización de hojas de estilo también permitirá a los usuarios redefinir los
estilos del autor y cambiar los colores o los tamaños de letra más fácilmente.
Si es necesario utilizar un mapa de bits para crear un efecto de texto (letra especial, transformación, sombras, etc.) el mapa de bits
debe ser accesible (vea las secciones sobre equivalentes textuales y páginas alternativas).
Ejemplo diseño web en Oaxaca
En este ejemplo, la imagen insertada muestra en caracteres rojos grandes «Ejemplo», y se refleja en el valor del atributo «alt».
<p>Esto es un
<img src=»BigRedExample.gif» alt=»ejemplo»>
de lo que queremos decir.
</p>Diseño web en Tehuantepec