Difference between revisions of "SVG Example"

From Level Access Web Labs
Jump to navigation Jump to search
(No accessible name)
(No accessible name)
Line 8: Line 8:
 
<html>
 
<html>
 
<svg tabindex="-1" width="300" height="110">
 
<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)"></rect>
+
   <rect width="200" height="100" style="fill:rgb(0,0,250);stroke-width:2;stroke:rgb(0,0,0)">
<text aria-hidden="true" xmlns="http://www.w3.org/2000/svg" transform="matrix(1 0 0 1 760.2075 142.7227)" font-family="'Helvetica'" font-size="18">Hello!</text>
 
 
  </svg>
 
  </svg>
 
</html>
 
</html>

Revision as of 21:12, 29 September 2016

  • 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