I’m trying to optimize my website for SEO and Page Speed and Accessibility.
I ran Lighthouse test and encountered some problems with slider elements that weren’t present before. Don’t know if something has changed on Webflow’s side, or on Lighthouse’s side, but I’m trying to find a solution to it. It could be something on my end, but I really don’t think so because I haven’t changed anything and these issues were not detected before.
The SEO results also shows that the Slide Nav Dots overlap with each other and that they should be bigger:
Of course I could solve this by giving those elements a 48x48 px size, but they are not entended to be used as buttons, but as an aesthetic guide.
The distance issue is with the standard 3 px spacing. A workaround is setting it to 7 px. Anything below that will trigger the error. It works, but ruins the design, so it’s not an ideal solution.
On the other hand, these two new ARIA errors popped up, which also weren’t shown before. One is regarding the Slider element
I searched the WAI-ARIA role definitions website and found that
"section" is an abstract role and shouldn’t be used in content:
Don’t really know what that means, or if that is the issue. But can’t think of anything else. I don’t know how to change the role to try something else.
Then I also got an
[aria-*] attribute error, saying it’s value doesn’t match its role. This error applies, once again, to the Slider’s Nav Dots:
I referred to the WAI-ARIA role definitions website one more time and found that
aria-selected doesn’t seem to be a valid attribute for the
button role. Instead it should be
Again, I don’t know how to change the role or aria attributes and values. But to be honest, even if I did, I think these things should be set properly by default.
I am not a web designer and have no experience with coding. This is my first website, so troubleshooting these kind of things is very time consuming for me. I am leaning a LOT in the process, but I still think the point of using a service like Webflow is to avoid all these problems.
Any help or advice is very much appreciated!