All Posts Tagged: tables

Fixed Table Headers

Related Under-Engineered Responsive Tables A Responsive Accessible Table Hey, It’s Still OK to Use Tables Keyboard and Overflow

I regularly work on projects with HTML tables that have been pushed to the edge with styles, scripts, and widget features. A common pattern is where rows are hidden until the user opts to show them. Unfortunately, the pattern is often over-complicated with unnecessary script and styles that regularly break…

Uniquely Labeling Fields in a Table

Many of my clients over the years have relied on fields in tables. Sometimes a checkbox to select a row, sometimes text inputs to update information, sometimes buttons select something. Rarely are they interested in a block of label text above the field, and I cannot disagree with them. The…

Functions to Add ARIA to Tables and Lists

Related Other posts in this accidental series: Layout as a Clue to Semantics Display: Contents Is Not a CSS Reset Tables, JSON, CSS, ARIA, RWD, TLAs… Tables, CSS Display Properties, and ARIA A Responsive Accessible Table Hey, It’s Still OK to Use Tables When I presented my talk CSS Display…

Layout as a Clue to Semantics

Related Other posts in this accidental series: Display: Contents Is Not a CSS Reset Tables, JSON, CSS, ARIA, RWD, TLAs… Tables, CSS Display Properties, and ARIA A Responsive Accessible Table Hey, It’s Still OK to Use Tables I did not mean to write a series on tables. It’s not a…

Display: Contents Is Not a CSS Reset

CSS resets are a collection of CSS styles that undo the default browser styling of many or most HTML elements. Recently I have seen cases of developers using display: contents on lists and headings to remove the margins and padding, and generally to visually do what a CSS reset might…

Tables, JSON, CSS, ARIA, RWD, TLAs…

Yeah. Another one. Let’s recap: In 2012 I asked that we get back to using HTML tables for tabular data in my post It’s OK to Use Tables, In November I argued that we need to avoid ARIA grid patterns for tables in Hey, It’s Still OK to Use Tables,…

Tables, CSS Display Properties, and ARIA

Update: 7 October 2023 Tables with display properties are now functional across Chromium, Gecko, and (finally) WebKit browsers. Barring regressions (which have happened), display: contents is the only style that may cause issues, and that is a function of a poor specification. My post It’s Mid-2022 and Browsers (Mostly Safari)…

A Responsive Accessible Table

Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt…

Hey, It’s Still OK to Use Tables

Baby Boomerangutuang, one of the Tick’s students. He was just shouting It’s OK to play with dolls! Consider this post to be the sequel to my 2012 post It’s OK to Use Tables. Here I will go into bit more detail based on the state of accessible efforts I see…

Keyboard and Overflow

Imagine that as a user you regularly use the keyboard for non-data-entry tasks. Think about how frustrating it is to have to grab the mouse to hover over something on the screen just to see it. Now imagine that you are a keyboard-only user. That problem can be addressed somewhat…

It’s OK to Use Tables

Baby Boomerangutuang, one of the Tick’s students. He is shouting It’s OK to play with dolls! If you cut your teeth building for the web in the 90s and even into the 00s, then you probably learned to lay out your HTML pages using <table>s. As CSS support and techniques…