News for hackers. Stuff that matters.

A comment on CSS Grid – Table layout is back. Be there and be square. Parent comment

Re:CSS Grid – Table layout is back. Be there and be square by martin-adams on Tuesday January 31, 2017 @05:42AM (#13529403)
Do you mean literal <table> markup, or tables in CSS such as display: table

Using CSS surely can improve the screen reader experience by the markup not being actual tables.

[ Parent | on HN ]
Re:CSS Grid – Table layout is back. Be there and be square by HalfwayToDice on Tuesday January 31, 2017 @06:08AM (#13529577)
Screen readers haven't been confused by tables since about 1998.
[ Parent | on HN ]
Re:CSS Grid – Table layout is back. Be there and be square by andybak on Tuesday January 31, 2017 @06:24AM (#13529652)
There was a particularly extreme trend back then (well - probably more during the 90s) where websites were mainly big Photoshop images sliced up into a lot of nested tables of dizzying complexity. Screen readers off course struggled with that as it was rather hard to determine the order of the content. I'm not sure how much trouble they have with more minimal use of tables for presentation.
[ Parent | on HN ]
Re:CSS Grid – Table layout is back. Be there and be square by TeMPOraL on Tuesday January 31, 2017 @07:03AM (#13529827)
> where websites were mainly big Photoshop images sliced up into a lot of nested tables of dizzying complexity

Replace "nested tables" with "nested divs", and this is exactly how web development today still looks, at least if your company employs a designer. Slicing is still a thing.

[ Parent | on HN ]
Re:CSS Grid – Table layout is back. Be there and be square by scoot on Tuesday January 31, 2017 @09:51AM (#13530969)
Then fire your designer and hire one who is competent for the job.

Sliced images were an ugly hack for the shortcomings of early CSS (or no CSS if you go back further still).

There's been no excuse for a very long time now.

[ Parent | on HN ]
Re:CSS Grid – Table layout is back. Be there and be square by martin-adams on Tuesday January 31, 2017 @11:41AM (#13532190)
After using Bootstrap I found myself in a nested div situation. Row + Column + Content/Cell.
[ Parent | on HN ]