Difference between revisions of "Aria-hidden false and tabindex"

From Level Access Web Labs
Jump to navigation Jump to search
Line 2: Line 2:
 
<div aria-hidden="false"> test </div>
 
<div aria-hidden="false"> test </div>
 
<a aria-expanded="true" aria-controls="d" href="javascript:document.querySelector('#d').setAttribute('aria-hidden','false');" id="s"> Show </a>
 
<a aria-expanded="true" aria-controls="d" href="javascript:document.querySelector('#d').setAttribute('aria-hidden','false');" id="s"> Show </a>
<div id="d" aria-labelledby="s" role="region" aria-hidden="true" tabindex="-1"> <div><div>text with -1 expanded and <strong>role region</strong>
+
<div id="d" aria-labelledby="s" role="region" aria-hidden="true" tabindex="-1">  
 +
<p>
 +
<div><div>text with -1 expanded and <strong>role region</strong>
 
<h5>Requirements</h5>
 
<h5>Requirements</h5>
 
               <ul>
 
               <ul>
Line 8: Line 10:
 
                 <li>Do you like chips? <a href="https://www.google.com">Google</a></li>
 
                 <li>Do you like chips? <a href="https://www.google.com">Google</a></li>
 
</ul>
 
</ul>
</div></div></div>
+
</div>
 +
</p>
 +
</div></div>
 
<div aria-expanded="true" aria-hidden="false" tabindex="-1"> text with -1 expanded no region </div>
 
<div aria-expanded="true" aria-hidden="false" tabindex="-1"> text with -1 expanded no region </div>
 
<div role="region" aria-hidden="false" tabindex="-1"> text with -1 region no expanded </div>
 
<div role="region" aria-hidden="false" tabindex="-1"> text with -1 region no expanded </div>
 
</html>
 
</html>

Revision as of 16:28, 20 May 2020

test

Show

text with -1 expanded no region
text with -1 region no expanded