A Responsive Accessible Table | Adrian Roselli


48 bookmarks. First posted by anglepoised 19 days ago.


a <table> that is responsive to resizing
responsive  chart 
5 days ago by ElliotPsyIT
November 2, 2017 ; Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use…
10 days ago by wesleythill
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…
responsive  table  ui  css  design  data  mobile  admin  grid  reference 
12 days ago by michaelfox
I am going to attempt to break it down to give you enough information to make your own responsive, accessible table because my example will likely not fit your case precisely (or closely?).

This approach is different from others you may have seen in that it uses a valid <table> (and child elements) and acknowledges that screen readers no longer consider <table>s to be tables when you start messing with their display properties.

-- Adrian Roselli
Adrian Roselli | adrianroselli.com | 2 nov 2017
coding  HTML/CSS  HTML/CSS-responsive  HTML/CSS-tables  web-accessibility  type-article 
12 days ago by tometaxu
on building an accessible table
accessibility  webdesign 
12 days ago by jshwlkr
This is such an amazing deep dive into how to create a responsive accessible table from Adrian Roselli. I've been using Filament Groups Table Saw for as long as I can remember but this is perfect for building one out yourself and understanding the things you've got to think about.
tutorial  283  newslettered  newsed 
12 days ago by justinavery
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…
accessibility  css  responsive  html  table  a11y 
13 days ago by alienlebarge
cool screen fx on the code samples
hxgf_sites_src 
13 days ago by jyoungblood
A Responsive Accessible Table ::

(And also scrolls horizontally if it has to.)
from twitter_favs
13 days ago by davidhund
An article showing how to implement a responsive and accessible table.
tables  responsivewebdesign  webdev  html  accessibility 
14 days ago by angusm
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 to break it down to give you enough information to make your own responsive, accessible table because my example will likely not fit your case precisely (or closely?).
a11y  css  html  responsive  tables  accessibility 
14 days ago by abberdab
Great article on creating responsive tables.
tables  responsive 
15 days ago by number10
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 to break it down to give you enough information to make your own responsive, accessible table because my example will likely not fit your case precisely (or closely?).
fridayfrontend  html  tables  responsive  accessibility  javascript  css 
16 days ago by spaceninja
The Example
eco 
17 days ago by degerstrom
A comprehensive walkthrough of marking up and styling a <table> to be responsive, while retaining its accessible semantics. (Surprise: screen-readers have style-based heuristics to guess if a table is for data or layout.)
a11y  css  html 
17 days ago by tigt
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 to break it down to give you enough information to make your own responsive, accessible table because my example will likely not fit your case precisely (or closely?).
wd  wd-accessibility  wd-tables  wd-tables--responsive 
18 days ago by ericwbailey
November 2, 2017 ; Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use…
from instapaper
19 days ago by anglepoised