Diseño web en Hidalgo

Pauta 5. Cree tablas que se transformen correctamente

Diseño web en Hidalgo Asegúrese de 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 (consultar punto de verificación 10.3). 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, Diseño Web éstas no proporcionaran a la aplicación de usuario la información necesaria para ello (consultar también la pauta 3). 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.).diseño web en Guadalajara

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. diseño web en Zapopan.

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.Diseño web en la Ciudad de México

5.3. No utilice tablas para maquetar, a menos que la tabla tenga sentido cuando se transcriba línea a línea. Por otro lado, si la tabla no tiene sentido, proporcione una alternativa equivalente (la cual debe ser una versión linearizada). [Prioridad 2] Nota. Una vez que las aplicaciones de usuario soporten la colocación mediante hojas de estilo, las tablas no se deben utilizar para maquetar. Consultar también punto de verificación 3.3. diseño web en Df

5.4.Si se utiliza una tabla para maquetar, no utilice marcadores estructurales para realizar un efecto visual. [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. Técnicas para el punto de verificación 5.4, Diseño web en Hidalgo

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.