Selma Widget
Accessibility widget for Optimizely
Selma Widget gives visitors to your Optimizely site a menu where they can adjust text, contrast and motion to their needs. You add one line of code with Google Tag Manager or in your layout file, and the site stays as it is.
Why it suits Optimizely
Built for large sites with many editors
All new content is covered
On an Optimizely site, many editors often publish. The widget rescans the site every 24 hours, so new pages also get the automatic adjustments, and images without alt text get a description.
Reports for your developers
The monthly reports show what the widget has adjusted and how the menu is used, so your developers or Optimizely partner know what to fix in views and blocks.
No release needed
If you add the widget with Google Tag Manager, you do not need a new release of the site. The widget picks up its settings from your domain, so you do not need to touch the code again.
What is included
What your visitors get
Profiles for different needs
Ready-made profiles for low vision, cognitive needs and ADHD, among others, and a mode that stops flashing and moving content.
Own adjustments
The visitor can change text size, contrast, line spacing and the cursor, use a reading mask and stop animations.
Keyboard and screen readers
The widget improves focus and keyboard navigation and adds information that screen readers need, for menus, pop-ups and forms, for example.
Alternative text
Images without alternative text get a description written by AI.
The menu in 33 languages
The menu is available in 33 languages. The site's own content is not translated.
Loads after the page
The widget loads once the page is already showing, so it does not hold back the content.
Get started
Two ways to add the widget
The widget is one line of code that you add once and that then loads on every page. This page is about Optimizely CMS, formerly Episerver.
- 1
With Google Tag Manager
Create a Custom HTML tag, paste Selma's code, choose the All Pages trigger and publish the container.
- 2
In the layout file
Your developer adds the code just before the closing body tag in the main layout. In Optimizely CMS 12, that is usually Views/Shared/_Layout.cshtml.
Good to know
What the widget does not do
The widget makes the page easier to use for many visitors, but it does not replace fixing the issues in the code.
Outside what the widget does
- Your source code does not change. The adjustments exist in the visitor's browser, and if the widget is removed, they are gone.
- PDFs and other documents, captions for video and content from other domains in iframes
- Subdomains and services on other domains, such as booking or payment
- Mobile apps
Selma Bevakning helps your developers fix the issues in the code, and Selma Services carries out manual reviews and user tests.
Questions about Selma Widget and Optimizely
- How do I add the widget to Optimizely?
- If you use Google Tag Manager, create a Custom HTML tag with Selma's code and the All Pages trigger. Otherwise, your developer adds the code before the closing body tag in the main layout.
- Does this apply to every Optimizely product?
- This page is about Optimizely CMS, formerly Episerver. If you use Optimizely Web Experimentation for A/B testing, the installation is different. Get in touch and we will help.
- We have a Content Security Policy. What do we need to change?
- Allow the address https://cdn.selma.se in your policy. Otherwise the browser blocks the widget.
- Does the widget slow down my Optimizely site?
- No. The widget loads once the page is already showing, so it does not hold back your content.
See the widget on your Optimizely site
Book a demo and we will show you how the widget works on your website, and what it does not do.