Editing Color

Jump to navigation Jump to search

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.

Latest revision Your text
Line 5: Line 5:
 
|coordimg1=0, 0, 0
 
|coordimg1=0, 0, 0
 
|simploduction=<ul>
 
|simploduction=<ul>
<li>How to use colors.</li>
+
<li>This is about how to use colours.</li>
<li>If the user is required to choose between colors, they should be named.</li>
+
<li>If the user can choose between different colours, they should be named.</li>
<li>Information should not be communicated visually with colors alone.</li>
+
<li>Important information should not be communicated with colours alone.</li>
<li>Information can be expressed visually by patterns instead of colors.</li>
+
<li>Patterns can be an alternative to the use of colours.</li>
<li>The appearance of colors should be checked for users with different forms of color blindness.</li></ul>
+
<li>It can be helpful to offer a choice of different colour schemes.</li></ul>
 
|coordsimplo=0, 0, 0
 
|coordsimplo=0, 0, 0
 
|testimonial=
 
|testimonial=
 
Lee is colorblind and encounters barriers when shopping online. He has one of the most common visual disabilities that affect men: red and green color blindness. Lee frequently shops online and sometimes encounters problems on websites and with apps where the color contrast of text and images is not adequate and where color alone is used to indicate required fields and sale prices. When red and green color combinations are used, Lee cannot distinguish between the two, since both look brown to him. It is also very difficult for him to make product choices when color swatches are not labeled with the name of the color.
 
Lee is colorblind and encounters barriers when shopping online. He has one of the most common visual disabilities that affect men: red and green color blindness. Lee frequently shops online and sometimes encounters problems on websites and with apps where the color contrast of text and images is not adequate and where color alone is used to indicate required fields and sale prices. When red and green color combinations are used, Lee cannot distinguish between the two, since both look brown to him. It is also very difficult for him to make product choices when color swatches are not labeled with the name of the color.
<br>
+
 
 
Lee has better experiences with online content and apps that use adequate contrast and allow him to adjust contrast settings in his browser. He is also better able to recognize when information is required when asterisks are used. Lee can more easily identify the products he would like to purchase, especially clothing, when the color label names are included in the selection options rather than color swatches alone.
 
Lee has better experiences with online content and apps that use adequate contrast and allow him to adjust contrast settings in his browser. He is also better able to recognize when information is required when asterisks are used. Lee can more easily identify the products he would like to purchase, especially clothing, when the color label names are included in the selection options rather than color swatches alone.
 
<br><a href="https://www.w3.org/WAI/people-use-web/user-stories/#shopper" class="testi_source">Source</a>
 
<br><a href="https://www.w3.org/WAI/people-use-web/user-stories/#shopper" class="testi_source">Source</a>
Line 26: Line 26:
 
[[File:Color.png|400px|none|Illustration Color]]
 
[[File:Color.png|400px|none|Illustration Color]]
 
<div class="text_content">
 
<div class="text_content">
==Overview==
+
==simple introduction==
* How to use colors.
+
* This is about how to use colours.
* If the user is required to choose between colors, they should be named.
+
* If the user can choose between different colours, they should be named.
* Information should not be communicated visually with colors alone.
+
* Important information should not be communicated with colours alone.
* Information can be expressed visually by patterns instead of colors.
+
* Patterns can be an alternative to the use of colours.
* The appearance of colors should be checked for users with different forms of color blindness.  
+
* It can be helpful to offer a choice of different colour schemes.  
  
==User Story==
+
==testimonial==
 
Lee is colorblind and encounters barriers when shopping online. He has one of the most common visual disabilities that affect men: red and green color blindness. Lee frequently shops online and sometimes encounters problems on websites and with apps where the color contrast of text and images is not adequate and where color alone is used to indicate required fields and sale prices. When red and green color combinations are used, Lee cannot distinguish between the two, since both look brown to him. It is also very difficult for him to make product choices when color swatches are not labeled with the name of the color.
 
Lee is colorblind and encounters barriers when shopping online. He has one of the most common visual disabilities that affect men: red and green color blindness. Lee frequently shops online and sometimes encounters problems on websites and with apps where the color contrast of text and images is not adequate and where color alone is used to indicate required fields and sale prices. When red and green color combinations are used, Lee cannot distinguish between the two, since both look brown to him. It is also very difficult for him to make product choices when color swatches are not labeled with the name of the color.
  
Line 40: Line 40:
 
Source: https://www.w3.org/WAI/people-use-web/user-stories/#shopper
 
Source: https://www.w3.org/WAI/people-use-web/user-stories/#shopper
  
==[[Color_References|References for Color]]==
+
==[[Color_References|Reference Collections for Color]]==
 
===[[Color_References#General|General]]===
 
===[[Color_References#General|General]]===
 
===[[Color_References#Color_scheme|Color scheme]]===
 
===[[Color_References#Color_scheme|Color scheme]]===
 
===[[Color_References#General|Information_in_color]]===
 
===[[Color_References#General|Information_in_color]]===
 
</div>
 
</div>

Please note that all contributions to Make Inclusive Websites may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see Make Inclusive Websites:Copyrights for details). Do not submit copyrighted work without permission!

Cancel Editing help (opens in new window)

Template used on this page: