Selma Widget
Accessibility widget for Sitevision
Selma Widget gives visitors to your Sitevision site a menu where they can adjust text, contrast and motion to their needs. You add Selma's code as a JavaScript asset on your template, and the site stays as it is.
Why it suits Sitevision
Built for sites with many editors
All new content is covered
On a Sitevision 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.
Keep your templates
The widget goes onto your template once and sits on top of the site. You do not need to rebuild templates or modules to give visitors more ways to read.
Reports for your developers
The monthly reports show what the widget has adjusted and how the menu is used, so your developers or Sitevision partner know what to fix in templates and modules.
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. It picks up its settings from your domain, so there is nothing else to change in Sitevision.
- 1
As a JavaScript asset on the template
Add Selma's code as a JavaScript asset on the template your site's pages use. The widget then loads on every page.
- 2
With Google Tag Manager
If your site already has Google Tag Manager, you can add Selma's code there instead, so that it loads on every page.
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 Sitevision
- How do I add the widget to Sitevision?
- Add Selma's code as a JavaScript asset on your template and publish the template, and the widget loads on every page that uses it. If your site has Google Tag Manager, you can add the code there instead.
- Do we need a developer?
- Not always. Anyone allowed to add code to your site's templates in Sitevision can add the line. Otherwise your developer or Sitevision partner does it.
- 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 Sitevision site?
- No. The widget loads once the page is already showing, so it does not hold back your content.
See the widget on your Sitevision site
Book a demo and we will show you how the widget works on your website, and what it does not do.