Difference between revisions of "SVG Example"

From Level Access Web Labs
Jump to navigation Jump to search
(Testing, Delete me, with role="img")
Line 42: Line 42:
 
  </svg>
 
  </svg>
 
</html>
 
</html>
 
==Testing, Delete me  ==
 
<html>
 
<svg xmlns="http://www.w3.org/2000/svg" class="_2AppNRYw" aria-labelledby="GXTBDZBJ" viewBox="0 0 23 18" focusable="true" width="23px" height="18px" version="1.1"><title id="GXTBDZBJ">Info</title><path d="M 8.2 15.5 h 1.9 V 8.4 H 8.2 V 5.9 h 4.9 v 9.7 h 1.8 V 18 H 8.2 L 8.2 15.5 L 8.2 15.5 Z M 9.2 2 C 9.2 0.9 10.2 0 11.3 0 c 1.1 0 2 0.9 2 2 s -1 2 -2 2 C 10.1 4 9.2 3.1 9.2 2 Z" /></svg>
 
</html>
 
 
==Testing, Delete me, with role="img"  ==
 
<html>
 
<svg xmlns="http://www.w3.org/2000/svg" class="_2AppNRYw" aria-labelledby="GXTBDZBJ" viewBox="0 0 23 18" width="23px" height="18px" version="1.1" role="img"><title id="GXTBDZBJ">Info</title><path d="M 8.2 15.5 h 1.9 V 8.4 H 8.2 V 5.9 h 4.9 v 9.7 h 1.8 V 18 H 8.2 L 8.2 15.5 L 8.2 15.5 Z M 9.2 2 C 9.2 0.9 10.2 0 11.3 0 c 1.1 0 2 0.9 2 2 s -1 2 -2 2 C 10.1 4 9.2 3.1 9.2 2 Z" /></svg>
 
</html>
 
 
  
 
[[Category:Techniques]]
 
[[Category:Techniques]]

Revision as of 20:12, 2 November 2018

  • VoiceOver iOS 9.3.5 - does not indicate an SVG content
  • JAWS IE 11 - title element and text elements indicated; title attribute not indicated
  • JAWS FF 47.01- does not indicate any SVG
  • NVDA FF 47.01 - does not indicate any SVG
  • NVDA IE 11 - title attribute, title element, and text element indicated

No accessible name

Title attribute

Title Element

This is a title element

SVG with text element

This is text

SVG with focusable set to false

This is text