Task

Hide decorative elements with an aria attribute

Category: 
Code
Where: 
Element Settings panel
When: 
Development
Check as complete
Copy link Copied!

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