roles.tentative.html (1824B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>SVG-AAM Role Verification Tests</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/resources/testdriver.js"></script> 8 <script src="/resources/testdriver-vendor.js"></script> 9 <script src="/resources/testdriver-actions.js"></script> 10 <script src="/wai-aria/scripts/aria-utils.js"></script> 11 </head> 12 <body> 13 14 <!-- Added examples to check SVG element computed role --> 15 <!-- svg-aam https://www.w3.org/TR/svg-aam-1.0/ is expecting svg elements to be exposed as role graphics-document --> 16 17 <!-- 18 Additional related or potentially blocking issues: 19 - https://github.com/w3c/svg-aam/issues/24#issuecomment-1814011444 20 - https://github.com/w3c/svg-aam/issues/30 21 --> 22 23 <svg height="100" width="100" data-testname="svg" data-expectedrole="UNDEFINED in SVG-AAM, but possibly graphics-document" class="ex"> 24 <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red"></circle> 25 </svg> 26 27 <svg height="130" width="500" data-testname="svg-text" data-expectedrole="UNDEFINED in SVG-AAM, but possibly graphics-document" class="ex"> 28 <defs> 29 <linearGradient id="grad1"> 30 <stop offset="0%" stop-color="yellow"></stop> 31 <stop offset="100%" stop-color="red"></stop> 32 </linearGradient> 33 </defs> 34 <ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)"></ellipse> 35 <text fill="#ffffff" font-size="45" font-family="Verdana" x="50" y="86">SVG</text> 36 </svg> 37 38 <svg data-testname="svg-symbol" data-expectedrole="UNDEFINED in SVG-AAM, but possibly graphics-document" class="ex"> 39 <symbol id="myDot" width="10" height="10" viewBox="0 0 2 2"> 40 <circle cx="1" cy="1" r="1"></circle> 41 </symbol> 42 </svg> 43 44 <script> 45 AriaUtils.verifyRolesBySelector(".ex"); 46 </script> 47 48 </body> 49 </html>