Beneficio de las hojas de estilo para la Accesibilidad Web

Publicado por Fran Tarifa

10 Marzo, 2006

CSS beneficia la accesibilidad principalmente por la separación de la estructura y la presentación de un documento. Las hojas de estilo fueron diseñadas para permitir un control preciso -fuera del marcado- del espaciado de carácteres, alineación de texto, posicionamiento de objetos en la página, salidas auditivas y habladas, características de fuentes, etc. Mediante la separación del estilo y el marcado, los autores pueden simplificar y limpiar el HTML de sus documentos, haciendo al mismo tiempo más accesibles los documentos.

CSS permite un control preciso sobre el espaciado, la alineación y el posicionamiento. Los autores pueden por tanto evitar el “mal uso de las etiquetas” - la práctica de usar mal un elemento estructural por sus efectos estilísticos esperados. Por ejemplo, aunque los elementos BLOCKQUOTE y TABLE en HTML están indicados para marcar citas y datos tabulares, son usados con frecuencia para crear efectos visuales tales como indentación y alineamiento. Cuando software de navegación especializado como un sintetizador de voz encuentra elementos que están mal usados de esa forma, los resultados pueden ser ininteligibles para el usuario.Además de prevenir el mal uso de elementos, las hojas de estilo pueden ayudar a reducir el mal uso de imágenes. Por ejemplo, a veces los autores utilizan imágenes invisibles de 1-pixel para posicionar contenido. Esto no sólo agranda los documentos, haciéndolos más lentos de descargar, sino que también puede confundir a los agentes de software buscando texto alternativo (el atributo “alt”) para esas imágenes. Las propiedades de posicionamiento CSS hacen que estas imágenes invisibles ya no sean necesarias para controlar el posicionamiento.

CSS proporciona un control preciso sobre los tamaños de fuente, color y estilo. Algunos autores han usado imágenes para representar texto en una fuente en particular cuando no están seguros de su disponibilidad en la máquina del cliente. El texto en imágenes no es accesible para software especializado como lectores de pantalla, ni puede ser catalogado por robots de búsqueda. Para remediar esta situación, las poderosas WebFonts de CSS permiten a los usuarios un mayor control de la información del lado cliente. Con WebFonts, los autores pueden confiar en mecanismos de respaldo en el cliente cuando la fuente preferida por el autor no está disponible. Las fuentes pueden ser sustituidas con mayor precisión, sintetizadas por el software cliente, e incluso descargadas desde la Web, todo de acuerdo con las especificaciones del autor.

CSS permite a los usuarios sobreescribir los estilos del autor. Esto es muy importante para los usuarios que no pueden percibir una página con los colores y fuentes escogidos por el autor. CSS permite a los usuarios ver documentos con sus fuentes, colores, etc. preferidos, especificándolos en una hoja de estilo de usuario.

CSS proporciona soporte para numeración generada automáticamente, marcadores y otro contenido que puede ayudar a los usuarios a orientarse dentro de un documento. Listas largas, tablas o documentos son más fáciles de navegar cuando los números y otras pistas contextuales se ofrecen de una manera accesible.
CSS soporta hojas de estilo aurales, que especifican cómo sonará un documento cuando sea representado en forma hablada. Las hojas de estilo aurales (abreviado “ACSS”) permiten a autores y usuarios especificar el volumen del contenido hablado, sonidos de fondo, propiedades espaciales del sonido, y un conjunto de otras propiedades que pueden añadir efectos a la narración sintetizada, en forma análoga a los efectos que se consiguen con los estilos de fuente para salidas visuales.

CSS proporciona un control más preciso sobre la presentación de contenido alternativo que HTML solo. Los selectores CSS2 dan accesso a valores de atributos, a menudo usados para proporcionar contenido alternativo. En CSS2, los valores de los atributos pueden ser representados en un documento junto con el contenido de un elemento principal.

Fuente: Recursos de Sidar

Enviar a: These icons link to social bookmarking sites where readers can share and discover new web pages.