WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Non-Tabular in Table

for

From: Patrick H. Lauke
Date: May 16, 2019 1:41PM

On 16/05/2019 13:03, Brian Lovely via WebAIM-Forum wrote:
> I've been fighting against this pattern which is a hybrid of table and
> accordion. Essentially, each table row displays a minimum amount of data
> (all correct, columns, rows, and headers) but there is a button for "more".
> When the button is activated a sort of accordion drawer opens that runs the
> width of the table, completely breaking the column, row, header pattern.
>
> This component would take some work to rebuild. My thought is to either
> provide the cells with expandable areas and assign the "more" content to
> specific cells which then open when the button is activated, or to display
> the expanded version of the row data in a modal when the button is
> activated. One drawback to the modal idea is that only one row can be
> expanded at a time this way.
>
> Before I really push for this change, I want to know if this hybrid
> table/accordion is really as bad as I think it is. Should I keep pushing
> for it to be changed or should I just pick another battle?

Conceptually, this sounds like a "treegrid". I'd suggest following the
suggested pattern/functionality described in
https://www.w3.org/TR/wai-aria-practices-1.1/#treegrid

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke