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>
<a aria-expanded="true" aria-controls="d" href="#" 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="false" 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"> <div><div>text with -1 expanded and <strong>role region</strong>
 
<h5>Requirements</h5>
 
<h5>Requirements</h5>
 
               <ul>
 
               <ul>

Revision as of 16:24, 20 May 2020

test

Show

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