<?xml version="1.0" ?>
<?xml-stylesheet type="text/xsl" href="api-compare.xsl"?>
<sidebyside>
  <title>
    WindowsFirefox3 vs. WindowsInternetExplorer
  </title>
  <left profile="WindowsFirefox3">
    <accessible actions="" description="" name="Graphical ARIA Slider" revtree:changes="updated-attrib" revtree:id="0xb7972aacLLeft" revtree:updatedAttribs="role" role="document" state="focused|read only|focusable" value="http://codetalks.org/source/widgets/slider/pretty-slider-background-images.html" xmlns:revtree="http://monotonous.org">
      <accessible actions="" description="" name="" revtree:changes="deleted-self" revtree:id="0xb7972c8cLLeft" role="p" state="" value="">
        <accessible actions="" description="" name="This example requires Firefox 3 or later to work with screen readers -- it uses ARIA properties without namespaces, which is now the correct markup." revtree:changes="updated-attrib,moved-self" revtree:id="0xb7972f4cLLeft" revtree:updatedAttribs="state" role="editable text" state="read only" value=""/>
      </accessible>
      <accessible actions="" description="" name="" revtree:changes="deleted-self" revtree:id="0xb7972dacLLeft" role="p" state="" value="">
        <accessible actions="" description="" name="This is a slider. It has two buttons on either end marked role:button and a slider in the middle marked role:slider. When you tab on to the slider and use the arrow, End and Home keys to change the value. Also just to draw people into useing it, we have some mouse events. You can click on the buttons or drag the slider. " revtree:changes="updated-attrib,moved-self" revtree:id="0xb797560cLLeft" revtree:updatedAttribs="state" role="editable text" state="read only" value=""/>
      </accessible>
      <accessible actions="" description="" name="" revtree:changes="deleted-self" revtree:id="0xb797594cLLeft" role="p" state="" value="">
        <accessible actions="" description="" name="It is easy to adjust the width of the slider or the speed it changes. We just set two variables at the begining of the JavaScript. Or to have different values for each slider with pop a script tag just before the slider with the values we want. " revtree:changes="updated-attrib,moved-self" revtree:id="0xb7975c8cLLeft" revtree:updatedAttribs="state" role="editable text" state="read only" value=""/>
      </accessible>
      <accessible actions="" description="" name="" revtree:changes="deleted-self" revtree:id="0xb7975a8cLLeft" role="div" state="" value="">
        <accessible actions="" description="" name="0" revtree:changes="updated-attrib,moved-self" revtree:id="0xb797936cLLeft" revtree:updatedAttribs="state" role="editable text" state="read only" value=""/>
        <accessible actions="click" description="" name="Move slider left" revtree:changes="deleted-self" revtree:id="0xb79796ecLLeft" role="push button" state="invisible|offscreen" value=""/>
        <accessible actions="" description="" name="My slider" revtree:changes="updated-attrib,moved-self" revtree:id="0xb7979a4cLLeft" revtree:updatedAttribs="value" role="slider" state="focusable" value="10%"/>
        <accessible actions="click" description="" name="Move slider right" revtree:changes="updated-attrib,deleted-attrib,moved-self" revtree:deletedAttribs="actions" revtree:id="0xb7979dacLLeft" revtree:updatedAttribs="state" role="push button" state="" value=""/>
        <accessible actions="" description="" name="100" revtree:changes="updated-attrib,moved-self" revtree:id="0xb797c12cLLeft" revtree:updatedAttribs="state" role="editable text" state="read only" value=""/>
      </accessible>
      <accessible actions="" description="" name="" revtree:changes="deleted-self" revtree:id="0xb797916cLLeft" role="p" state="" value="">
        <accessible actions="" description="" name="$Revision: 118 $" revtree:changes="updated-attrib,moved-self" revtree:id="0xb797c7ccLLeft" revtree:updatedAttribs="state" role="editable text" state="read only" value=""/>
      </accessible>
    </accessible>
  </left>
  <right profile="WindowsInternetExplorer">
    <accessible actions="" description="" name="Graphical ARIA Slider" revtree:changes="updated-attrib" revtree:id="0xb7972aacLRight" revtree:updatedAttribs="role" role="pane" state="focused|read only|focusable" value="http://codetalks.org/source/widgets/slider/pretty-slider-background-images.html" xmlns:revtree="http://monotonous.org">
      <accessible actions="" description="" name="This example requires Firefox 3 or later to work with screen readers -- it uses ARIA properties without namespaces, which is now the correct markup." revtree:changes="updated-attrib,moved-self" revtree:id="0xb7972f4cLRight" revtree:updatedAttribs="state" role="editable text" state="read only|selectable" value=""/>
      <accessible actions="" description="" name="This is a slider. It has two buttons on either end marked role:button and a slider in the middle marked role:slider. When you tab on to the slider and use the arrow, End and Home keys to change the value. Also just to draw people into useing it, we have some mouse events. You can click on the buttons or drag the slider. " revtree:changes="updated-attrib,moved-self" revtree:id="0xb797560cLRight" revtree:updatedAttribs="state" role="editable text" state="read only|selectable" value=""/>
      <accessible actions="" description="" name="It is easy to adjust the width of the slider or the speed it changes. We just set two variables at the begining of the JavaScript. Or to have different values for each slider with pop a script tag just before the slider with the values we want. " revtree:changes="updated-attrib,moved-self" revtree:id="0xb7975c8cLRight" revtree:updatedAttribs="state" role="editable text" state="read only|selectable" value=""/>
      <accessible actions="" description="" name="0" revtree:changes="updated-attrib,moved-self" revtree:id="0xb797936cLRight" revtree:updatedAttribs="state" role="editable text" state="read only|selectable" value=""/>
      <accessible actions="" description="" name=" " revtree:changes="inserted-self" revtree:id="0xb790ff8cLRight" role="editable text" state="read only|selectable" value=""/>
      <accessible actions="" description="" name="Move slider left" revtree:changes="inserted-self" revtree:id="0xb79143ecLRight" role="push button" state="focusable" value=""/>
      <accessible actions="" description="" name="My slider" revtree:changes="updated-attrib,moved-self" revtree:id="0xb7979a4cLRight" revtree:updatedAttribs="value" role="slider" state="focusable" value="10"/>
      <accessible actions="" description="" name="Move slider right" revtree:changes="updated-attrib,moved-self" revtree:id="0xb7979dacLRight" revtree:updatedAttribs="state" role="push button" state="focusable" value=""/>
      <accessible actions="" description="" name="100" revtree:changes="updated-attrib,moved-self" revtree:id="0xb797c12cLRight" revtree:updatedAttribs="state" role="editable text" state="read only|selectable" value=""/>
      <accessible actions="" description="" name=" " revtree:changes="inserted-self" revtree:id="0xb791708cLRight" role="editable text" state="read only|selectable" value=""/>
      <accessible actions="" description="" name="$Revision: 118 $" revtree:changes="updated-attrib,moved-self" revtree:id="0xb797c7ccLRight" revtree:updatedAttribs="state" role="editable text" state="read only|selectable" value=""/>
    </accessible>
  </right>
</sidebyside>
