Remove Focus Outline from Elementor Popup Menu | Keyboard Accessible
Elementor is constantly striving to improve its product accessibility and that leads to unforeseen circumstances. The popup menus now feature a focus outline around the first link item, especially on iOS devices. In this tutorial, we'll explore different ways to resolve it as well as their consequences.
|| Code Snippet
🔗 https://daveden.co.uk/tutorials/eleme...
Subscribe for more Elementor and Bricks tutorials:
/ @daveden2
|| Further Exploration
🔗 Why Popup Menus are bad for SEO - https://element.how/why-elementor-pro...
🔗Website Design Inspiration - https://lisavanscherpenzeel.nl/
🔗Website Designed by - https://studiomarly.nl/
|| PLEASE WATCH
▶️ Use Proper Landmark Regions - • Improve Elementor Site Accessibility With ...
▶️ Clickable Loop Grids - • 4 Ways to Make Your Entire Elementor Loop ...
Subscribe for more Elementor and Bricks tutorials:
🔗 https://davedens.link/subscribe
► Connect with me: ◄
📺 Subscribe: / @daveden2
👍 Facebook: / daveden2
🐦 X (formerly Twitter): https://x.com/Daveden2
🌐 Website: https://daveden.co.uk/
► Recommended Tools (Affiliate Links - Support the Channel!) ◄
🔗 Elementor Pro - https://davedens.link/elementor
🔗 Dynamic Shortcodes - https://davedens.link/dsh
🔗 Crocoblock JetEngine - https://davedens.link/jetengine
🔗 Bricksbuilder - https://davedens.link/bricks
🔗 WDesignKit - https://davedens.link/wdkit
🔗 Epidemic Sounds - https://davedens.link/sounds
🔗 Hostinger: https://davedens.link/hosting
|| TIMESTAMP
0:00 Intro
1:02 Popup template we're working on
1:57 Method 1: Disable Accessible Navigation toggle
4:20 Method 2: Add a first hidden focusable Element
7:14 Method 3: Using js and element with tabindex of -1
11:35 Summary and conclusion
#elementorpopup #popupmenu #elementormenu #accessibility
|| Disclaimer:
Links included in this description might be affiliate links. If you purchase a product or service with my links, I may receive a small commission. There is no additional charge to you! Thank you for supporting me, so I can continue providing free content each week!
|| Soundtrack
🎵 Life is a Dream- Michael Ramir C.