Great news ! Thanks a lot
Fabien
Hello @ahmedamir @reedwanul @cweiser ,
I’m not sure why this has been closed as resolved. It is still very much the case, even in newer versions of ElementKit (3.5.0 for instance). The “widget-styles.css” file loads a global CSS property with the “:focus” property, setting the “outline” to 0.
Which means that as soon as you have ElementKit loaded in your page, your page accessibility is broken. When navigating using the keyboard (using the “tab” key), the outline is not shown anymore so you have no idea where you actually are in the page. This is probably the worst thing you can do to accessibility on a website, and it seems to come by default with your widget CSS.
Please fix this issue, there is very probably no need for this global CSS property. And if you need it for a specific widget, the CSS selector should be specific enough so that it doesn’t affect the rest of the website.
Thanks,
Fabien
