WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Data in tables or lists with accessibility and responsivedesign in mind

for

From: Léonie Watson
Date: Feb 10, 2014 8:32AM

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>