The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Replacing data table with a div-based design
soupi
post Jan 5 2018, 03:05 PM
Post #1


Newbie
*

Group: Members
Posts: 11
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)
Attached File  Website.zip ( 255.83k ) Number of downloads: 35
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 5 2018, 07:23 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,915
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.


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
soupi
post Jan 8 2018, 08:28 AM
Post #3


Newbie
*

Group: Members
Posts: 11
Joined: 14-November 13
Member No.: 19,980



That is correct, what is the route I should go
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 8 2018, 08:41 AM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,915
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
soupi
post Jan 8 2018, 09:33 AM
Post #5


Newbie
*

Group: Members
Posts: 11
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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
soupi
post Jan 8 2018, 12:37 PM
Post #6


Newbie
*

Group: Members
Posts: 11
Joined: 14-November 13
Member No.: 19,980



Solved.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 8 2018, 06:25 PM
Post #7


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,915
Joined: 9-August 06
Member No.: 6



Aren't data tables allowed by ADA? So what's the solution?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 9 2018, 06:33 AM
Post #8


.
********

Group: WDG Moderators
Posts: 7,815
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."
https://www.techrepublic.com/blog/web-desig...pliant-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-com...website/200106/

(The WCAG does allow data tables.)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 9 2018, 08:01 AM
Post #9


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,915
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th May 2018 - 07:06 AM