WebAIM - Web Accessibility In Mind

E-mail List Archives

Non-Tabular in Table


From: Brian Lovely
Date: May 16, 2019 6:03AM

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?

*Brian Lovely*
Capital One Digital Accessibility

The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.