content/test/data/accessibility/html/svg-elements-not-mapped.html

<!--
@AURALINUX-ALLOW:id:*
@AURALINUX-ALLOW:tag:*
@BLINK-ALLOW:htmlTag*
-->
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<body>
<svg aria-label="animate should not be exposed">
  <rect x="5" y="5" width="20" height="15">
    <animate attributeName="opacity" from="1" to="0" dur="500ms" repeatCount="2"/>
  </rect>
</svg>
<svg aria-label="animateMotion should not be exposed">
  <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 dur="500ms" repeatCount="2" rotate="auto">
      <mpath href="#path2"/>
    </animateMotion>
  </path>
</svg>
<svg aria-label="animateTransform should not be exposed">
  <rect width="100" height="100">
    <animateTransform attributeName="transform" type="scale" from="2" to="3" repeatCount="3" dur="500ms" fill="freeze"/>
  </rect>
</svg>
<svg aria-label="clipPath should not be exposed">
  <defs>
    <clipPath id="clipPath">
      <rect x="0" y="0" width="200" height="100"/>
    </clipPath>
  </defs>
  <circle cx="100" cy="100" r="100" clip-path="url(#clipPath)" />
</svg>
<svg aria-label="cursor should not be exposed">
  <cursor xlink:href="cursor.png" x="4" y="0"/>
</svg>
<svg aria-label="defs should not be exposed">
  <defs>
    <solidColor id="MyLightPurple" solid-color="#a080ff" solid-opacity="0.5"/>
  </defs>
</svg>
<svg aria-label="discard should not be exposed">
  <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="500ms" fill="remove" calcMode="linear" type="translate" additive="sum" from="0 0" to="-18 305"/>
    <discard begin="2s"/>
  </ellipse>
</svg>
<svg aria-label="filter and filter effect elements should not be exposed">
  <defs>
    <filter id="filter" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="120">
      <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>
      <feOffset in="blur" dx="4" dy="4" result="offsetBlur"/>
      <feSpecularLighting in="blur" surfaceScale="5" specularConstant=".75"
                          specularExponent="20" lighting-color="#bbbbbb"
                          result="specOut">
        <fePointLight x="-5000" y="-10000" z="20000"/>
     </feSpecularLighting>
     <feComposite 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>
       <feMergeNode in="offsetBlur"/>
       <feMergeNode in="litPaint"/>
     </feMerge>
   </filter>
 </defs>
 <rect x="1" y="1" width="198" height="118" fill="#888888" stroke="blue"/>
 <g filter="url(#filter)" >
   <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>
 </g>
</svg>
<svg aria-label="hatch should not be exposed">
  <hatch hatchUnits="userSpaceOnUse" pitch="5" rotate="17">
    <hatchpath stroke="#a080ff" stroke-width="2"/>
  </hatch>
</svg>
<svg aria-label="hatchpath should not be exposed">
  <hatch hatchUnits="userSpaceOnUse" pitch="5" rotate="17">
    <hatchpath stroke="#a080ff" stroke-width="2"/>
  </hatch>
</svg>
<svg aria-label="image which lacks criteria for inclusion should not be exposed">
  <image href="pipe.jpg" height="135" width="220"/>
</svg>
<svg aria-label="linearGradient should not be exposed">
  <defs>
    <linearGradient>
      <stop offset="5%" stop-color="#A8F"/>
      <stop offset="95%" stop-color="#FDC"/>
    </linearGradient>
  </defs>
</svg>
<svg aria-label="marker should not be exposed">
  <marker orient="auto" overflow="visible">
    <rect x="-1" y="-0.5" width="1" height="1" fill="green"/>
  </marker>
