Difference between revisions of "SVG Example"

From Level Access Web Labs
Jump to navigation Jump to search
(Delete me with native heading)
Line 51: Line 51:
 
<html>
 
<html>
 
<div><h3><div tabindex="0" id="ATHEYHRC" role="button" aria-expanded="false" aria-controls="POPDRIZB" data-accessible-id="HEDOKSBI"><div class="alG5qZX5  _335j6YvB " style="display: flex;"><div style="flex:1 1 auto; display: flex;"><svg xmlns="http://www.w3.org/2000/svg" class="_3QysL_gu  " aria-hidden="true" color="#00698c" viewBox="0 0 16 16" focusable="false" width="16px" height="16px" version="1.1"><path d="M 13.66 2.342 C 12.148 0.832 10.139 0 8 0 C 5.862 0 3.853 0.832 2.341 2.342 c -3.121 3.12 -3.121 8.195 0 11.314 C 3.853 15.167 5.862 16 8 16 c 2.139 0 4.148 -0.833 5.66 -2.344 C 16.78 10.538 16.78 5.463 13.66 2.342 Z M 12.938 12.937 C 11.619 14.256 9.867 14.981 8 14.981 c -1.866 0 -3.62 -0.726 -4.939 -2.045 c -2.723 -2.724 -2.723 -7.152 0 -9.874 C 4.38 1.745 6.134 1.018 8 1.018 c 1.867 0 3.619 0.727 4.938 2.045 C 15.663 5.785 15.663 10.215 12.938 12.937 Z" /><polygon points="12.406,7.491 8.51,7.491 8.51,3.385 7.49,3.385 7.49,7.491 3.593,7.491 3.593,8.51 7.49,8.51 7.49,12.615 8.51,12.615 8.51,8.51 12.406,8.51" /></svg><div class="_2MTueUUY"><span class="XgYryhBT  _335j6YvB ">Statements and Disclosures</span></div></div></div></div></div></h3></div>
 
<div><h3><div tabindex="0" id="ATHEYHRC" role="button" aria-expanded="false" aria-controls="POPDRIZB" data-accessible-id="HEDOKSBI"><div class="alG5qZX5  _335j6YvB " style="display: flex;"><div style="flex:1 1 auto; display: flex;"><svg xmlns="http://www.w3.org/2000/svg" class="_3QysL_gu  " aria-hidden="true" color="#00698c" viewBox="0 0 16 16" focusable="false" width="16px" height="16px" version="1.1"><path d="M 13.66 2.342 C 12.148 0.832 10.139 0 8 0 C 5.862 0 3.853 0.832 2.341 2.342 c -3.121 3.12 -3.121 8.195 0 11.314 C 3.853 15.167 5.862 16 8 16 c 2.139 0 4.148 -0.833 5.66 -2.344 C 16.78 10.538 16.78 5.463 13.66 2.342 Z M 12.938 12.937 C 11.619 14.256 9.867 14.981 8 14.981 c -1.866 0 -3.62 -0.726 -4.939 -2.045 c -2.723 -2.724 -2.723 -7.152 0 -9.874 C 4.38 1.745 6.134 1.018 8 1.018 c 1.867 0 3.619 0.727 4.938 2.045 C 15.663 5.785 15.663 10.215 12.938 12.937 Z" /><polygon points="12.406,7.491 8.51,7.491 8.51,3.385 7.49,3.385 7.49,7.491 3.593,7.491 3.593,8.51 7.49,8.51 7.49,12.615 8.51,12.615 8.51,8.51 12.406,8.51" /></svg><div class="_2MTueUUY"><span class="XgYryhBT  _335j6YvB ">Statements and Disclosures</span></div></div></div></div></div></h3></div>
 +
</html>
 +
 +
==Delete me with native heading, native button ==
 +
<html>
 +
<div><h3><button>Hi there</button></h3></div>
 
</html>
 
</html>
  
 
[[Category:Techniques]]
 
[[Category:Techniques]]

Revision as of 20:49, 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

Delete me

Delete me with native heading

Delete me with native heading, native button