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

<?xml version="1.0" encoding="UTF-8"?>
<svg 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 Elements Outside the Viewport" status="accepted"
    approved="yes"
    version="$Revision: 1.7 $" testname="$RCSfile: interact-focus-203-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 Elements Outside the Viewport</p>
      <p>
        User interaction should navigate focus starting at 1 and go through 5.
        This test applies only to user agents which locate to focus which is outside of the viewport, and
        thus the pass criteria for this test is optional.
      </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>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: interact-focus-203-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">
    <text xml:id="display-title" x="240" y="30" text-anchor="middle" font-size="16" fill="#000">Test Focusable Elements Outside the Viewport</text>
    <text x="240" y="50" text-anchor="middle" font-size="12" fill="#555">User interaction should navigate focus starting at 1 and go through 5.</text>
    <text x="240" y="65" text-anchor="middle" font-size="12" fill="#555">This test applies only to user agents which</text>
    <text x="240" y="80" text-anchor="middle" font-size="12" fill="#555">locate to focus which is outside of the viewport.</text>
    <g transform="translate(80,320) scale(3)">
      <line x1="-50" y1="50" x2="150" y2="50" stroke="green"/>
      <line x1="50" y1="-50" x2="50" y2="150" stroke="green"/>
      <circle focusable="true" xml:id="circle1" cx="50" cy="-50" r="10" fill="black">
        <set attributeName="fill" to="red" begin="circle1.focusin"/>
        <set attributeName="fill" to="black" begin="circle1.focusout"/>
      </circle>
      <text x="50" y="-46" fill="white" text-anchor="middle">1</text>
      <circle focusable="true" xml:id="circle2" cx="50" cy="50" r="10" fill="black">
        <set attributeName="fill" to="red" begin="circle2.focusin"/>
        <set attributeName="fill" to="black" begin="circle2.focusout"/>
      </circle>
      <text x="50" y="54" fill="white" text-anchor="middle">2</text>
      <circle focusable="true" xml:id="circle3" cx="50" cy="150" r="10" fill="black">
        <set attributeName="fill" to="red" begin="circle3.focusin"/>
        <set attributeName="fill" to="black" begin="circle3.focusout"/>
      </circle>
      <text x="50" y="154" fill="white" text-anchor="middle">3</text>
      <circle focusable="true" xml:id="circle4" cx="-50" cy="50" r="10" fill="black">
        <set attributeName="fill" to="red" begin="circle4.focusin"/>
        <set attributeName="fill" to="black" begin="circle4.focusout"/>
      </circle>
      <text x="-50" y="54" fill="white" text-anchor="middle">4</text>
      <circle focusable="true" xml:id="circle5" cx="150" cy="50" r="10" fill="black">
        <set attributeName="fill" to="red" begin="circle5.focusin"/>
        <set attributeName="fill" to="black" begin="circle5.focusout"/>
      </circle>
      <text x="150" y="54" fill="white" text-anchor="middle">5</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.7 $</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>