Skip to content

Commit

Permalink
Update color_contrast.md
Browse files Browse the repository at this point in the history
  • Loading branch information
pzaldonis committed May 8, 2024
1 parent e832a97 commit abd1b33
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/_accessibility/color/color_contrast.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ nav_order: 15

Check that your content has enough color contrast between individual elements and against the background. Use a contrast checker like the WebAIM Contrast Checker to find the contrast ratio of the colors used in your content.

![Color contrast between blue (#3371E7) and white (#FFFFFF)](../color/color_contrast.png){width=200}\
![Color contrast between blue (#3371E7) and white (#FFFFFF)](../color/color_contrast.png){width: 200}\
*Use a tool like the WebAIM Contrast Checker to make sure there is enough contrast between colors.*

To use the WebAIM Contrast Checker, enter a foreground and a background color in RGB hexadecimal format (e.g. #FD3 or #F7DA39) or choose a color using a color picker to extract the color value from any page element. The contrast checker will tell you if your color combination passes or fails the Web Accessibility Initiative’s Web Content Accessibility Guidelines (W3C WCAG 2.1) requirements.
Expand Down

0 comments on commit abd1b33

Please sign in to comment.