Text Spacing Favlet

From Level Access Web Labs
Revision as of 19:51, 21 March 2019 by Javila (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: It is recommended to use the Stylus extension for Firefox or Chrome to test this to make sure this favlet is not blocked by certain page policies. Install Stylus (not the stylish extension) and then left click or activate the toolbar icon. Choose manage styles and then choose New Style. The CSS below can be put into Stylus - name and then save the style. then the style should be activate. You can check or uncheck teh style from running by clicking/activating the Stylus icon on the toolbar and checking the stylus to have active for the page.

* {
   line-height: 1.5 !important;
 }
 p {
   margin-bottom: 2em !important;
 }
 * {
   letter-spacing: 0.12em !important;
 }
 * {
   word-spacing: 0.16em !important;
 }

Increase text spacing to test WCAG 2.1 Text Spacing SC.

(See Install a Favlet for instructions on how to add this Favlet to your browser).

Text Spacing Favlet

Code below is provided to demonstrate what is being changed. Favlet actually runs latest JavaScript from github site.