Buscador

miércoles, 2 de mayo de 2012

Las características de CSS que mejoran la accesibilidad

He encontrado de casualidad el documento Accessibility Features of CSS. Es una nota del W3C de agosto de 1999 que sólo tiene en cuenta las características de CSS1 y CSS2.

Está claro que CSS mejora enormemente la accesibilidad al permitir separar la estructura/contenido y la presentación de un documento. Además, CSS permite un control preciso sobre la presentación del contenido. Con CSS se puede controlar el espacio, la alineación o la posición de los elementos que componen una página. Por ejemplo, en Espacio entre las letras de una palabra explico que es un error introducir espacios en blanco entre las letras de una palabra para crear un efecto visual, como por ejemplo en un título, ya que eso se tiene que realizar con CSS. O en Texto/Diseño tipográfico se explica cómo controlar la presentación del texto para que sea accesible.

En Accessibility Features of CSS se explica cómo las siguientes características de CSS pueden ayudar a la accesibilidad:


  • Spacing, alignment, and positioning:
    • text-indent
    • text-align
    • word-spacing
    • letter-spacing
    • font-stretch
    • margin
    • margin-top
    • margin-right
    • margin-bottom
    • margin-left
    • float
    • position
    • top
    • right
    • bottom
    • left
    • empty-cells
  • User override of styles:
    • !important
    • inherit
    • system fonts
    • system colors
    • list types
    • dynamic outlines (outline, outline-width, outline-style, outline-color)
  • Generated content
    • :before/:after pseudo-elements
    • content
    • cue
    • cue-before
    • cue-after
  • Aural style sheets
    • volume
    • speak
    • pause
    • pause-before
    • pause-after
    • cue
    • cue-before
    • cue-after
    • play-during
    • azimuth
    • elevation
    • speech-rate
    • voice-family
    • pitch
    • pitch-range
    • stress
    • richness
    • speak-punctuation
    • speak-numeral
  • Access to alternative content
    • attribute selectors
    • attr() function

No hay comentarios: