Difference between revisions of "SVG Example"

From Level Access Web Labs
Jump to navigation Jump to search
Line 50: Line 50:
 
==Testing Delete Me with role="img"==
 
==Testing Delete Me with role="img"==
 
<html>
 
<html>
<svg focusable="false" width="300" height="110">
+
<svg focusable="false" width="300" height="110" role="img">
 
   <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 19:59, 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

Testing Delete Me - without role="img"

Info

Testing Delete Me with role="img"

This is text