Forum Discussion

MathNotermans-9's avatar
MathNotermans-9
Community Member
7 days ago

Aria-hidden

Since the last update a new warning shows in the console.

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.

Allthough it doesnot prevent anything from working i always get wary from these kind of messages as they often a warning for something changing in the near future. So please Articulate devs... do check if and where aria-hidden is used and if that might give issues in the near future.

2 Replies

  • As i dove a bit deeper in the issue its caused by grouping elements. Before both elements ( eg. a shape and an image ) have proper aria tags. When grouping them one of the elements ( or some other part of the group ) gets an aria-hidden tag. Thus the console gives this error-message:

    Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.

  • Hi MathNotermans-9​!

    We appreciate you bringing this to our attention!

    Even though this error does not prevent functionality, I'd like to share the behavior with our support engineers. I've opened a support case on your behalf so they can be notified. 

    If they have follow-up questions, they'll connect with you via e-mail through your case!