Difference between revisions of "Color"

From Make Inclusive Websites
Jump to navigation Jump to search
Line 5: Line 5:
 
|coordimg1=0, 0, 0
 
|coordimg1=0, 0, 0
 
|simploduction=<ul>
 
|simploduction=<ul>
<li>This is about how to use colours.</li>
+
<li>How to use colors.</li>
<li>If the user can choose between different colours, they should be named.</li>
+
<li>If the user is required to choose between colors, they should be named.</li>
<li>Important information should not be communicated with colours alone.</li>
+
<li>Information should not be communicated visually with colors alone.</li>
<li>Patterns can be an alternative to the use of colours.</li>
+
<li>Information can be expressed visually by patterns instead of colors.</li>
<li>It can be helpful to offer a choice of different colour schemes.</li></ul>
+
<li>The appearance of colors should be checked for users with different forms of color blindness.<li></ul>
 
|coordsimplo=0, 0, 0
 
|coordsimplo=0, 0, 0
 
|testimonial=
 
|testimonial=
Line 27: Line 27:
 
<div class="text_content">
 
<div class="text_content">
 
==simple introduction==
 
==simple introduction==
* This is about how to use colours.
+
* How to use colors.
* If the user can choose between different colours, they should be named.
+
* If the user is required to choose between colors, they should be named.
* Important information should not be communicated with colours alone.
+
* Information should not be communicated visually with colors alone.
* Patterns can be an alternative to the use of colours.
+
* Information can be expressed visually by patterns instead of colors.
* It can be helpful to offer a choice of different colour schemes.  
+
* The appearance of colors should be checked for users with different forms of color blindness.  
  
 
==testimonial==
 
==testimonial==

Revision as of 16:49, 3 June 2021

headline Color
headline coordinates 291.000, 10.000, 0.000
image /wiki/images/Color.png
image coordinates 0, 0, 0
simple introduction
  • How to use colors.
  • If the user is required to choose between colors, they should be named.
  • Information should not be communicated visually with colors alone.
  • Information can be expressed visually by patterns instead of colors.
  • The appearance of colors should be checked for users with different forms of color blindness.
simple introduction coordinates 0, 0, 0
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 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.
<a href="https://www.w3.org/WAI/people-use-web/user-stories/#shopper" class="testi_source">Source</a>

testimonial coordinates 0, 0, 0
links to Contrast
belongs to Color vision
contains Color_References


Illustration Color

simple introduction

  • How to use colors.
  • If the user is required to choose between colors, they should be named.
  • Information should not be communicated visually with colors alone.
  • Information can be expressed visually by patterns instead of colors.
  • The appearance of colors should be checked for users with different forms of color blindness.

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 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.

Source: https://www.w3.org/WAI/people-use-web/user-stories/#shopper

Reference Collections for Color

General

Color scheme

Information_in_color