Replacing data table with a div-based design |
Replacing data table with a div-based design |
soupi |
Jan 5 2018, 03:05 PM
Post
#1
|
Newbie Group: Members Posts: 14 Joined: 14-November 13 Member No.: 19,980 |
Good Afternoon, I have a one page html where on the bottom I have a data table, but for accessibility reasons I want to replace this data table with a div-based solution since I can't use tables for layouts.
How would I achieve this? Zip file for reference has been attached. Thank you. Attached File(s) Website.zip ( 255.83k ) Number of downloads: 197 |
pandy |
Jan 5 2018, 07:23 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Do you mean the table where you list your partners? I don't think it's wrong to use a table for that. You shouldn't have two doctypes though.
|
soupi |
Jan 8 2018, 08:28 AM
Post
#3
|
Newbie Group: Members Posts: 14 Joined: 14-November 13 Member No.: 19,980 |
That is correct, what is the route I should go
|
pandy |
Jan 8 2018, 08:41 AM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Personally I would do nothing. In what way do you mean a data table isn't accessible?
I don't know what you could use instead that's structurally sound. Maybe a definition list. |
soupi |
Jan 8 2018, 09:33 AM
Post
#5
|
Newbie Group: Members Posts: 14 Joined: 14-November 13 Member No.: 19,980 |
The page I am talking about is https://library.syr.edu/departments/lc.php.. (the bottom table) I need to remove the table and use Bootstrap css instead... any ideas. ty
Accessible meaning passing ADA criteria. This post has been edited by soupi: Jan 8 2018, 09:34 AM |
soupi |
Jan 8 2018, 12:37 PM
Post
#6
|
Newbie Group: Members Posts: 14 Joined: 14-November 13 Member No.: 19,980 |
Solved.
|
pandy |
Jan 8 2018, 06:25 PM
Post
#7
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Aren't data tables allowed by ADA? So what's the solution?
|
Christian J |
Jan 9 2018, 06:33 AM
Post
#8
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
A very quick search for ADA search turned up this page https://www.ada.gov/pcatoolkit/chap5toolkit.htm
"If you use online forms and tables, make those elements accessible by labeling each control (including buttons, check boxes, drop-down menus, and text fields) with a descriptive HTML tag." Not much information there, but a couple of other sites point to different references: "a government agency or government contractor [...] must follow web accessibility guidelines under Section 508 of the Workforce Rehabilitation Act of 1973. Although ADA and Section 508 compliance are different, the published checklist for Section 508 compliance offers insight into ways to make websites accessible for people with disabilities, and thereby work toward ADA compliance."(my emphasis) "In an August 2016 case involving the University of California Berkeley, the DOJ ruled that the public university was in violation of ADA Title II (similar to Title III but it instead applies to government organizations) because their YouTube channel’s videos didn’t include captions for hearing impaired visitors. The DOJ found this to violate the ADA as deaf users did not have equal access to the online content. (The WCAG does allow data tables.) |
pandy |
Jan 9 2018, 08:01 AM
Post
#9
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
QUOTE "If you use online forms and tables, make those elements accessible by labeling each control (including buttons, check boxes, drop-down menus, and text fields) with a descriptive HTML tag." Since when do tables have controls? Or do they mean tables used for layout with forms? Why would anyone use that today? Strange. |
Lo-Fi Version | Time is now: 26th April 2024 - 03:55 AM |