roles.html (4187B)
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 15 <p>Tests the mappings defined in <a href="https://w3c.github.io/svg-aam/#mapping_role_table">SVG-AAM: 6.2 Element Mapping</a>.<p> 16 17 <h2>Simple Elements With aria-label to Ensure Tree Inclusion</h2> 18 <svg> 19 <!-- Some elements skipped: never-rendered elements can return unpredicable/undefined/unspecified values for computedrole. --> 20 <a href="#" data-testname="el-a[href]" data-expectedrole="link" aria-label="label" class="ex">x</a> 21 <a xlink:href="#" data-testname="el-a[xlink:href]" data-expectedrole="link" aria-label="label" class="ex">x</a> 22 <!-- skipped: animate --> 23 <!-- skipped: animateMotion --> 24 <!-- skipped: animateTransform --> 25 <!-- blocked: audio -> https://github.com/w3c/html-aam/issues/511 --> 26 <!-- todo: canvas -> follow HTML --> 27 <!-- blocked: circle -> https://github.com/w3c/svg-aam/issues/24 --> 28 <!-- n/a: clipPath --> 29 <!-- n/a: cursor --> 30 <!-- n/a: defs --> 31 <!-- n/a: desc --> 32 <!-- n/a: discard --> 33 <!-- blocked: ellipse -> https://github.com/w3c/svg-aam/issues/24 --> 34 <!-- n/a: feBlend --> 35 <!-- n/a: feColorMatrix --> 36 <!-- n/a: feComponentTransfer --> 37 <!-- n/a: feComposite --> 38 <!-- n/a: feConvolveMatrix --> 39 <!-- n/a: feDiffuseLighting --> 40 <!-- n/a: feDisplacementMap --> 41 <!-- n/a: feDistantLight --> 42 <!-- n/a: feDropShadow --> 43 <!-- n/a: feFlood --> 44 <!-- n/a: feFuncA --> 45 <!-- n/a: feFuncB --> 46 <!-- n/a: feFuncG --> 47 <!-- n/a: feFuncR --> 48 <!-- n/a: feGaussianBlur --> 49 <!-- n/a: feImage --> 50 <!-- n/a: feMerge --> 51 <!-- n/a: feMergeNode --> 52 <!-- n/a: feMorphology --> 53 <!-- n/a: feOffset --> 54 <!-- n/a: fePointLight --> 55 <!-- n/a: feSpecularLighting --> 56 <!-- n/a: feSpotLight --> 57 <!-- n/a: feTile --> 58 <!-- n/a: feTurbulence --> 59 <!-- n/a: filter --> 60 <!-- todo: foreignObject (spec says `group` role if rendered and labeled) --> 61 <g fill="white" stroke="green" stroke-width="2" data-testname="el-g" data-expectedrole="group" aria-label="label" class="ex"> 62 <circle cx="40" cy="40" r="25" /> 63 </g> 64 <!-- n/a: hatch --> 65 <!-- n/a: hatchPath --> 66 <!-- todo: iframe -> follow HTML --> 67 <image data-testname="el-image" data-expectedrole="image" aria-label="label" class="ex" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></image> 68 <!-- blocked: line -> https://github.com/w3c/svg-aam/issues/24 --> 69 <!-- n/a: linearGradient --> 70 <!-- n/a: marker --> 71 <!-- n/a: mask --> 72 <!-- todo: mesh (spec says `image` role if rendered and labeled) --> 73 <!-- n/a: meshPatch --> 74 <!-- n/a: meshRow --> 75 <!-- n/a: metadata --> 76 <!-- n/a: mpath --> 77 <!-- blocked: path -> https://github.com/w3c/svg-aam/issues/24 --> 78 <!-- n/a: pattern --> 79 <!-- blocked: polygon -> https://github.com/w3c/svg-aam/issues/24 --> 80 <!-- blocked: polyline -> https://github.com/w3c/svg-aam/issues/24 --> 81 <!-- n/a: radialGradient --> 82 <!-- blocked: rect -> https://github.com/w3c/svg-aam/issues/24 --> 83 <!-- n/a: script --> 84 <!-- n/a: set --> 85 <!-- n/a: solidColor --> 86 <!-- todo: source -> follow HTML --> 87 <!-- n/a: stop --> 88 <!-- n/a: style --> 89 <!-- blocked: svg -> https://github.com/w3c/svg-aam/issues/18 --> 90 <!-- n/a: switch --> 91 <!-- blocked: symbol -> https://github.com/w3c/svg-aam/issues/24 --> 92 <!-- blocked: text -> https://github.com/w3c/svg-aam/issues/33 --> 93 <!-- blocked: textPath -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue--> 94 <!-- n/a: title --> 95 <!-- todo: track -> follow HTML --> 96 <!-- blocked: tspan -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue --> 97 <!-- blocked: use -> https://github.com/w3c/svg-aam/issues/24 --> 98 <!-- todo: video -> follow HTML --> 99 <!-- n/a: view --> 100 </svg> 101 102 <script> 103 AriaUtils.verifyRolesBySelector(".ex"); 104 </script> 105 106 </body> 107 </html>