Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Replacing data table with a div-based design

Posted by: soupi Jan 5 2018, 03:05 PM

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

Posted by: pandy Jan 5 2018, 07:23 PM

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.

Posted by: soupi Jan 8 2018, 08:28 AM

That is correct, what is the route I should go

Posted by: pandy Jan 8 2018, 08:41 AM

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.

Posted by: soupi Jan 8 2018, 09:33 AM

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.

Posted by: soupi Jan 8 2018, 12:37 PM

Solved.

Posted by: pandy Jan 8 2018, 06:25 PM

Aren't data tables allowed by ADA? So what's the solution?

Posted by: Christian J Jan 9 2018, 06:33 AM

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."
https://www.techrepublic.com/blog/web-designer/creating-an-ada-compliant-website/

(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.

So where did the DOJ point UC Berkeley for guidance?

The World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines (WCAG 2.0 AA)."
https://www.searchenginejournal.com/ada-compliant-website/200106/

(The WCAG does allow data tables.)

Posted by: pandy Jan 9 2018, 08:01 AM

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.