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

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 
<html>
 
<html>
 
<div aria-hidden="false"> test </div>
 
<div aria-hidden="false"> test </div>
 +
<hr>
 +
<div>
 
<a aria-expanded="false" aria-controls="d" href="#" onclick="document.querySelector('#d').setAttribute('aria-hidden','false');document.querySelector('#d').style.height='200px'; this.setAttribute('aria-expanded','true');" id="s"> Show </a>
 
<a aria-expanded="false" aria-controls="d" href="#" onclick="document.querySelector('#d').setAttribute('aria-hidden','false');document.querySelector('#d').style.height='200px'; this.setAttribute('aria-expanded','true');" id="s"> Show </a>
 
<div style="overflow-y:hidden; overflow-x:hidden; height:0" id="d" aria-labelledby="s" role="region" aria-hidden="true" tabindex="-1">  
 
<div style="overflow-y:hidden; overflow-x:hidden; height:0" id="d" aria-labelledby="s" role="region" aria-hidden="true" tabindex="-1">  
Line 13: Line 15:
 
</p>
 
</p>
 
</div></div>
 
</div></div>
 +
</div>
 +
<hr>
 
<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:42, 20 May 2020

test


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