Accesibilidad Accesibilidad web No usar tablas para maquetar, seamos más accesibles
No usar tablas para maquetar, seamos más accesibles
|
|
Qué dicen las pautas de accesibilidad
WCAG 5.3: No use tablas para maquetar, a menos que el contenido de la tabla tenga sentido cuando se represente en forma lineal. De lo contrario, si la tabla no se entiende, proporcione un equivalente alternativo (que puede ser una versión lineal del contenido de la tabla). (Prioridad 2)
Uso correcto de las tablas
Las tablas existen en HTML por una sola razón: para mostrar datos tabulares. Pero luego border=0
hizo posible que los diseñadores pudieran obtener una rejilla para diseñar texto e imágenes y de esta manera hacer un mal uso de las tablas.
¿Qué nos aporta no usar tablas para maquetar?
- hará que nuestras páginas carguen más rápido
- reducirá costes de hosting
- hará que nuestros rediseños sean más eficientes y económicos
- nos ayudará a mantener consistencia visual en todos nuestros sitios
- nos hará obtener mejores resultados con los motores de búsqueda
- hará que nuestros sitios sean más accesibles para todas las personas interesadas y agentes de usuarios
- nos brindará margen competitivo (es decir, seguridad laboral y profesionalidad) a medida que el mundo se rige cada vas más por Normas o estandares Web.
- Al usar tablas sin seguir los estándares, los datos de presentación se mezclan con tu contenido . Además, hace que la consistencia visual de todo un sitio sea extremadamente difícil de alcanzar (y muy costosa).
- Las páginas basadas en tablas son también mucho menos accesibles para los usuarios que padecen incapacidades y para las personas que utilizan teléfonos móviles o PDA para acceder a la Web. No por la tabla en si, sino porque no se suelen implementar bajo estándares.
Para evitar todo esto pensaremos nuestros diseños un poco más y usaremos hojas de estilo y básicamente capas para dar una estructura lógica a nuestra web. Nada de Tablas, a menos que no sea para su uso correcto, tabular datos.
Por ejemplo, en lugar de anidar tablas dentro de tablas y de llenar celdas vacías con espaciadores mediante imágenes, podemos utilizar un marcado mucho más simple y hojas de estilo para diseñar espectaculares sitios que serán más rápidos para cargar, más fáciles de rediseñar y más accesibles para todos.
La conexión a internet no es gratuita
Es uso de los estándares web hará que nuestras web pesen menos, además es una pauta de accesibilidad, esto hará que tengamos que pagar menos a nuestro proveedor de servicios.
Mantener la consitencia visual por todo el site
Como todas las páginas usaran la misma hoja de estilos, mantener esta consistencia visual será más sencillo. Esta característica dotará de profesionalidad a nuestra marca comercial y hará que sea más usable y accesible.
Escribe una vez, reutilízalo y se más visible
Al separar econtenido del modo en que se visualizará hacemos que nuestra web sea independiente del dispositivo con el que se visualizará.
Los visitantes que utilizan lectores de pantalla (así como también aquellos que poseen conexiones lentas) no necesitan acceder a celdas de tablas innumerables ni a espaciadores para llegar al contenido real de nuestras páginas.
¿Queremos mejoras nuestro posicionamiento?
Google es ciego
Si seguimos las pautas de accesibilidad, si minimizamos los marcados y usamos atributos de encabezado de manera adecuada google nos podrá ver. A google no le importan las imágenes espaciadores ni bonitas, simplemente no las lee.
Reduciendo el porcentaje del código de contenido, usamos palabras claves en los atributos de encabezado y reemplazamos el encabezado GIF con texto , nuestros sitios estaran trabajando para ser vistos por los buscadores.
Entonces no usamos tablas
No,simplemente usalas para lo que fueron creadas, tabulación de datos. Seguro que esatabla tan compleja anidada que tienes en mente sepueden desglosar en tabas más simples y accesibles.