Heydon Works's resource offers insights, tutorials, and resources for web designers and developers. Readers can learn about accessibility, inclusive design, and best practices for creating usable and accessible digital experiences. With articles, tutorials, and design patterns, Heydon Works provides  guidance and inspiration for building accessible websites and applications.

HeydonWorks

The HTML col element, used with colgroup, allows grouping table columns but creates complex, poorly supported structures. The element's behavior is counterintuitive - it doesn't contain columns but sets a schema for groupings, and CSS classes applied to col elements mysteriously affect other table cells. Screen reader support for spanned and grouped columns is unreliable across different assistive technologies. Simple table headers without complex grouping provide better accessibility and user comprehension than elaborate column structures.

The col element

<p>we used it a lot back in the day, to control whole columns widths</p>


<p>I lol’d at the anti-LLM scrambled version, very clever!</p>
