svg2: added tabindex focus and blur to SVGElement for keyboard support

details:   https://svgwg.org/hg/svg2/rev/68303f802a93
branches:  
changeset: 521:68303f802a93
user:      Richard Schwerdtfeger <schwer@us.ibm.com>
date:      Wed Jun 26 12:39:53 2013 -0500
description:
added tabindex focus and blur to SVGElement for keyboard support

diffstat:

 master/types.html |  31 +++++++++++++++++++++++++++++++
 1 files changed, 31 insertions(+), 0 deletions(-)

diffs (70 lines):

diff --git a/master/types.html b/master/types.html
--- a/master/types.html
+++ b/master/types.html
@@ -1449,16 +1449,19 @@ we can use directly for that.</p>
   readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGAnimatedString">SVGAnimatedString</a> <a href="types.html#__svg__SVGElement__className">className</a>;
   readonly attribute <a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSStyleDeclaration">CSSStyleDeclaration</a> <a href="types.html#__svg__SVGElement__style">style</a>;
 
   attribute DOMString <a href="types.html#__svg__SVGElement__xmllang">xmllang</a>;
   attribute DOMString <a href="types.html#__svg__SVGElement__xmlspace">xmlspace</a>;
 
   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">
   <dt class="attributes-header">Attributes:</dt>
   <dd>
     <dl class="attributes">
       <dt id="__svg__SVGElement__id" class="attribute first-child"><b>id</b><span class="idl-type-parenthetical"> (DOMString)</span></dt>
       <dd class="attribute">
@@ -1516,18 +1519,46 @@ we can use directly for that.</p>
       <dt id="__svg__SVGElement__viewportElement" class="attribute"><b>viewportElement</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a>)</span></dt>
       <dd class="attribute">
         <div>
           The element which established the current viewport. Often, the nearest
           ancestor <a>'svg'</a> element. Null if the given element is the
           <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>
 
 
 <h3 id="InterfaceSVGAnimatedBoolean">Interface SVGAnimatedBoolean</h3>
 
 <p>Used for attributes of type boolean which can be animated.</p>
 
 <pre class="idl">interface <b>SVGAnimatedBoolean</b> {

Received on Wednesday, 26 June 2013 17:42:26 UTC