diff --git a/docs/_accessibility/color/color_contrast.md b/docs/_accessibility/color/color_contrast.md index e083ee3..7f7910e 100644 --- a/docs/_accessibility/color/color_contrast.md +++ b/docs/_accessibility/color/color_contrast.md @@ -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 =200)\ +![Color contrast between blue (#3371E7) and white (#FFFFFF)](../color/color_contrast.png)\ *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. diff --git a/docs/_accessibility/color/color_contrast.png b/docs/_accessibility/color/color_contrast.png index 8d636af..89d85b2 100644 Binary files a/docs/_accessibility/color/color_contrast.png and b/docs/_accessibility/color/color_contrast.png differ