While working on improving accessibility in a Framer project, I noticed that there is currently no option to apply the aria-hidden attribute directly from the Accessibility panel.

The aria-hidden attribute is an important part of accessible web design, as it allows developers to hide decorative or non-essential elements from screen readers without affecting visual presentation. This is especially useful for icons, background elements, duplicated content, or animations that do not add meaningful context for assistive technologies.

At the moment, there doesn’t seem to be a native way to set aria-hidden="true" within Framer’s UI, which makes it difficult to fully control accessibility behavior without workarounds.

Proposed Feature:

Add a toggle in the Accessibility panel that allows users to apply:

aria-hidden="true" or aria-hidden="false"

directly to any element.

Use Cases:

Why This Matters:

Accessibility is a crucial part of modern web development, and Framer is already making great progress in this area. Adding support for aria-hidden would give creators more control and help ensure their projects meet accessibility standards (like WCAG).

This feature would:

Currently, there is no straightforward native option for this, which may force users to rely on overrides or custom solutions.