Skiplinks do not work correctly due to smoothscroll script
-
Making Skiplinks accessible is impossible on Elementor without custom code to disable the built-in smooth scrolling script. And even more difficult when using Hello Elementor because that theme doesn’t define the main area as id=content like other themes do.
1. load a webpage that uses Elementor and Hello theme.
2. immediately hit tab. skiplink should appear.
3. hit enter to “skip to content”. one of two things will happen:
4a. it does nothing because you’re using Hello Elementor or another theme that does not define id=content; or
4b. it jumps to the main content, but — hit tab again. the focus should jump to the next link in the main content. but instead it jumps back to the very top and goes to the next skiplink.Skiplinks provide disabled people using screen readers important tools to navigate a website, and the built-in scroll functionality of Elementor hinders this.
Elementor needs to permanently remove the smoothscroll script in favor of a simple CSS line of code that works on all modern browsers, and does not interfere with web accessibility: html { scroll-behavior: smooth; }
That way we don’t have to disable it manually on every website we build, and people using screen readers can not be super annoyed every time the visit a website built with elementor, to have to go through the entire menu every time they load a page.
The topic ‘Skiplinks do not work correctly due to smoothscroll script’ is closed to new replies.