Re: Table contrast ratio

Hi Owen,

„If the presentation is essential“ is for particular use cases - for example hit a button as soon as you see a figure (and who sees it first is the winner).

For understanding that a table is a table the lines may not be important - if there is enough space around the data, you might identify columns and rows without lines - especially if there are other design elements making things clearer (e.g. zebra striped columns and / or rows).

But I understand, that you want a subtle table design to emphasize the information itself.

Keep in mind, that “what belongs to what” also is an information, that shouldn’t be lost.

--
Mit freundlichen Grüßen

Marc Haunschild
www.mhis.de<http://www.mhis.de>

Am 02.05.2019 um 16:44 schrieb Owen Sage <Owen.Sage@emishealth.com<mailto:Owen.Sage@emishealth.com>>:

Hello,

I have been working making some table designs accessible, as part of a wider UI kit.

My question is I have been looking at the WCAG guidelines for contrast ratio and how that might apply to the borders sitting between each row.

The nearest section in the WCAG guidelines I have found is for non-text contrast and interestingly talks about two things. If something is 'required to understand the content' then it looks like it needs to be 3:1. 'except when a particular presentation is essential'

The main issue I’ve found is 3:1 feels like it introduces a lot of visual noise and could makes it hard for the user to scan and absorb. As the tables I’m designing with mostly contain lots of clinically important medical data where the clarity of data is key, the focus for me needs to be on the cell content. I’m thinking in this case the lines can possibly be exempt from meeting 3:1 as they be described as  'except when a particular presentation is essential'

Is there a definitive guidelines around tables gridlines/cell borders needing to be 3:1, or is it secondary to the main focus of the data. And as such doesn’t need to meet 3:1?

Thanks,

Owen Sage
UX Designer
User Experience team