Elementor Search Widget | Accessibility Testing
In this episode of the accessibility review series, I take a look at the Elementor Live Search element in Elementor version 3.27. I compared it to the autocomplete live search of two popular search engines. If you have a suggestion for a fully accessible live search, let me know in the comments below. ► Check the article out: ◄ 🔗 NVDA Download - https://www.nvaccess.org/download/ 🔗 The output element - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output 🔗 The search element - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/search ► Support my channel ◄ Buy me kofi - https://davedens.link/kofi Donate on PayPal - https://davedens.link/paypal ► Connect with me: ◄ 📺 Subscribe: https://www.youtube.com/@daveden2 👍 Facebook: https://www.facebook.com/daveden2 🐦 X (formerly Twitter): https://x.com/Daveden2 🌐 Website: https://daveden.co.uk/ ► Recommended Tools (Affiliate Links - Support the Channel!) ◄ 🔗 Bricksforge - https://davedens.link/brf 🔗 Bricksbuilder - https://davedens.link/bricks 🔗 Elementor Pro - https://davedens.link/elementor 🔗 Dynamic Shortcodes - https://davedens.link/dsh 🔗 Crocoblock JetEngine - https://davedens.link/jetengine 🔗 WDesignKit - https://davedens.link/wdkit 🔗 Epidemic Sounds - https://davedens.link/sounds 🔗 Hostinger: https://davedens.link/hosting ► Timestamp: ◄ 00:00 - Intro 00:52 - Two search widget examples 05:50 - Screen reader test for the example search widgets 10:51 - Testing the Elementor Search widget 17:00 - Screen reader test for the Elementor Search widget 22:32 - The HTML Output for the Elementor search widget 32:26 - Conclusion | Disclaimer: The links in this description might be affiliate links. I may receive a small commission if you purchase a product or service with my links. There is no additional charge to you! Thank you for supporting me so I can continue providing free weekly content!
Download
0 formatsNo download links available.