Enhanced UI control and Responsible Accessibility with the HTML INERT Property

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...

[@surenderoati]

Wooow...much needed for my daily works ❤❤ Thanks Professor 🌷🌷

[@LucianoClassicalGuitar]

Nice little trick. Watching from Poland!

[@cipriant9190]

That's awesome!!

[@fakedevdutt]

wow thanks there is so much I don't know yet!

[@fakedevdutt]

about HTML

[@rationalindianguy]

Thank you professor 🙌

[@mahsamanouchehri]

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?🤔

[@SteveGriffith-Prof3ssorSt3v3]

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.

[@mahsamanouchehri]

@@SteveGriffith-Prof3ssorSt3v3 Thanks Professor for the clarification! 🙌

[@munna5553]

wooow great

[@spreadItWide]

Can web crawlers read inert elements? (SEO)

[@SteveGriffith-Prof3ssorSt3v3]

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.

[@spreadItWide]

@@SteveGriffith-Prof3ssorSt3v3 ohh okay, makes sense. Thanks!

[@ΕγωΕγω-ρ6ω]

I didn't even know that was possible.Tnk you

[@rationalindianguy]

Professor sorry I'm again commenting this... Could you please make a React course updated for 2024. I know you already posted React series.

[@SteveGriffith-Prof3ssorSt3v3]

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.