Selma Widget
Accessibility widget for WordPress
Selma Widget gives visitors to your WordPress site a menu where they can adjust text, contrast and motion to their needs. You add one line of code with a plugin or in Elementor, and your theme stays as it is.
Why it suits WordPress
More accessible without a rebuild
Keep your theme
The widget goes into the footer and sits on top of the theme you already have. You do not need to change themes or rebuild pages to give visitors more ways to read.
New posts are covered too
A WordPress site gets new posts and pages all the time. The widget rescans the site every 24 hours, so new content also gets the automatic adjustments, and images without alt text get a description.
See what needs fixing
Themes, plugins and page builders all add their own code. The monthly reports show what the widget has adjusted, so you know what to fix in the theme or raise with your developer.
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 WordPress.
- 1
With the WPCode plugin
Install the WPCode plugin, open Header & Footer and paste Selma's code into the footer. Save, and the accessibility icon appears on your site.
- 2
With Elementor Pro
If you have Elementor Pro, add the code under Custom Code, with the location Body – End and the condition Entire Site. No extra plugin is needed.
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 WordPress
- How do I add the widget to WordPress?
- With a header and footer plugin such as WPCode, where you paste Selma's code into the footer. If you have Elementor Pro, you can add the code under Custom Code instead. It takes a few minutes.
- Does the widget work with Elementor?
- Yes. With Elementor Pro, add the code under Custom Code and choose Entire Site, and the widget loads on every page. Without Elementor Pro, use WPCode instead.
- Does the widget slow down my WordPress site?
- No. The widget loads once the page is already showing, so it does not hold back your content.
- Does the widget change our theme or our posts?
- No. The adjustments are applied in the visitor's browser. Your theme, plugins and posts stay as they were, and if you remove the code, the adjustments go with it.
See the widget on your WordPress site
Book a demo and we will show you how the widget works on your website, and what it does not do.