</svg>
<svg aria-label="mask should not be exposed">
  <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="mask">
      <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(#mask)"/>
</svg>
<svg aria-label="metadata should not be exposed">
  <metadata>
    <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 aria-label="mpath should not be exposed">
  <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="500ms" repeatCount="2" rotate="auto">
      <mpath xlink:href="#path16"/>
    </animateMotion>
  </path>
</svg>
<svg aria-label="pattern should not be exposed">
  <pattern x="10" y="10" width="20" height="20">
    <rect x="5" y="5" width="10" height="10"/>
  </pattern>
</svg>
<svg aria-label="radialGradient should not be exposed">
  <radialGradient 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 aria-label="solidColor should not be exposed">
  <defs>
    <solidColor solid-color="#a080ff" solid-opacity="0.5"/>
  </defs>
</svg>
<svg aria-label="stop should not be exposed">
  <defs>
    <linearGradient id="lg20">
      <stop offset="5%" stop-color="#A8F"/>
      <stop offset="95%" stop-color="#FDC"/>
    </linearGradient>
  </defs>
</svg>
<svg aria-label="style and set should not be exposed">
  <style>
    rect { cursor: pointer }
    .round { rx: 5px; fill: green; }
  </style>
  <rect id="clickable" width="10" height="10">
    <set attributeName="class" to="round" begin="clickable.click" dur="500ms" />
  </rect>
</svg>
<svg aria-label="switch should not be exposed">
   <switch>
      <text x="10" y="50" systemLanguage="it">Ciao!</text>
      <text x="10" y="50" systemLanguage="es">Hola!</text>
      <text x="10" y="100">Hey!</text>
   </switch>
</svg>
<svg aria-label="view should not be exposed">
  <view id="one" viewBox="0 0 100 100" />
  <circle cx="50" cy="50" r="40" fill="red" />
  <view id="two" viewBox="100 0 100 100" />
  <circle cx="150" cy="50" r="40" fill="green" />
</svg>
<svg aria-label="desc should not be exposed as accessible object">
  <desc>abc</desc>
</svg>
<svg aria-label="title should not be exposed as accessible object">
  <title>abc</title>
</svg>
<svg aria-label="circle which lacks criteria for inclusion should not be exposed">
  <circle cx="10" cy="10" r="5"/>
</svg>
<svg aria-label="ellipse which lacks criteria for inclusion should not be exposed">
  <ellipse cx="10" cy="100" rx="25" ry="15"/>
</svg>
<svg aria-label="foreignObject which lacks criteria for inclusion should not be exposed">
  <foreignObject>
    <p xmlns="http://www.w3.org/1999/xhtml">Hello world</p>
  </foreignObject>
</svg>
<svg aria-label="group which lacks criteria for inclusion should not be exposed">
  <g fill="white" stroke="green" stroke-width="5">
    <circle cx="40" cy="40" r="25" />
    <circle cx="60" cy="60" r="25" />
  </g>
</svg>
<svg aria-label="line which lacks criteria for inclusion should not be exposed">
  <line x1="10" y1="10" x2="50" y2="10"/>
</svg>
<svg aria-label="path which lacks criteria for inclusion should not be exposed">
  <path d="M 10,30
           A 20,20 0,0,1 50,30
           A 20,20 0,0,1 90,30
           Q 90,60 50,90
           Q 10,60 10,30 z"/>
</svg>
<svg aria-label="polygon which lacks criteria for inclusion should not be exposed">
  <polygon fill="magenta" points="850,75 958,137.5 958,262.5 850,325 742,262.6 742,137.5"/>
</svg>
<svg aria-label="polyline which lacks criteria for inclusion should not be exposed">
  <polyline points="0,100 50,25 50,75 100,0" />
</svg>
<svg aria-label="rect which lacks criteria for inclusion should not be exposed">
  <rect x="10" y="10" width="50" height="30"/>
</svg>
<svg aria-label="symbol which lacks criteria for inclusion should not be exposed">
  <symbol id="myDot" width="10" height="10" viewBox="0 0 2 2">
    <circle cx="1" cy="1" r="1" />
  </symbol>
  <use href="#myDot" x="5"  y="5" style="opacity:1.0" />
  <use href="#myDot" x="20" y="5" style="opacity:0.5" />
</svg>
<svg aria-label="textPath which lacks criteria for inclusion should not be exposed">
  <path id="path" d="M10,10 v50" />
  <text>
    <textPath href="#path">Hello</textPath>
  </text>
</svg>
<svg aria-label="tspan which lacks criteria for inclusion should not be exposed">
  <style>
    tspan { fill: red; }
  </style>
  <text x="10" y="30">
    Hello <tspan>world</tspan>!
  </text>
</svg>
</body>
</html>