Pauta 5 // Cree tablas que se transformen correctamente

Tabla de datos

Asegure que las tablas tienen los marcadores necesarios para transformarlas mediante navegadores accesibles y otras aplicaciones de usuario.

Las tablas deberían utilizarse solamente para marcar la información tabular (“tablas de datos”). Los desarrolladores de contenidos deberían evitar usarlas para maquetar páginas (“tablas de composición”). Usar tablas para cualquier finalidad crea también especiales dificultades para los usuarios de lectores de pantalla.

Algunas aplicaciones de usuario permiten a los usuarios navegar entre las celdas de las tablas y acceder a los encabezamientos y otras informaciones de las celdas. A menos que marquemos apropiadamente las tablas, éstas no proporcionaran a la aplicación de usuario la información necesaria para ello.

Los siguientes puntos de verificación beneficiarán directamente a las personas que accedan a la tabla por medios auditivos (por ejemplo un lector de pantalla o un PC de automóvil), o a aquellos que sólo visualicen una parte de la página cada vez (Por ejemplo, los usuarios ciegos o de escasa visión que utilicen un sistema auditivo o un dispositivo braille u otros usuarios de dispositivos con pantallas pequeñas, etc.).

Puntos de verificación:

5.1 En las tablas de datos, identifique los encabezamientos de fila y columna. [Prioridad 1]

Por ejemplo, en HTML, use TD para identificar las celdas de datos y TH para los encabezamientos.

5.2 Para las tablas de datos que tienen dos o más niveles lógicos de encabezamientos de fila o columna, utilice marcadores para asociar las celdas de encabezamiento y las celdas de datos. [Prioridad 1]

Por ejemplo, en HTML, utilice THEAD, TFOOT, y TBODY, para agrupar las filas, COL y COLGROUP para agrupar las columnas y los atributos “axis”, “scope” y “headers” para describir relaciones más complejas entre los datos.

5.3 No utilice tablas para maquetar, a menos que la tabla tenga sentido cuando se alinee. Por otro lado, si la tabla no tiene sentido, proporcione una alternativa equivalente (la cual debe ser una versión alineada). [Prioridad 2]

5.4 Si se utiliza una tabla para maquetar, no utilice marcadores estructurales para realizar un efecto visual de formato. [Prioridad 2]

Por ejemplo, en HTML no utilice elemento TH para hacer que el contenido de una celda (que no sea de encabezamiento de tabla) se visualice centrado y en negrita.

5.5 Proporcione resúmenes de las tablas. [Prioridad 3]

Por ejemplo, en HTML, use el atributo “summary” en el elemento TABLE.

5.6 Proporcione abreviaturas para las etiquetas de encabezamiento. [Prioridad 3]

Por ejemplo, en HTML, use el atributo “abbr” en el elemento TH.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s