Sight

Developer

Electric Putty

3rd Party (Free)

31 downloads (last 90 days)

Download v1.0

EE Version Support

  • ExpressionEngine 2

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Webservice
  • Publisher

Requirements

  • jQuery for the Control Panel

Add-On Type(s)

Plugin

Tags

Sight is a plugin for enabling/switching between certain accessibility CSS file options.

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>

Download Sight

EE Support Downloads Add-On Version Release Date
Not Specified Download 1.0 Apr 12, 2012

This entry was created April 16, 2012, 1:01 pm.
This entry was last updated April 16, 2012, 7:02 am.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through devot-ee.com. If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at https://devot-ee.com/returns to initiate your return. If you have questions, email support@devot-ee.com.

There are no reviews for this add-on yet.

What are you waiting for? Rate it and review it!