mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 10:07:15 +02:00
f2ac591614
This change adds support for computing default ARIA roles for (selected) SVG elements, per the requirements in the SVG Accessibility API Mappings spec at https://w3c.github.io/svg-aam/#mapping_role_table. This only computes roles for the elements which are covered in the WPT test at https://wpt.fyi/results/svg-aam/role/roles.html — that is, the “a”, “g”, and “image” elements.
107 lines
4.1 KiB
HTML
107 lines
4.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>SVG-AAM Role Verification Tests</title>
|
|
<script src="../../resources/testharness.js"></script>
|
|
<script src="../../resources/testharnessreport.js"></script>
|
|
<script src="../../resources/testdriver.js"></script>
|
|
<script src="../../resources/testdriver-vendor.js"></script>
|
|
<script src="../../resources/testdriver-actions.js"></script>
|
|
<script src="../../wai-aria/scripts/aria-utils.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<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>
|
|
|
|
<h2>Simple Elements With aria-label to Ensure Tree Inclusion</h2>
|
|
<svg>
|
|
<!-- Some elements skipped: never-rendered elements can return unpredicable/undefined/unspecified values for computedrole. -->
|
|
<a href="#" data-testname="el-a[href]" data-expectedrole="link" aria-label="label" class="ex">x</a>
|
|
<a xlink:href="#" data-testname="el-a[xlink:href]" data-expectedrole="link" aria-label="label" class="ex">x</a>
|
|
<!-- skipped: animate -->
|
|
<!-- skipped: animateMotion -->
|
|
<!-- skipped: animateTransform -->
|
|
<!-- blocked: audio -> https://github.com/w3c/html-aam/issues/511 -->
|
|
<!-- todo: canvas -> follow HTML -->
|
|
<!-- blocked: circle -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- n/a: clipPath -->
|
|
<!-- n/a: cursor -->
|
|
<!-- n/a: defs -->
|
|
<!-- n/a: desc -->
|
|
<!-- n/a: discard -->
|
|
<!-- blocked: ellipse -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- n/a: feBlend -->
|
|
<!-- n/a: feColorMatrix -->
|
|
<!-- n/a: feComponentTransfer -->
|
|
<!-- n/a: feComposite -->
|
|
<!-- n/a: feConvolveMatrix -->
|
|
<!-- n/a: feDiffuseLighting -->
|
|
<!-- n/a: feDisplacementMap -->
|
|
<!-- n/a: feDistantLight -->
|
|
<!-- n/a: feDropShadow -->
|
|
<!-- n/a: feFlood -->
|
|
<!-- n/a: feFuncA -->
|
|
<!-- n/a: feFuncB -->
|
|
<!-- n/a: feFuncG -->
|
|
<!-- n/a: feFuncR -->
|
|
<!-- n/a: feGaussianBlur -->
|
|
<!-- n/a: feImage -->
|
|
<!-- n/a: feMerge -->
|
|
<!-- n/a: feMergeNode -->
|
|
<!-- n/a: feMorphology -->
|
|
<!-- n/a: feOffset -->
|
|
<!-- n/a: fePointLight -->
|
|
<!-- n/a: feSpecularLighting -->
|
|
<!-- n/a: feSpotLight -->
|
|
<!-- n/a: feTile -->
|
|
<!-- n/a: feTurbulence -->
|
|
<!-- n/a: filter -->
|
|
<!-- todo: foreignObject (spec says `group` role if rendered and labeled) -->
|
|
<g fill="white" stroke="green" stroke-width="2" data-testname="el-g" data-expectedrole="group" aria-label="label" class="ex">
|
|
<circle cx="40" cy="40" r="25" />
|
|
</g>
|
|
<!-- n/a: hatch -->
|
|
<!-- n/a: hatchPath -->
|
|
<!-- todo: iframe -> follow HTML -->
|
|
<image data-testname="el-image" data-expectedrole="image" aria-label="label" class="ex" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></image>
|
|
<!-- blocked: line -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- n/a: linearGradient -->
|
|
<!-- n/a: marker -->
|
|
<!-- n/a: mask -->
|
|
<!-- todo: mesh (spec says `image` role if rendered and labeled) -->
|
|
<!-- n/a: meshPatch -->
|
|
<!-- n/a: meshRow -->
|
|
<!-- n/a: metadata -->
|
|
<!-- n/a: mpath -->
|
|
<!-- blocked: path -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- n/a: pattern -->
|
|
<!-- blocked: polygon -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- blocked: polyline -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- n/a: radialGradient -->
|
|
<!-- blocked: rect -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- n/a: script -->
|
|
<!-- n/a: set -->
|
|
<!-- n/a: solidColor -->
|
|
<!-- todo: source -> follow HTML -->
|
|
<!-- n/a: stop -->
|
|
<!-- n/a: style -->
|
|
<!-- blocked: svg -> https://github.com/w3c/svg-aam/issues/18 -->
|
|
<!-- n/a: switch -->
|
|
<!-- blocked: symbol -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- blocked: text -> https://github.com/w3c/svg-aam/issues/33 -->
|
|
<!-- blocked: textPath -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue-->
|
|
<!-- n/a: title -->
|
|
<!-- todo: track -> follow HTML -->
|
|
<!-- blocked: tspan -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue -->
|
|
<!-- blocked: use -> https://github.com/w3c/svg-aam/issues/24 -->
|
|
<!-- todo: video -> follow HTML -->
|
|
<!-- n/a: view -->
|
|
</svg>
|
|
|
|
<script>
|
|
AriaUtils.verifyRolesBySelector(".ex");
|
|
</script>
|
|
|
|
</body>
|
|
</html> |