Difference between revisions of "Template:Color sample/doc"

From blackwiki
Jump to navigation Jump to search
imported>Graham87
(create from Template:Color sample)
 
imported>Colonies Chris
 
(5 intermediate revisions by 5 users not shown)
Line 2: Line 2:
 
<!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) -->
 
<!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) -->
 
== Usage ==
 
== Usage ==
{{tbullet|Color sample|red}}
+
*{{tlx|Color sample|red}}&nbsp;→&nbsp;{{color sample|red}}
{{tbullet|Color sample|#00FF00}}
+
*{{tlx|Color sample|#00FF00}}&nbsp;→&nbsp;{{color sample|#00FF00}}
{{tbullet|Color sample|{{Independent (politician)/meta/color}}}}<br>(Instead of specifying a color directly, this example uses <code><nowiki>{{Independent (politician)/meta/color}}</nowiki></code>, which generates <code>#DDDDDD</code>.)
+
*{{tlx|Color sample|#00FF00|description&#61;green}}&nbsp;→&nbsp;{{color sample|#00FF00|description=green}}<br/>Adds a description of the color for [[screen reader]] users
 +
*{{tlx|Color sample|&#123;&#123;Independent politician/meta/color&#125;&#125;}}&nbsp;→&nbsp;{{Color sample|{{Independent politician/meta/color}}}}<br/>(Instead of specifying a color directly, this example uses <code><nowiki>{{Independent politician/meta/color}}</nowiki></code>, which generates <code>#DDDDDD</code>.)
 +
 
 +
Note: When hovered over, the template shows the value used for color as a tooltip by default. This is also heard by a screen reader. An optional parameter, {{para|description}} can be used to change that to something more user-friendly, as shown in the third example.
  
 
==See also==
 
==See also==
*[[Template:Swatch-inline]]
+
*[[Template:Swatch inline]]
 
*[[Template:Swatch]]
 
*[[Template:Swatch]]
*[[List of colors]]
+
*[[Lists of colors]]
  
 
<includeonly>{{sandbox other||
 
<includeonly>{{sandbox other||

Latest revision as of 13:40, 1 November 2019

Usage

  • {{Color sample|red}} → 
  • {{Color sample|#00FF00}} → 
  • {{Color sample|#00FF00|description=green}} → 
    Adds a description of the color for screen reader users
  • {{Color sample|{{Independent politician/meta/color}}}} → 
    (Instead of specifying a color directly, this example uses {{Independent politician/meta/color}}, which generates #DDDDDD.)

Note: When hovered over, the template shows the value used for color as a tooltip by default. This is also heard by a screen reader. An optional parameter, |description= can be used to change that to something more user-friendly, as shown in the third example.

See also