324 lines
11 KiB
HTML
324 lines
11 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body id="body">
|
|
<div id="content">
|
|
<svg>
|
|
<rect x="5" y="5" width="20" height="15">
|
|
<animate id="test1" attributeName="opacity" from="1" to="0" dur="5s" repeatCount="indefinite"/>
|
|
</rect>
|
|
</svg>
|
|
<svg>
|
|
<path id="path2" d="M100,250 C 100,50 400,50 400,222" fill="none" stroke="blue" stroke-width="7.06" />
|
|
<path d="M-25,-12.5 L25,-12.5 L 0,-87.5 z" fill="yellow" stroke="red" stroke-width="7.06">
|
|
<animateMotion id="test2" dur="6s" repeatCount="indefinite" rotate="auto">
|
|
<mpath href="#path2"/>
|
|
</animateMotion>
|
|
</path>
|
|
</svg>
|
|
<svg>
|
|
<rect width="100" height="100">
|
|
<animateTransform id="test3" attributeName="transform" type="scale" from="2" to="3" repeatCount="3" dur="4s" fill="freeze"/>
|
|
</rect>
|
|
</svg>
|
|
<svg>
|
|
<defs>
|
|
<clipPath id="test4">
|
|
<rect x="0" y="0" width="200" height="100"/>
|
|
</clipPath>
|
|
</defs>
|
|
<circle cx="100" cy="100" r="100" clip-path="url(#test4)" />
|
|
</svg>
|
|
<svg>
|
|
<cursor id="test5" xlink:href="cursor.png" x="4" y="0"/>
|
|
</svg>
|
|
<svg>
|
|
<defs id="test6">
|
|
<solidColor id="MyLightPurple" solid-color="#a080ff" solid-opacity="0.5"/>
|
|
</defs>
|
|
</svg>
|
|
<svg>
|
|
<ellipse cx="98.5" cy="17.5" rx="20.5" ry="17.5" fill="blue" stroke="black" transform="translate(9 252) translate(3 -296)">
|
|
<animateTransform attributeName="transform" begin="0s" dur="2s" fill="remove" calcMode="linear" type="translate" additive="sum" from="0 0" to="-18 305"/>
|
|
<discard id="test7" begin="2s"/>
|
|
</ellipse>
|
|
</svg>
|
|
<svg>
|
|
<hatch id="test8" hatchUnits="userSpaceOnUse" pitch="5" rotate="17">
|
|
<hatchpath stroke="#a080ff" stroke-width="2"/>
|
|
</hatch>
|
|
</svg>
|
|
<svg>
|
|
<hatch hatchUnits="userSpaceOnUse" pitch="5" rotate="17">
|
|
<hatchpath id="test9" stroke="#a080ff" stroke-width="2"/>
|
|
</hatch>
|
|
</svg>
|
|
<svg>
|
|
<defs>
|
|
<linearGradient id="test10">
|
|
<stop offset="5%" stop-color="#A8F"/>
|
|
<stop offset="95%" stop-color="#FDC"/>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
<svg>
|
|
<marker id="test11" orient="auto" overflow="visible">
|
|
<rect x="-1" y="-0.5" width="1" height="1" fill="green"/>
|
|
</marker>
|
|
</svg>
|
|
<svg>
|
|
<defs>
|
|
<linearGradient id="Gradient12">
|
|
<stop offset="0" stop-color="white" stop-opacity="0"/>
|
|
<stop offset="1" stop-color="white" stop-opacity="1"/>
|
|
</linearGradient>
|
|
<mask id="test12">
|
|
<rect x="0" y="0" width="200" height="200" fill="url(#Gradient12)"/>
|
|
</mask>
|
|
</defs>
|
|
<rect x="0" y="0" width="200" height="200" fill="red" mask="url(#test12)"/>
|
|
</svg>
|
|
<svg>
|
|
<mesh x="22" y="22" id="example13">
|
|
<meshrow>
|
|
<meshpatch id="test13">
|
|
<stop path="c 25,-25 75, 25 100,0" stop-color="lightblue"/>
|
|
<stop path="c 25, 25 -25, 75 0,100" stop-color="purple"/>
|
|
<stop path="c -25, 25 -75,-25 -100,0" stop-color="red"/>
|
|
<stop path="c -25,-25, 25,-75" stop-color="purple"/>
|
|
</meshpatch>
|
|
<meshpatch>
|
|
<stop path="c 25,-25 75, 25 100,0"/>
|
|
<stop path="c 25, 25 -25, 75 0,100" stop-color="lightblue"/>
|
|
<stop path="c -25, 25 -75,-25" stop-color="purple"/>
|
|
</meshpatch>
|
|
</meshrow>
|
|
<meshrow>
|
|
<meshpatch>
|
|
<stop path="c 25, 25 -25, 75 0,100"/>
|
|
<stop path="c -25, 25 -75,-25 -100,0" stop-color="purple"/>
|
|
<stop path="c -25,-25, 25,-75" stop-color="lightblue"/>
|
|
</meshpatch>
|
|
<meshpatch>
|
|
<stop path="c 25, 25 -25, 75 0,100"/>
|
|
<stop path="c -25, 25 -75,-25" stop-color="lightblue"/>
|
|
</meshpatch>
|
|
</meshrow>
|
|
</mesh>
|
|
</svg>
|
|
<svg>
|
|
<mesh x="22" y="22" id="example14">
|
|
<meshrow id="test14">
|
|
<meshpatch>
|
|
<stop path="c 25,-25 75, 25 100,0" stop-color="lightblue"/>
|
|
<stop path="c 25, 25 -25, 75 0,100" stop-color="purple"/>
|
|
<stop path="c -25, 25 -75,-25 -100,0" stop-color="red"/>
|
|
<stop path="c -25,-25, 25,-75" stop-color="purple"/>
|
|
</meshpatch>
|
|
<meshpatch>
|
|
<stop path="c 25,-25 75, 25 100,0"/>
|
|
<stop path="c 25, 25 -25, 75 0,100" stop-color="lightblue"/>
|
|
<stop path="c -25, 25 -75,-25" stop-color="purple"/>
|
|
</meshpatch>
|
|
</meshrow>
|
|
<meshrow>
|
|
<meshpatch>
|
|
<stop path="c 25, 25 -25, 75 0,100"/>
|
|
<stop path="c -25, 25 -75,-25 -100,0" stop-color="purple"/>
|
|
<stop path="c -25,-25, 25,-75" stop-color="lightblue"/>
|
|
</meshpatch>
|
|
<meshpatch>
|
|
<stop path="c 25, 25 -25, 75 0,100"/>
|
|
<stop path="c -25, 25 -75,-25" stop-color="lightblue"/>
|
|
</meshpatch>
|
|
</meshrow>
|
|
</mesh>
|
|
</svg>
|
|
<svg>
|
|
<metadata id="test15">
|
|
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
|
<rdf:Description about="http://example.org/myfoo" dc:title="MyFoo Financial Report" dc:language="en"></rdf:Description>
|
|
</rdf:RDF>
|
|
</metadata>
|
|
</svg>
|
|
<svg>
|
|
<path id="path16" d="M100,250 C 100,50 400,50 400,222" fill="none" stroke="blue" stroke-width="7.06"/>
|
|
<path d="M-25,-12.5 L25,-12.5 L 0,-87.5 z" fill="yellow" stroke="red" stroke-width="7.06">
|
|
<animateMotion dur="6s" repeatCount="indefinite" rotate="auto">
|
|
<mpath id="test16" xlink:href="#path16"/>
|
|
</animateMotion>
|
|
</path>
|
|
</svg>
|
|
<svg>
|
|
<pattern id="test17" x="10" y="10" width="20" height="20">
|
|
<rect x="5" y="5" width="10" height="10"/>
|
|
</pattern>
|
|
</svg>
|
|
<svg>
|
|
<radialGradient id="test18" gradientUnits="userSpaceOnUse" cx="122" cy="100" r="100">
|
|
<stop offset="0%" stop-color="#A8F"/>
|
|
<stop offset="50%" stop-color="#FDC"/>
|
|
<stop offset="100%" stop-color="#A8F"/>
|
|
</radialGradient>
|
|
</svg>
|
|
<svg>
|
|
<defs>
|
|
<solidColor id="test19" solid-color="#a080ff" solid-opacity="0.5"/>
|
|
</defs>
|
|
</svg>
|
|
<svg>
|
|
<defs>
|
|
<linearGradient id="lg20">
|
|
<stop id="test20" offset="5%" stop-color="#A8F"/>
|
|
<stop offset="95%" stop-color="#FDC"/>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
<svg>
|
|
<style id="test21">@import url(mystyles.css);</style>
|
|
</svg>
|
|
<svg>
|
|
<symbol id="test22" viewBox="0 0 20 20">
|
|
<desc>MySymbol - four rectangles in a grid</desc>
|
|
<rect x="1" y="1" width="8" height="8"/>
|
|
<rect x="11" y="1" width="8" height="8"/>
|
|
<rect x="1" y="11" width="8" height="8"/>
|
|
<rect x="11" y="11" width="8" height="8"/>
|
|
</symbol>
|
|
</svg>
|
|
<svg>
|
|
<title id="test23">abc</title>
|
|
</svg>
|
|
<svg>
|
|
<path id="test24" d="M 100 100 L 300 100 L 200 300 z" fill="red" stroke="blue" stroke-width="3"/>
|
|
</svg>
|
|
<svg>
|
|
<rect id="test25" x="10" y="10" width="50" height="30"/>
|
|
</svg>
|
|
<svg>
|
|
<circle id="test26" cx="10" cy="10" r="5"/>
|
|
</svg>
|
|
<svg>
|
|
<ellipse id="test27" cx="10" cy="100" rx="25" ry="15"/>
|
|
</svg>
|
|
<svg>
|
|
<line id="test28" x1="10" y1="10" x2="50" y2="10"/>
|
|
</svg>
|
|
<svg>
|
|
<polyline id="test29" fill="none" stroke="blue" stroke-width="10" points="50,375 150,375 150,325 250,325 250,375 350,375 350,250 450,250 450,375 550,375 550,175 650,175 650,375 750,375 750,100 850,100 850,375 950,375 950,25 1050,25 1050,375 1150,375"/>
|
|
</svg>
|
|
<svg>
|
|
<polygon id="test30" fill="magenta" points="850,75 958,137.5 958,262.5 850,325 742,262.6 742,137.5"/>
|
|
</svg>
|
|
<svg>
|
|
<defs>
|
|
<filter id="test31" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="120">
|
|
<feGaussianBlur id="test32" in="SourceAlpha" stdDeviation="4" result="blur"/>
|
|
<feOffset id="test33" in="blur" dx="4" dy="4" result="offsetBlur"/>
|
|
<feSpecularLighting id="test34" in="blur" surfaceScale="5" specularConstant=".75"
|
|
specularExponent="20" lighting-color="#bbbbbb"
|
|
result="specOut">
|
|
<fePointLight id="test35" x="-5000" y="-10000" z="20000"/>
|
|
</feSpecularLighting>
|
|
<feComposite id="test36" in="specOut" in2="SourceAlpha" operator="in" result="specOut"/>
|
|
<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" result="litPaint"/>
|
|
<feMerge id="test37">
|
|
<feMergeNode id="test38" in="offsetBlur"/>
|
|
<feMergeNode in="litPaint"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
<rect x="1" y="1" width="198" height="118" fill="#888888" stroke="blue"/>
|
|
<g filter="url(#test31)" >
|
|
<g>
|
|
<path fill="none" stroke="#D90000" stroke-width="10" d="M50,90 C0,90 0,30 50,30 L150,30 C200,30 200,90 150,90 z"/>
|
|
<path fill="#D90000" d="M60,80 C30,80 30,40 60,40 L140,40 C170,40 170,80 140,80 z"/>
|
|
<g fill="#FFFFFF" stroke="black" font-size="45" font-family="Verdana">
|
|
<text x="52" y="76">SVG</text>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg>
|
|
<g aria-hidden="true">
|
|
<rect id="test39" aria-label="hello" x="10" y="10" width="50" height="30"/>
|
|
</g>
|
|
</svg>
|
|
<svg>
|
|
<g aria-hidden="true">
|
|
<ellipse id="test40" cx="10" cy="100" rx="25" ry="15">
|
|
<title>abc</title>
|
|
</ellipse>
|
|
</g>
|
|
</svg>
|
|
<svg>
|
|
<g aria-hidden="true">
|
|
<line id="test41" aria-label="hello" x1="10" y1="10" x2="50" y2="10"/>
|
|
</g>
|
|
</svg>
|
|
<svg>
|
|
<g aria-hidden="true">
|
|
<polyline id="test42" aria-label="hello" fill="none" stroke="blue" stroke-width="10" points="50,375 150,375 150,325 250,325 250,375 350,375 350,250 450,250 450,375 550,375 550,175 650,175 650,375 750,375 750,100 850,100 850,375 950,375 950,25 1050,25 1050,375 1150,375"/>
|
|
</g>
|
|
</svg>
|
|
<svg>
|
|
<g aria-hidden="true">
|
|
<polygon id="test43" fill="magenta" points="850,75 958,137.5 958,262.5 850,325 742,262.6 742,137.5">
|
|
<desc>built up area</desc>
|
|
</polygon>
|
|
</g>
|
|
</svg>
|
|
<svg>
|
|
<rect id="test44" aria-label="hello" x="10" y="10" width="50" height="30" aria-hidden="true"/>
|
|
</svg>
|
|
<svg>
|
|
<ellipse id="test45" cx="10" cy="100" rx="25" ry="15" aria-hidden="true">
|
|
<title>abc</title>
|
|
</ellipse>
|
|
</svg>
|
|
<svg>
|
|
<line id="test46" aria-label="hello" x1="10" y1="10" x2="50" y2="10" aria-hidden="true"/>
|
|
</svg>
|
|
<svg>
|
|
<polyline id="test47" aria-label="hello" fill="none" stroke="blue" stroke-width="10" points="50,375 150,375 150,325 250,325 250,375 350,375 350,250 450,250 450,375 550,375 550,175 650,175 650,375 750,375 750,100 850,100 850,375 950,375 950,25 1050,25 1050,375 1150,375" aria-hidden="true"/>
|
|
</svg>
|
|
<svg>
|
|
<polygon id="test48" fill="magenta" points="850,75 958,137.5 958,262.5 850,325 742,262.6 742,137.5" aria-hidden="true">
|
|
<desc>built up area</desc>
|
|
</polygon>
|
|
</svg>
|
|
<svg>
|
|
<circle cx="50" cy="50" r="40" id="test49" style="display: none;">
|
|
<title>Mars</title>
|
|
</circle>
|
|
</svg>
|
|
<svg>
|
|
<style>
|
|
/* <![CDATA[ */
|
|
circle {display: none; }
|
|
/* ]]> */
|
|
</style>
|
|
<circle cx="50" cy="50" r="40" id="test50">
|
|
<title>Mars</title>
|
|
</circle>
|
|
</svg>
|
|
</div>
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
<script>
|
|
description("This tests that SVG elements which should not be exposed are not exposed.");
|
|
if (window.accessibilityController) {
|
|
for (var i = 1; i <= 50; i++) {
|
|
var element = document.getElementById("test" + i);
|
|
var axElement = accessibilityController.accessibleElementById("test" + i);
|
|
debug("test" + i + ": " + (axElement ? axElement.role : "Element not exposed"));
|
|
}
|
|
document.getElementById("content").style.visibility = "hidden";
|
|
}
|
|
</script>
|
|
<script src="../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|