Question about Table component dos/don'ts: don't use zebra stripes

[cmurtaugh]

Hi --

First of all, a huge thank you for building this library and making it available open-source! Our team has started to use it extensively to build tools that plug into Canvas, and it makes it easy for us to make interfaces that look great and are accessible.

My question is about the Dos/Don'ts guidance for the Table component, which says to never use zebra stripes. I'm just curious about the rationale for this.

Thanks!
--Colin

[matyasf]

hi!

The reason is color contrast a11y requirements. There are certain colors in our color schemes that are close to the WCAG 2.0+ level AA contrast ratio (4.5:1) even to the white color (e.g. Link, error messages) and even a bright gray zebra stripe could violate these contrast rules.

[cmurtaugh]

Thanks! Makes sense!