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

From blackwiki
Jump to navigation Jump to search
imported>Graham87
(add note about description parameter ... had to avoid using tbullet for this to work)
imported>RexxS
(Note about description parameter)
Line 6: Line 6:
 
*{{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|#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|{{Independent (politician)/meta/color}}}}&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>.)
 
*{{tlx|Color sample|{{Independent (politician)/meta/color}}}}&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==

Revision as of 13:35, 31 January 2017

Usage

  • {{Color sample|red}} → 
  • {{Color sample|#00FF00}} → 
  • {{Color sample|#00FF00|description=green}} → 
    Adds a description of the color for screen reader users
  • {{Color sample|#DDDDDD}} → {{Color sample|#DDDDDD
    (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