Skip to content

Fix color contrast issues #198

@bedmison

Description

@bedmison

Address any color contrast issues that are found. Color contrasts are measured between foreground and background colors. The standard contrast ratio we want to maintain is at least 4.5:1.

The WebAIM Contrast Calculator is an easy-to-use widget for finding the contrast ratio.

Work from https://codeworkoutdev.cs.vt.edu/gym/exercises . It shares much of the same theming as OpenDSA-LTI. For each element, test the contrast ratio. If it is less than 4.5, work out a color combination that gets us to the 4.5 level. Once you figure out that combination, record the changes you make as a note attached to this issue. Record the element, any CSS selectors you changed, and the new colors.

Remember, you aren't working from source code, so the changes you make will be lost when the page refreshes. That's why it's vital to record the changes here.

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions