Difference between revisions of "ARIA img role"

From Level Access Web Labs
Jump to navigation Jump to search
Line 14: Line 14:
 
<h3>Div with role='img' and aria-label</h3>
 
<h3>Div with role='img' and aria-label</h3>
 
<div class="box" role="img" aria-label="this is an ARIA label on a div">
 
<div class="box" role="img" aria-label="this is an ARIA label on a div">
 +
x
 
</div>
 
</div>
  
 
<h3>Span with role='img' and aria-label</h3>
 
<h3>Span with role='img' and aria-label</h3>
 
<span class="box" role="img" aria-labelledby="a1">
 
<span class="box" role="img" aria-labelledby="a1">
 +
x
 
</span>
 
</span>
  
 
<h3>Div with role='img' and aria-labelledby</h3>
 
<h3>Div with role='img' and aria-labelledby</h3>
 
<div class="box" role="img" aria-labelledby="a1">
 
<div class="box" role="img" aria-labelledby="a1">
 +
x
 
</div>
 
</div>
  
 
<h3>Span with role='img' and aria-labelledby</h3>
 
<h3>Span with role='img' and aria-labelledby</h3>
 
<span class="box" role="img" aria-labelledby="a2">
 
<span class="box" role="img" aria-labelledby="a2">
 +
x
 
</span>
 
</span>
  

Revision as of 19:40, 9 June 2016

Div with role='img' and aria-label

Span with role='img' and aria-label

x

Div with role='img' and aria-labelledby

Span with role='img' and aria-labelledby

x This is a label This is another label