search

az-digital / arizona-bootstrap

UArizona's front-end toolkit based on Bootstrap 4 and 5.
https://digital.arizona.edu/arizona-bootstrap
MIT License
5 stars 8 forks source link

Elements should have sufficient color contrast (followup) #321

Open akslay opened 3 years ago

akslay commented 3 years ago

Problem/Motivation

Related to #309

The horizontal rule element stays the same color regardless of background color, making it inaccessible on darker background colors.

Proposed resolution

Add the <hr> tag to the SCSS that ensures proper color contrast; it should match the color of the text.

In general, might need to just throw every possible element on a dark background color to make sure we caught everything (I'm coming across these as I add elements to the CKEditor in AZ Quickstart 2.0).

trackleft commented 2 years ago

Is there an WCAG recommendation for this?

akslay commented 2 years ago

I didn't find anything about horizontal rules specifically on WCAG, but I would think an <hr /> should have the same level of color contrast as text, right?

akslay commented 2 years ago

Another item that needs to leverage the built-in color contrast: text inside tables. Screen Shot 2022-05-25 at 2 58 33 PM