accessibility:common_issues:color
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
accessibility:common_issues:color [2024/01/08 11:53] – added section on distinguishing items using color scl | accessibility:common_issues:color [2024/04/18 14:07] (current) – [Windows High Contrast Mode and Forced Colors Mode] sleary | ||
---|---|---|---|
Line 15: | Line 15: | ||
For links, this means that there must be some kind of text decoration, preferably an underline, in addition to a color that has sufficient contrast with the surrounding text. | For links, this means that there must be some kind of text decoration, preferably an underline, in addition to a color that has sufficient contrast with the surrounding text. | ||
- | In maps and charts, neighboring regions need to be distinguished by something other than color. Using [[https:// | + | In maps and charts, neighboring regions need to be distinguished by something other than color. Using [[https:// |
===== Borders and background colors ===== | ===== Borders and background colors ===== | ||
For some people with autism, ADHD, dyslexia, or other sensory processing issues, designs that feature dense information with high-contrast borders and brightly colored buttons may trigger discomfort or even panic attacks. Unlike people with low vision, this group may want to reduce color contrast. The use of red, orange, and yellow background colors in large blocks can cause problems for some people in this group (see " | For some people with autism, ADHD, dyslexia, or other sensory processing issues, designs that feature dense information with high-contrast borders and brightly colored buttons may trigger discomfort or even panic attacks. Unlike people with low vision, this group may want to reduce color contrast. The use of red, orange, and yellow background colors in large blocks can cause problems for some people in this group (see " | ||
+ | ===== Windows High Contrast Mode and Forced Colors Mode ===== | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | In forced colors mode, the following styles will reflect the user's preferences rather than the app stylesheet' | ||
+ | |||
+ | * text and link color | ||
+ | * background color | ||
+ | * borders, focus outlines, and text decoration (link underlines) | ||
+ | * scrollbar colors | ||
+ | * SVG fill and stroke color | ||
+ | |||
+ | See [[https:// | ||
+ | |||
+ | Some Bootstrap styles used in Evergreen may need to be adjusted for forced colors mode. For example, Bootstrap' | ||
+ | |||
+ | See [[https:// | ||
+ | |||
+ | ==== Testing Forced Colors / High Contrast ==== | ||
+ | |||
+ | You can turn on forced colors mode in your operating system' | ||
+ | |||
+ | * [[https:// | ||
+ | * [[https:// | ||
===== Color in OPAC Branding ===== | ===== Color in OPAC Branding ===== | ||
accessibility/common_issues/color.1704732794.txt.gz · Last modified: 2024/01/08 11:53 by scl