Difference between revisions of "ARIA img role"

From Level Access Web Labs
Jump to navigation Jump to search
Line 17: Line 17:
  
 
<h3>Span with role='img' and aria-label</h3>
 
<h3>Span with role='img' and aria-label</h3>
<span class="box" role="img" aria-label="this is an ARIA label on a span">
+
<span class="box" role="img" aria-labelledby="a1">
 
</span>
 
</span>
 +
 +
<h3>Div with role='img' and aria-labelledby</h3>
 +
<div class="box" role="img" aria-label="this is an ARIA label on a div">
 +
</div>
 +
 +
<h3>Span with role='img' and aria-labelledby</h3>
 +
<span class="box" role="img" aria-labelledby="a2">
 +
</span>
 +
 +
<span id="a1">This is a label</span>
 +
<span id="a2">This is another label</span>
 
</body
 
</body
 
</html>
 
</html>
  
 
[[Category:ARIA]]
 
[[Category:ARIA]]

Revision as of 19:36, 9 June 2016

Div with role='img' and aria-label

Span with role='img' and aria-label

Div with role='img' and aria-labelledby

Span with role='img' and aria-labelledby

This is a label This is another label