Difference between revisions of "ARIA img role"

From Level Access Web Labs
Jump to navigation Jump to search
Line 35: Line 35:
 
<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 (this does not seem to be supported</h3>
+
<h3>SVG with parent wrapping div with role="img" and aria-label</h3>
 +
<p>This lacks support in Firefox 62 but works in IE 11 and Chrome 68.</p>
 
<div role="img" aria-label="blue square">
 
<div role="img" aria-label="blue square">
 
<svg tabindex="-1" width="300" height="110">
 
<svg tabindex="-1" width="300" height="110">

Revision as of 13:55, 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 div with role="img" and aria-label

This lacks support in Firefox 62 but works in IE 11 and Chrome 68.

Div with role='img' and no accessible name