devot:eeDevoted to ExpressionEngine

Usage
===========================
This plugin gets initially activated by one of the four query strings, ?display=high/one/two/three which will then activate the plugin and set a session variable so that the setting persists across pages (without having to keep the query string). The default value it returns is ‘one’ for the {size} parameter inside the {exp:sight:font_size} tag pair. Only one of the 4 CSS files is active at any time.

Tags
===========================
There is are four tags for Sight, the font size controller, the high contrast controller, the high contrast link controller and the current URL (for easy linking).

Tag pairs:
——————
{exp:sight:font_size} - Used for controlling which font-size CSS to load, uses the variable {size} which has three values, ‘one’, ‘two’ and ‘three’. These should correspond to your CSS files, e.g. size-one.css. If the high contrast CSS is active, this tag returns nothing.

Example Usage:

{exp:sight:font_size}
<link rel="stylesheet" href="{site_url}assets/site_css/size-{size}.css?v=2">
{/exp:sight:font_size}

—-

{exp:sight:high_con} - Used for controlling whether or not the high contrast CSS is loaded. If it is, the tag pair simply returns its contents. If not, then it returns nothing.

Example Usage:

{exp:sight:high_con}
<link rel="stylesheet" href="{site_url}assets/site_css/high-contrast.css" />
{/exp:sight:high_con}

Single tags:
——————
{exp:sight:high_con_switcher} - Returns a link with the current URL (plus ?display=high) and the text ‘Normal Contrast’ or ‘High Contrast’ depending on what mode the plugin is in.

—-

{exp:sight:current_url} - Returns the current URL, useful for the font sizing links.

Example Usage:

<li>Change text size: <a href="{exp:sight:current_url}?display=one" id="sizeOne">A</a><a href="{exp:sight:current_url}?display=two" id="sizeTwo">A</a><a href="{exp:sight:current_url}?display=three" id="sizeThree">A</a></li>