Difference between revisions of "Text Spacing Favlet"

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 
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.  The CSS below can be put into Stylus.
 
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.  The CSS below can be put into Stylus.
  
 +
<pre>
 +
* {
 +
  line-height: 1.5 !important;
 +
}
 +
p {
 +
  margin-bottom: 2em !important;
 +
}
 +
* {
 +
  letter-spacing: 0.12em !important;
 +
}
 +
* {
 +
  word-spacing: 0.16em !important;
 +
}
 +
</pre>
 
Increase text spacing to test WCAG 2.1 Text Spacing SC.
 
Increase text spacing to test WCAG 2.1 Text Spacing SC.
  

Revision as of 19:49, 21 March 2019

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. The CSS below can be put into Stylus.

* {
   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.