Difference between revisions of "Aria-labelledby aria-hidden"

From Level Access Web Labs
Jump to navigation Jump to search
 
(3 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
   }
 
   }
 
</style>
 
</style>
<body aria-hidden="true">
+
<body>
 +
<div aria-hidden="false">
 
   <div class="box">
 
   <div class="box">
 
     <p>aria-labelledby reference element with aria-hidden true</p>
 
     <p>aria-labelledby reference element with aria-hidden true</p>
Line 29: Line 30:
 
<div aria-hidden="true">
 
<div aria-hidden="true">
 
<p> This is some text inside</p>
 
<p> This is some text inside</p>
 +
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 19:38, 9 March 2019

aria-labelledby reference element with aria-hidden true

Google

Accessible name for above should be "Adobe".

aria-labelledby reference element with text and span with aria-hidden true

Google

Adobe

Accessible name for above should be "Adobe".

Link with text and span with aria-hidden true. aria-labelledby not used.

Google

Accessible name for above should be "Google".