Difference between revisions of "ARIA img role"

From Level Access Web Labs
Jump to navigation Jump to search
Line 34: Line 34:
 
<span id="a1">This is a label</span>
 
<span id="a1">This is a label</span>
 
<span id="a2">This is another label</span>
 
<span id="a2">This is another label</span>
 +
 +
<h3>SVG with parent wrapping <div> with role="img" and aria-label</h3>
 +
<div role="img" aria-label="blue square">
 +
<svg tabindex="-1" width="300" height="110">
 +
  <rect width="200" height="100" style="fill:rgb(0,0,250);stroke-width:2;stroke:rgb(0,0,0)">
 +
</svg>
 +
</div>
  
 
<h3>Div with role='img' and no accessible name</h3>
 
<h3>Div with role='img' and no accessible name</h3>

Revision as of 13:46, 12 September 2018

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

SVG with parent wrapping
with role="img" and aria-label

Div with role='img' and no accessible name