Widget
A widget your visitors control.
Font Size, High Contrast, Dyslexic Font, Reading Mask, Text to Speech and 13 more. 18 adjustments in one panel.
Integration
Accessibility widget for Framer
Add one script tag to the End of body field in Site Settings and publish. The widget then loads on every page of your live site.
7-day free trial on every plan.Installation
Install in four steps.
Need help? Contact us.
Before you start
A Framer plan that includes custom code. If Site Settings shows no Custom Code section, your plan doesn't have it.
- 1
Create your account and add your domain
Sign up, add your site's domain and open the Installation tab. Your script tag is there with your domain ID filled in.
- 2
Open Custom Code in Site Settings
In the Framer editor open Site Settings (the gear icon) and find the Custom Code section under General.
- 3
Paste the tag into End of body
Paste the script tag into the End of <body> tag field and save.
<!-- Accessora widget --> <script async src="https://cdn.accessora.io/embeds/js/latest/autoload.js?domainId=YOUR_DOMAIN_ID"></script> - 4
Publish
Framer doesn't run custom code in the canvas preview. Click Publish, open the live site and look for the widget button in the bottom corner.
What you get
The same toolkit on every platform.
The widget, the dashboard and audits work the same however your site was built. What you get depends on your plan, not your platform.
Languages
44 languages.
Pick the widget's language, or let it follow each visitor's browser. Visitors can switch it in the panel.
Profiles
Four one-tap profiles.
Low Vision, Cognitive, ADHD and Motor Impairment each turn on a set of adjustments at once.
Audits
Audits with WCAG criteria.
Scan pages on a schedule or on demand. Each issue shows its WCAG criterion and the elements affected.
AI alt text
Alt text where it's missing.
On Growth and Enterprise, AI writes English alt text for images that have none. You can edit any of it.
Automated fixes
Common issues, patched.
On Enterprise, the widget patches common markup issues in the browser, like buttons and form fields with no label.
Does it work on every Framer plan?
It depends on your plan. If Site Settings shows a Custom Code section, you're set. If not, you need a Framer plan that includes it.
Start of head or end of body?
End of body. Your content renders first and the widget loads right after. Start of head also works.
Will it interfere with my Framer animations?
No. The widget only changes what a visitor turns on, so everyone else sees your effects as designed. Stop Animations halts CSS animations and transitions and pauses video. Effects Framer runs in JavaScript can keep playing.
Will it slow down my site?
The tag loads async, so your page renders without waiting for it. The widget button is fixed in a corner, so it doesn't shift your layout when it appears.
How do I remove it?
Clear the End of body field, save and publish again.
More platforms
Works on other platforms too.
The same widget on each one. Pick a platform for its own install guide.
See it on your own site.
7-day free trial on every plan. Install the widget today and cancel any time during the trial.