Skip to content

Commit 4bf029f

Browse files
author
dgash
authored
copy edit 2
1 parent c49d25a commit 4bf029f

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/content/en/fundamentals/accessibility/05-styling/styling-six.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,12 +23,12 @@ notes:
2323
- "Catching, identifying, and removing potential accessibility roadblocks before they happen can improve your development process and reduce maintenance requirements."
2424
---
2525

26-
There are roughly 320 million users with color vision deficiency. About 1 in 12 men and 1 in 200 women have some form of "color blindness"; this translates to around 1/20th, or 5%, of your users who will not experience your site the way you intend. When we rely on conveying information using color alone, we effectively push that number to unacceptable levels.
26+
There are roughly 320 million users with color vision deficiency. About 1 in 12 men and 1 in 200 women have some form of "color blindness"; that means about 1/20th, or 5%, of your users will not experience your site the way you intended. When we rely on color to convey information, we push that number to unacceptable levels.
2727

2828
For example, in an input form, a telephone number might be underlined in red to show that it is invalid. But to a color deficient or screen reader user, that information is not conveyed well, if at all. Thus, you should always try to provide multiple avenues for the user to access critical information.
2929

3030
The WebAIM checklist states in section 1.4.1 that "color should not be used as the sole method of conveying content or distinguishing visual elements." It also notes that "color alone should not be used to distinguish links from surrounding text" unless they meet certain contrast requirements. Instead, the checklist recommends adding an additional indicator such as an underscore (using the CSS `text-decoration` property) to indicate when the link is active.
3131

3232
An easy way to fix the previous example is to add an additional message to the field, announcing that it is invalid and why. When you're building an app, keep these sorts of things in mind and watch out for areas where you may be relying too heavily on color to convey important information.
3333

34-
If you're curious about how your site looks to different people, or if you rely heavily on the use of color in your UI, you can use the [NoCoffee Chrome extension](https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-US) to simulate various forms of visual impairment, including different types of color blindness.
34+
If you're curious about how your site looks to different people, or if you rely heavily on the use of color in your UI, you can use the <a href="https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-US" target="_blank">NoCoffee Chrome extension</a> to simulate various forms of visual impairment, including different types of color blindness.

0 commit comments

Comments
 (0)