Estructura y Presentación

Listado de buenas prácticas sobre Estructura y presentación

¿Cómo se puede ocultar un texto de forma accesible?

Para ocultar un texto de forma accesible se debe utilizar CSS compatible con las ayudas técnicas:

Ejemplo de código CSS:

.oculto {
 position:absolute;
 left:-9999px;
 overflow:hidden;
}

Volver al listado de buenas prácticas

¿Por qué transmitir información únicamente a través del color puede ser un problema? ¿Qué alternativas existen?

Si se utiliza el color como único medio para transmitir información, usuarios con limitaciones visuales basadas en la percepción del color (como por ejemplo, la dicromacia) no percibirán correctamente dicha información. Si utilizamos otros medios además del color, cubrimos todas las necesidades del usuario independientemente de sus limitaciones.

Por ejemplo, en el caso de los vínculos, para diferenciarlos de un texto normal, es común el uso del estilo subrayado como complemento al color azul.

En el caso de gráficos de barras o sectores que muestran diferentes secciones y/o valores asociados a un color, se debe complementar con un rayado o trama único para cada sección o valor.

Volver al listado de buenas prácticas

¿Es correcto el uso de elementos de presentación en el código fuente de una página Web?

No. Uno de los pilares básicos para la accesibilidad de un sitio Web es la separación de contenido y presentación. Por ello se debe utilizar las hojas de estilo para dar formato al texto, así como para controlar la maquetación de los documentos, en lugar de utilizar elementos HTML.

Por ejemplo, para enfatizar un texto se debe utilizar los elementos HTML STRONG o EM.

Volver al listado de buenas prácticas

En archivos adjuntos y descargables, ¿es accesible utilizar sólo el icono representativo del tipo de archivo como enlace?

No, ya que el enlace no sería descriptivo sólo con el icono. Se debe proporcionar un texto que describa el archivo a descargar (indicando por ejemplo el título), y añadir como parte del enlace el icono representativo del tipo de archivo, indicando como alternativa textual de la imagen el formato del archivo.

En lo referente a qué tipo de gramática utilizar, se recomienda emplear siempre gramáticas estrictas.

Volver al listado de buenas prácticas

¿Se pueden utilizar tablas o marcos para maquetar una página Web?

Según las pautas de las WCAG 1.0 y los requisitos de la norma UNE, es posible usar tablas para maquetar siempre y cuando su contenido linearice correctamente.

De igual modo, es posible utilizar marcos para maquetar las páginas de un sitio web, sólo si cada marco tiene un título acorde a su contenido, y, en caso de existir varios marcos relacionados en una misma página se expliquen las relaciones entre ellos.

Aunque está permitido el uso de marcos o tablas para maquetar una página Web, con los condicionantes indicados anteriormente, el uso de estos elementos hace que se incumplan otros puntos de las WCAG o requisitos de la norma UNE, como el que indica que se debe utilizar las hojas de estilo para controlar la maquetación, por tanto está desaconsejado el uso tanto de tablas como de marcos para maquetar las páginas, por el enorme coste que supone el mantenimiento de un sitio Web construido con cualquiera de estos dos tipos de elementos.

En cambio, maquetar una página mediante hojas de estilo tiene enormes ventajas, entre las cuales podemos citar:

  • Facilita el rediseño de las páginas.
  • No es necesario cambiar el contenido para mostrarlo en dispositivos diferentes.
  • Disminuye el tiempo de carga de las páginas.
  • El usuario puede cambiar la presentación según sus gustos o necesidades.

En resumen, el uso de hojas de estilo para maquetar mejora la accesibilidad.

Para ampliar la información sobre tablas se recomienda descargar la Guía de Comprobación de la Accesibilidad: Tablas.

Volver al listado de buenas prácticas