Wikipedia:Colour contrast: Difference between revisions
wrong link to Resolution:Nondiscrimination |
→Resources: wcag 2.0 -> 2.2; link colors change |
||
Line 20: | Line 20: | ||
== Resources == |
== Resources == |
||
[http://snook.ca/technical/colour_contrast/colour.html Snook's Colour Contrast Check] provides a comprehensive check of whether a particular choice of foreground and background colours meets [[WCAG 2. |
[http://snook.ca/technical/colour_contrast/colour.html Snook's Colour Contrast Check] provides a comprehensive check of whether a particular choice of foreground and background colours meets [[WCAG 2.2]] standards for brightness difference, colour difference and contrast ratio. |
||
You can find the text colour and background colour as a hexadecimal value by using the "Inspect element" function that most modern browsers provide. The default colour for blue-linked text with the Vector skin is # |
You can find the text colour and background colour as a hexadecimal value by using the "Inspect element" function that most modern browsers provide. The default colour for blue-linked text with the Vector skin is <syntaxhighlight inline lang="css">#3366cc</syntaxhighlight> ({{color box|#3366cc}}) and for visited links is <syntaxhighlight inline lang="css">#795cb2</syntaxhighlight> ({{color box|#795cb2}}). Both should always be checked in addition to black <syntaxhighlight inline lang="css">#202122</syntaxhighlight> ({{color box|#202122}}) against any proposed background colour in case links are added later. |
||
== See also == |
== See also == |
Latest revision as of 00:33, 17 February 2024
![](http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Example_of_team_color_problem_on_Clive_Churchill_article.png/220px-Example_of_team_color_problem_on_Clive_Churchill_article.png)
If you have default settings on Wikipedia, and are reading this page on a screen, then you probably can't read the following:
- This is a secret message
because it has blue text on a blue background.
Text that you probably can read, such as red on green, may present a similar problem to people who have colour-blindness.
Text with low contrast, such as light grey on dark grey, presents a similar problem to people with other eyesight-related conditions.
The more severe their condition, the higher the contrast has to be for them to be able to read it.
The non-discrimination policy is "approved by the Wikimedia Foundation Board of Trustees to apply to all Wikimedia projects. It may not be circumvented, eroded, or ignored by local policies."
It says: "The Wikimedia Foundation prohibits discrimination against current or prospective users... on the basis of... disability"
.
To avoid these problems, you should ensure that text meets the guidelines set out in WP:COLOUR.
Resources
[edit]Snook's Colour Contrast Check provides a comprehensive check of whether a particular choice of foreground and background colours meets WCAG 2.2 standards for brightness difference, colour difference and contrast ratio.
You can find the text colour and background colour as a hexadecimal value by using the "Inspect element" function that most modern browsers provide. The default colour for blue-linked text with the Vector skin is #3366cc
( ) and for visited links is #795cb2
( ). Both should always be checked in addition to black #202122
( ) against any proposed background colour in case links are added later.