Diseño de tablas accesibles

Diseñar una tabla que sea accesible con diferentes resoluciones de pantalla es todo un reto. En el artículo Accessible, Simple, Responsive Tables explican cómo se puede lograr.

Muy interesante la siguiente imagen que resume cuatro técnicas:
  • Squish
  • Scroll
  • Collapse rows
  • Collapse columns

Comentarios

Publicar un comentario

Entradas populares de este blog

accessiBe, la herramienta mágica

accessiBe es una herramienta mágica por todo lo que promete: accessiBe is transforming web accessibility by replacing a costly, manual process with automated, state-of-the-art AI technology. Using the contextual understanding and image recognition, acessiBe’s AI scans and analyzes websites to learn what elements and functionality they include, and adjusts them to blind users’ screen-readers. ¿Será verdad?
Leer más

Las cinco reglas de ARIA

En Using ARIA : First Rule of ARIA: If you can use a native HTML element or attribute with the semantics and behavior you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so. Second Rule of ARIA Use: Do not change native semantics, unless you really have to. Third Rule of ARIA Use: All interactive ARIA controls must be usable with the keyboard. Fourth Rule of ARIA Use: Do not use role="presentation" or aria-hidden="true" on a focusable element. Fifth Rule of ARIA Use: All interactive elements must have an accessible name. Y en español: Primera regla de ARIA: si puede usar un elemento o atributo HTML nativo con la semántica y el comportamiento que ya necesita, en lugar de reutilizar un elemento y agregar un rol, estado o propiedad de ARIA para hacerlo accesible, entonces hágalo. Segunda regla de ARIA: no cambie la semántica nativa, a menos que realmente tenga que hacerlo. Tercera re
Leer más