aria-hidden
aria-hidden is an ARIA (Accessible Rich Internet Applications) attribute used in HTML to indicate that an element and its children are not visible or perceivable to screen readers and other assistive technologies. It helps developers control which parts of a web page are announced to users with disabilities, improving accessibility by hiding decorative, redundant, or off-screen content. This attribute is part of the WAI-ARIA specification maintained by the W3C to enhance web accessibility for dynamic content.
Developers should use aria-hidden to hide non-essential elements from assistive technologies, such as when creating modal dialogs where background content should be ignored, or for decorative icons that don't convey meaningful information. It's crucial for ensuring compliance with accessibility standards like WCAG (Web Content Accessibility Guidelines) and providing an inclusive user experience, especially in single-page applications (SPAs) and complex UIs where visual and semantic structures might differ.