added tabindex focus and blur to SVGElement for keyboard support
authorRichard Schwerdtfeger <schwer@us.ibm.com>
Wed, 26 Jun 2013 12:39:53 -0500
changeset 521 68303f802a93
parent 520 0c60566b6156
child 522 e4e786c9fc78
added tabindex focus and blur to SVGElement for keyboard support
master/types.html
--- a/master/types.html	Mon Jun 24 15:51:38 2013 +0200
+++ b/master/types.html	Wed Jun 26 12:39:53 2013 -0500
@@ -1454,6 +1454,9 @@
 
   readonly attribute <a class="idlinterface" href="struct.html#InterfaceSVGSVGElement">SVGSVGElement</a>? <a href="types.html#__svg__SVGElement__ownerSVGElement">ownerSVGElement</a>;
   readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a>? <a href="types.html#__svg__SVGElement__viewportElement">viewportElement</a>;
+  readonly attribute <a href="types.html#DataTypeNumber">number</a> <a href="types.html#__svg__SVGElement__tabindex">tabIndex</a>;
+  void <a href="types.html#__svg__SVGElement__focus">focus</a>();
+  void <a href="types.html#__svg__SVGElement__blur">blur</a>();        
 };</pre>
 
 <dl class="interface">
@@ -1521,8 +1524,36 @@
           <a>outermost svg element</a>.
         </div>
       </dd>
+      <dt id="__svg__SVGElement__tabindex" class="attribute"><b>tabindex</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#DataTypeNumber">number</a>)</span></dt>
+      <dd class="attribute">
+        <div>
+          The tabIndex attribute must <a href="http://www.w3.org/TR/html5/infrastructure.html#reflect">reflect</a> the value of the <a href="interact.html#sequential-focus-navigation-and-the-tabindex-attribute">tabindex</a> content attribute. Its default value is 0 for elements that are directly focusable, such as through keyboard tabbing in browsers that support that functionality, and −1 for elements that are not focusable without progrmmatic intervention.
+        </div>
+      </dd>
     </dl>
   </dd>
+  <dt class="operations">Operations:</dt>
+  <dd>
+   <dl class="attributes">
+   <dt id="__svg__SVGElement__focus" class="operation first-child">void <b>focus</b>()</dt>
+      <dd class="operation">
+        <div>
+          Focuses the element.
+        </div>
+      </dd>
+   <dt id="__svg__SVGElement__blur" class="operation first-child">void <b>blur</b>()</dt>
+      <dd class="operation">
+        <div>
+        Unfocuses the element. Use of this method is discouraged. Focus another element instead.
+
+       <p>
+        Do not use this method to hide the focus ring. Do not use any other method that hides the focus ring from keyboard users,in particluar do not use a CSS rule to override the 'outline' property. Removal of the focus ring leads to serious accessibility issues for users who navigate and interact with interactive content using the keyboard.
+        </p>
+       </div>
+      </dd>
+   </dl>
+  </dd>
+
 </dl>