Accessibility toolbar for Webflow — variables, interactions & minimal JS

Accessibility Toolbar for Webflow provides control over font size, line height and letter spacing, as well as link highlighting, high contrast and grayscale toggles - all powered by variables and Webflow interactions, enhanced by a small JS snippet. Copy the embed settings and variables into your project and you're done.
Got ideas? I'm creating this together - if you have new feature ideas or improvements, let me know! flowtive.studio@gmail.com
How It Works
The toolbar links to variables and Webflow interactions to control:
Font size, line height & letter spacing via ratio variables.
Link highlighting, high‑contrast & grayscale by toggling body classes.
Simply paste the CSS snippet and the JS. The “Reset” button clears all toggles and returns every ratio to its default. Ensure each button uses the correct data- attributes.