Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Buenas prácticas en Web Móvil: Maquetación de las páginas

Tablas

No se deben utilizar tablas para maquetar:

  • Empeora la accesibilidad.
  • Existen muchos dispositivos incapaces de interpretarlas correctamente.

En el caso de datos tabulares se pueden utilizar, pero deben evitarse en la medida de lo posible, ya que muchos dispositivos serán incapaces de interpretarla correctamente, y, en esos casos, las celdas aparecerán descolocadas, confundiendo y dificultando la comprensión de la información al usuario.

Aunque el navegador sea compatible surge el problema de scroll vertical y horizontal, debido a la baja resolución de pantalla.

Si a pesar de los inconvenientes anteriores se decide hacer uso de las tablas:

  • Etiquetarlas conforme a la recomendación y hacerlas accesibles para las ayudas técnicas existentes.
  • Linearizar los datos: intentar que puedan leerse linealmente, sin disponer visualmente de la estructura de la tabla.
  • Ofrecer una alternativa: la más adecuada sería proveer los datos de la tabla en forma de listado.
  • No incluir enlaces en la tabla: podrían quedar fuera del área visible para el usuario al aparecer scroll (sobre todo el horizontal).

WCAG 1

No utilizar tablas para maquetar y Proporcionar una alternativa a las tablas se cumplen parcialmente con el punto 5.3: No utilice tablas para maquetar (enlace externo, en inglés), 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).

Fuentes

Saber más: Tables (enlace externo, en inglés).

Información del sitio