-
Técnicas CSS para Accesibilidad
Un pequeño resumen de ciertas consideraciones a tener para la creación de hojas de estilo en cascada (CSS) accesibles, iniciare este pequeño ciclo dividido en partes para un mejor entendimiento.
Tipos de letra
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 "font-weight".
Use las siguientes propiedades CSS 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 los elementos HTML para controlar la información sobre el tipo de letra, utilice BIG y SMALL, que no están desaconsejados.
Efectos de estilo del texto
Evite el parpadeo del contenido (por ejemplo, cambio de presentación en periodos regulares, así como el encendido y apagado.
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).
Texto en vez de imágenes
Utilice hojas de estilo para controlar la maquetación y la presentación.
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.
Fuente
Tipos de letra
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 "font-weight".
Use las siguientes propiedades CSS 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 los elementos HTML para controlar la información sobre el tipo de letra, utilice BIG y SMALL, que no están desaconsejados.
Efectos de estilo del texto
Evite el parpadeo del contenido (por ejemplo, cambio de presentación en periodos regulares, así como el encendido y apagado.
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).
Texto en vez de imágenes
Utilice hojas de estilo para controlar la maquetación y la presentación.
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.
Fuente
