Difference between revisions of "ARIA img role"
Jump to navigation
Jump to search
| (One intermediate revision by the same user not shown) | |||
| Line 49: | Line 49: | ||
<h3>Text with role img</h3> | <h3>Text with role img</h3> | ||
| − | < | + | <div role="img"> |
<span> One </span> | <span> One </span> | ||
<span> Two </span> | <span> Two </span> | ||
| − | </ | + | </div> |
| + | |||
| + | <h3>Text with role img with aria label</h3> | ||
| + | <div role="img" aria-label="three"> | ||
| + | <span> One </span> | ||
| + | <span> Two </span> | ||
| + | </div> | ||
| + | |||
</body | </body | ||
</html> | </html> | ||
[[Category:ARIA]] | [[Category:ARIA]] | ||
Latest revision as of 14:41, 3 October 2019
Div with role='img' and aria-label
x
Span with role='img' and aria-label
x
Div with role='img' and aria-labelledby
x
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
x
Text with role img
One
Two
Text with role img with aria label
One
Two