Difference between revisions of "SVG Example"

From Level Access Web Labs
Jump to navigation Jump to search
(No accessible name)
Line 30: Line 30:
 
<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)">
 +
  <text>This is text</text>
 +
</svg>
 +
</html>
 +
 +
==SVG with focusable set to false ==
 +
<html>
 +
<svg focusable="false" width="300" height="110">
 
   <rect width="200" height="100" style="fill:rgb(0,0,250);stroke-width:2;stroke:rgb(0,0,0)">
 
   <rect width="200" height="100" style="fill:rgb(0,0,250);stroke-width:2;stroke:rgb(0,0,0)">
 
   <text>This is text</text>
 
   <text>This is text</text>

Revision as of 13:34, 17 March 2017

  • 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