WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Data in tables or lists with accessibility andresponsivedesign in mind

for

From: Lynn Wehrman
Date: Feb 10, 2014 8:52AM


Our testers with sight-related disabilities who use screen readers find many tables inaccessible. Are there pointers that anyone can provide to create table-based format that is more accessible to these devices?

Warm Regards,

Lynn Wehrman
President & Test Management Team Director
theweco.com 855-849-5050 x705 <EMAIL REMOVED>

Follow WeCo on Twitter: @WeCo5 Interact with us on Facebook and read about current press coverage of our company!


Not sure if your webpage is accessible? Try our quick and easy Access Check-In service to find out within one week.



This email, including attachments, may be confidential and/or proprietary information, and may be used only by the person or entity to which it was addressed. If the reader of this email is not the intended recipient or his or her authorized agent, the reader is hereby notified that any dissemination, distribution or copying of this email is prohibited. If you have received this email in error, please notify the sender by replying to this message and delete this email immediately.

From: <EMAIL REMOVED> < <EMAIL REMOVED> > on behalf of Léonie Watson < <EMAIL REMOVED> >
Sent: Monday, February 10, 2014 9:32 AM
To: 'WebAIM Discussion List'
Subject: Re: [WebAIM] Data in tables or lists with accessibility and responsive design in mind

Ben Jarlett wrote:
"I wish to do this using accessible best practice, but also would like to
avoid using tables because I'd like to keep the site responsive
(mobile/tablet/desktop) - and although you can create accessible tables and
responsive tables I'm not sure that you can have a responsive and accessible
table."

For a simple table like this, it's possible both are achievable. The catch
may be whether all three columns can be displayed at smaller screen sizes
and/or whether all content is readable at that point?


Léonie.
-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of ben jarlett
Sent: 10 February 2014 15:11
To: <EMAIL REMOVED>
Subject: [WebAIM] Data in tables or lists with accessibility and responsive
design in mind

Hi, I am creating a list of links which have the following in them:

- link title and url
- a comment about the link
- a date that the link was posted

I wish to do this using accessible best practice, but also would like to
avoid using tables because I'd like to keep the site responsive
(mobile/tablet/desktop) - and although you can create accessible tables and
responsive tables I'm not sure that you can have a responsive and accessible
table.

There is an answer
here<http://ux.stackexchange.com/questions/34588/what-would-be-more-accessib
le-un-ordered-lists-or-tables>,
but it doesn't fully help me. It states helpfully that "Basic question you
should ask yourself: do you need rows and columns? Do you need some kind of
cross-referencing and/or sortable on different properties of the individual
items? In that case, use a table. Otherwise, use an unordered (or ordered)
list."

For my example I'm not giving the user an opportunity to sort the data, and
as for cross referencing I'm not sure if this applies - but am happy to take
advice on that.


Thanks - Ben

--


-------------
<EMAIL REMOVED>
benjarlett.co.uk <http://www.benjarlett.co.uk>;
07734 970739
messages to <EMAIL REMOVED>