Nested aria is hidden

Question

Is it possible to insert elements with aria-hidden="true" and aria-hidden="false" ?

For example:

 <div aria-hidden="true"> some hidden content <div aria-hidden="false"> some visible content </div> </div> 

This does not seem to work for me. I tested it with NVDA and its functionality to display a complete list of links on the page. If I installed an aria with hidden truth on the body, I could not get any links, even when I started to install an aria hidden by a lie on some children. Currently, it seems like I cannot overwrite the hidden state of the aria in the child.

I know this may be a rather unusual approach, but the problem itself is unusual. A huge light block that contains the entire site (there is no simple modal dialogue to be short).

Answer 1

No, It is Immpossible. You are hiding an element and its children.

As an example, when creating a modal window, you hide everything except the modal, for example:

 <div aria-hidden="true" id="page-wrap"> <main role="main"> <p>content</p> </main> </div> <div aria-hidden="false" id="myModal" aria-labelledby="myModal-title"> <h1 id="myModal-title">Sign up!</h1> ... </div> 

Then it will hide # page-wrap and show #myModal assistive technology