SVGViewTests/w3c/1.2T/svg/interact-focus-201-t.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg nav-next="url(#defaultText)" version="1.2" baseProfile="tiny" xml:id="svg-root" width="100%" height="100%"
  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xe="http://www.w3.org/2001/xml-events">
  <!--======================================================================-->
  <!--=  Copyright 2008 World Wide Web Consortium, (Massachusetts          =-->
  <!--=  Institute of Technology, European Research Consortium for         =-->
  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
  <!--=  All Rights Reserved.                                              =-->
  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  <!--======================================================================-->
  <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"
    reviewer="ASL" owner="AE" desc="Test Focusable Property on Animated Elements." status="accepted"
    approved="yes"
    version="$Revision: 1.9 $" testname="$RCSfile: interact-focus-201-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>Test Focusable Property on Animated Elements.</p>
      <p>Two rectangles and a text element are targets of animateColor elements which begin on focusin and end on focusout.</p>
      <p>The top-level SVG has a nav-next attribute referencing the text element.</p>
      <p>The text element is the first focusable element in the focus ring and should be red once receiving focus.</p>
      <p>Moving to the previous focus will turn the text black while making the red rectangle green.</p>
      <p>Moving to the previous focus will return the rectangle to red and make the blue rectangle green.</p>
      <p>Focus navigation is user agent dependant but typically is navigated with the keyboard keys.</p>
      <p>TAB or arrow keys move the focus while the ENTER key activates the focused element.</p>
      <p>
        User agent dependent behavior is accepted with all focus tests. Focus can be given immediately to first element in the focus ring,
        or held in the UA until focus is requested - then focus is given to the first element.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: interact-focus-201-t.svg,v $</title>
  <defs>
    <font-face
      font-family="SVGFreeSansASCII"
      unicode-range="U+0-7F">
      <font-face-src>
        <font-face-uri xlink:href="../images/SVGFreeSans.svg#ascii"/>
      </font-face-src>
    </font-face>
  </defs>
  <g xml:id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
    <rect x="15" y="15" height="270" width="450" fill="none" stroke="black" stroke-width="0.25"/>
    <text xml:id="display-title" x="240" y="50" text-anchor="middle" font-size="16" fill="#000">Test Focusable Property on Animated Elements.</text>
    <g transform="translate(130,5) scale(2.5)" font-size="10">
      <g transform="translate(30, 60)" xml:id="anim1">
        <g transform="translate(-15,-15)">
          <rect width="30" height="30" fill="blue">
            <animateTransform attributeName="transform" xml:id="rect0" type="rotate" from="0,15,15" to="90,15,15" begin="0;rect1.end" dur="0.5"/>
            <set attributeName="fill" to="green" begin="focusin"/>
            <set attributeName="fill" to="blue" begin="focusout"/>
          </rect>
        </g>
        <g transform="translate(15,-15)">
          <rect width="30" height="30" fill="red">
            <animateTransform attributeName="transform" xml:id="rect1" type="rotate" from="0,15,15" to="-90,15,15" begin="rect0.end" dur="0.5"/>
            <set attributeName="fill" to="green" begin="focusin"/>
            <set attributeName="fill" to="red" begin="focusout"/>
          </rect>
        </g>
      </g>
      <text x="45" y="100" xml:id="defaultText" text-anchor="middle" font-size="8">
        Text is the first focusable element
        <set attributeName="fill" to="red" begin="focusin"/>
        <set attributeName="fill" to="black" begin="focusout"/>
      </text>
    </g>
  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text xml:id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.9 $</text>
  </g>
  <rect xml:id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
  <!-- comment out this watermark once the test is approved -->
  <!--<g xml:id="draft-watermark">
    <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
    <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 
      text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
  </g>-->
</svg>