WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Data in tables or lists with accessibility and responsive design in mind

for

From: ben jarlett
Date: Feb 10, 2014 2:36PM


Thanks for all the thinking... Yes Léonie that is the catch... I want it to
work on smaller screen sizes, and I don't think it'll work on a phone in a
table... so I'm gonna go with the DL suggestion and tableish styling for
large screen display. :)


On 10 February 2014 15:10, ben jarlett < <EMAIL REMOVED> > wrote:

> 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-accessible-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
>



--


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