Hide decorative elements with an aria attribute

Check as complete

Decorative elements (that aren’t images) should be hidden with an aria attribute so assistive technology can ignore them.

Hide decorative elements with an aria attribute

To make elements remain visible visually, but hidden from screen readers:

  1. Click the element on the Canvas and navigate to Custom Attributes in the Element Settings panel.
  2. Add the following as a new Custom Attribute:
    Name = aria-hidden
    Value = true
Add an attribute by clicking the plus icon in the Custom Attributes section of the Element Settings panel.

Useful resources:

WCAG reference:

1.1.1 Non-text content

Back to checklist

Total progress

Congratulations on making the web a more accessible place. Celebrate your work on Twitter.
Celebration horn and streamer emoji
0 / 0
Hide progress
Show progress