Difference between revisions of "Color"

From Make Inclusive Websites
Jump to navigation Jump to search
Line 2: Line 2:
 
|headline=Color
 
|headline=Color
 
|coordhead=315.416, 13.124, 0.000
 
|coordhead=315.416, 13.124, 0.000
|image1=img/img.link
+
|image1=/wiki/images/Color.png
 
|coordimg1=0, 0, 0
 
|coordimg1=0, 0, 0
 
|simploduction=<ul>
 
|simploduction=<ul>

Revision as of 07:51, 7 May 2021

headline Color
headline coordinates 315.416, 13.124, 0.000
image /wiki/images/Color.png
image coordinates 0, 0, 0
simple introduction
  • This is about how to use colours.
  • If the user can choose between different colours, they should be named.
  • Important information should not be communicated with colours alone.
  • Patterns can be an alternative to the use of colours.
  • It can be helpful to offer a choice of different colour schemes.
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">Source</a>

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

simple introduction

  • This is about how to use colours.
  • If the user can choose between different colours, they should be named.
  • Important information should not be communicated with colours alone.
  • Patterns can be an alternative to the use of colours.
  • It can be helpful to offer a choice of different colour schemes.

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