Enhanced UI control and Responsible Accessibility with the HTML INERT Property
Вставка
- Опубліковано 9 лют 2025
- Now supported across all browsers, the inert attribute and property can be used to mark content that you do not want a user to be able to interact with.
Code from tutorial: github.com/pro...
MDN reference for inert: developer.mozi...
Web.dev article on inert: web.dev/articl...
A HTML property I wasn't aware of until now. Thanks.
Exactly what i needed. I've been dealing with an offscreen button for weeks.
Wooow...much needed for my daily works ❤❤ Thanks Professor 🌷🌷
That's awesome!!
Nice little trick. Watching from Poland!
Thank you professor 🙌
wow thanks there is so much I don't know yet!
about HTML
Thanks Professor, I have a question: Are there any drawbacks for other users with different impairments, such as cognitive impairments, when using the 'inert' attribute for elements?🤔
Inert is no different than other attributes or properties. Accessibility and good user experience come down to how you implement it in the interface, not the attribute itself.
@@SteveGriffith-Prof3ssorSt3v3 Thanks Professor for the clarification! 🙌
Can web crawlers read inert elements? (SEO)
It depends how they are built. If they only read the HTML and inert is set through the JS, they will read everything. If inert is in the HTML but the reader was built before 2023 then it doesn't know about the attribute.
@@SteveGriffith-Prof3ssorSt3v3 ohh okay, makes sense. Thanks!
wooow great
Professor sorry I'm again commenting this... Could you please make a React course updated for 2024. I know you already posted React series.
The last React course is still valid. The only thing it doesn't have are features like Server Components which won't be main stream until after React 19 is fully released.
I didn't even know that was possible.Tnk you
I leaarn much in this channel, wizzzards go hereee