- From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
- Date: Thu, 14 Aug 2014 06:12:52 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/ae04f57c3073
branches:
changeset: 691:ae04f57c3073
user: Richard Schwerdtfeger <schwer@us.ibm.com>
date: Thu Aug 14 08:10:00 2014 -0500
description:
made the tabindex attribute a common attribute to be consistent with browser implementations and HTML
diffstat:
master/definitions.xml | 62 +++++++++++++++++++++++--------------------------
master/interact.html | 35 +---------------------------
master/intro.html | 4 ---
master/struct.html | 36 +++++++++++++++++++++++++++++
4 files changed, 66 insertions(+), 71 deletions(-)
diffs (627 lines):
diff --git a/master/definitions.xml b/master/definitions.xml
--- a/master/definitions.xml
+++ b/master/definitions.xml
@@ -10,17 +10,17 @@
section.
-->
<element
name='a'
href='linking.html#AElement'
contentmodel='textoranyof'
elementcategories='animation, descriptive, shape, structural, paint server'
elements='a, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, view, text'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style, xlink'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style, xlink'
interfaces='SVGAElement'>
<attribute name='xlink:href' href='linking.html#AElementXLinkHrefAttribute' animatable='yes'/>
<attribute name='xlink:show' href='linking.html#XLinkShowAttribute'/>
<attribute name='xlink:actuate' href='linking.html#AElementXLinkActuateAttribute'/>
<attribute name='target' href='linking.html#AElementTargetAttribute' animatable='yes'/>
</element>
<element
@@ -57,17 +57,17 @@
</element>
<element
name='audio'
href='embedded.html#AudioElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server, structurally external'
elements='clipPath, marker, mask, script, source, track'
- attributecategories='aria, navigation, core, conditional processing, graphical event, style, presentation, embedding placement'
+ attributecategories='aria, core, conditional processing, graphical event, style, presentation, embedding placement'
attributes=''
interfaces='SVGAudioElement'>
<attribute name='src' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-src' animatable='yes'/>
<attribute name='title' href='linking.html#XLinkTitleAttribute'/>
<attribute name='crossorigin' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-crossorigin' animatable='yes'/>
<attribute name='preload' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload' animatable='yes'/>
<attribute name='autoplay' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay' animatable='yes'/>
<attribute name='mediagroup' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-mediagroup' animatable='yes'/>
@@ -77,45 +77,45 @@
</element>
<element
name='canvas'
href='embedded.html#CanvasElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, core, conditional processing, graphical event, style, presentation, embedding placement, embedding size'
+ attributecategories='aria, core, conditional processing, graphical event, style, presentation, embedding placement, embedding size'
attributes='preserveAspectRatio'
interfaces='SVGCanvasElement'>
<attribute name='canvasWidth' href='embedded.html#CanvasWidthAttribute' animatable='yes'/>
<attribute name='canvasHeight' href='embedded.html#CanvasHeightAttribute' animatable='yes'/>
</element>
<element
name='circle'
href='shapes.html#CircleElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGCircleElement'>
<attribute name='cx' href='shapes.html#CircleElementCXAttribute' animatable='yes'/>
<attribute name='cy' href='shapes.html#CircleElementCYAttribute' animatable='yes'/>
<attribute name='r' href='shapes.html#CircleElementRAttribute' animatable='yes'/>
</element>
<element
name='cursor'
href='interact.html#CursorElement'
contentmodel='anyof'
elementcategories='descriptive'
elements='script'
- attributecategories='aria, navigation, core, xlink'
+ attributecategories='aria, core, xlink'
interfaces='SVGCursorElement'>
<attribute name='x' href='interact.html#CursorElementXAttribute' animatable='yes'/>
<attribute name='y' href='interact.html#CursorElementYAttribute' animatable='yes'/>
<attribute name='xlink:href' href='interact.html#CursorElementHrefAttribute' animatable='yes'/>
</element>
<element
name='defs'
@@ -133,54 +133,54 @@
attributes='lang'
interfaces='SVGDescElement'/>
<element
name='discard'
href='struct.html#DiscardElement'
contentmodel='anyof'
elementcategories='descriptive'
elements='script'
- attributecategories='conditional processing, core, aria, navigation'>
+ attributecategories='conditional processing, core, aria'>
<attribute name='begin' href='struct.html#DiscardElementBeginAttribute' animatable='no'/>
<attribute name='href' href='struct.html#DiscardElementHrefAttribute' animatable='no'/>
</element>
<element
name='ellipse'
href='shapes.html#EllipseElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGEllipseElement'>
<attribute name='cx' href='shapes.html#EllipseElementCXAttribute' animatable='yes'/>
<attribute name='cy' href='shapes.html#EllipseElementCYAttribute' animatable='yes'/>
<attribute name='rx' href='shapes.html#EllipseElementRXAttribute' animatable='yes'/>
<attribute name='ry' href='shapes.html#EllipseElementRYAttribute' animatable='yes'/>
</element>
<element
name='foreignObject'
href='extend.html#ForeignObjectElement'
contentmodel='any'
- attributecategories='aria, navigation, core, conditional processing, graphical event, presentation, style'
+ attributecategories='aria, core, conditional processing, graphical event, presentation, style'
interfaces='SVGForeignObjectElement'>
<attribute name='x' href='extend.html#ForeignObjectElementXAttribute' animatable='yes'/>
<attribute name='y' href='extend.html#ForeignObjectElementYAttribute' animatable='yes'/>
<attribute name='width' href='extend.html#ForeignObjectElementWidthAttribute' animatable='yes' presentation='yes'/>
<attribute name='height' href='extend.html#ForeignObjectElementHeightAttribute' animatable='yes' presentation='yes'/>
</element>
<element
name='g'
href='struct.html#GElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
elements='a, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, text, view'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGGElement'/>
<element
name='hatch'
href='pservers.html#HatchElement'
contentmodel='anyof'
elementcategories='animation, descriptive'
elements='hatchPath, script'
@@ -209,17 +209,17 @@
</element>
<element
name='iframe'
href='embedded.html#IframeElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server, structurally external'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, core, conditional processing, graphical event, style, presentation, embedding placement, embedding size'
+ attributecategories='aria, core, conditional processing, graphical event, style, presentation, embedding placement, embedding size'
attributes='preserveAspectRatio'
interfaces='SVGIframeElement'>
<attribute name='frameWidth' href='embedded.html#FrameWidthAttribute' animatable='yes'/>
<attribute name='frameHeight' href='embedded.html#FrameHeightAttribute' animatable='yes'/>
<attribute name='title' href='linking.html#XLinkTitleAttribute'/>
@@ -230,29 +230,29 @@
</element>
<element
name='image'
href='embedded.html#ImageElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server, structurally external'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, core, conditional processing, graphical event, style, xlink, presentation, embedding placement, embedding size'
+ attributecategories='aria, core, conditional processing, graphical event, style, xlink, presentation, embedding placement, embedding size'
attributes='preserveAspectRatio'
interfaces='SVGImageElement'>
<attribute name='xlink:href' href='embedded.html#ImageElementHrefAttribute' animatable='yes'/>
</element>
<element
name='line'
href='shapes.html#LineElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGLineElement'>
<attribute name='x1' href='shapes.html#LineElementX1Attribute' animatable='yes'/>
<attribute name='y1' href='shapes.html#LineElementY1Attribute' animatable='yes'/>
<attribute name='x2' href='shapes.html#LineElementX2Attribute' animatable='yes'/>
<attribute name='y2' href='shapes.html#LineElementY2Attribute' animatable='yes'/>
</element>
<element
@@ -346,17 +346,17 @@
</element>
<element
name='path'
href='paths.html#PathElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGPathElement'>
<attribute name='d' href='paths.html#DAttribute' animatable='yes'/>
<attribute name='pathLength' href='paths.html#PathLengthAttribute' animatable='yes'/>
</element>
<element
name='pattern'
href='pservers.html#PatternElement'
@@ -377,28 +377,28 @@
</element>
<element
name='polygon'
href='shapes.html#PolygonElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGPolygonElement'>
<attribute name='points' href='shapes.html#PolygonElementPointsAttribute' animatable='yes'/>
</element>
<element
name='polyline'
href='shapes.html#PolylineElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGPolylineElement'>
<attribute name='points' href='shapes.html#PolylineElementPointsAttribute' animatable='yes'/>
</element>
<element
name='radialGradient'
href='pservers.html#RadialGradientElement'
contentmodel='anyof'
@@ -419,17 +419,17 @@
</element>
<element
name='rect'
href='shapes.html#RectElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server'
elements='mask, clipPath, marker, script'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGRectElement'>
<attribute name='x' href='shapes.html#RectElementXAttribute' animatable='yes'/>
<attribute name='y' href='shapes.html#RectElementYAttribute' animatable='yes'/>
<attribute name='width' href='shapes.html#RectElementWidthAttribute' animatable='yes'/>
<attribute name='height' href='shapes.html#RectElementHeightAttribute' animatable='yes'/>
<attribute name='rx' href='shapes.html#RectElementRXAttribute' animatable='yes'/>
<attribute name='ry' href='shapes.html#RectElementRYAttribute' animatable='yes'/>
</element>
@@ -467,17 +467,17 @@
</element>
<element
name='source'
href='embedded.html#SourceElement'
contentmodel='anyof'
elementcategories=''
elements='script'
- attributecategories='navigation, core, style'
+ attributecategories='core, style'
attributes=''
interfaces='SVGSourceElement'>
<attribute name='xlink:title' href='linking.html#XLinkTitleAttribute'/>
<attribute name='src' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-source-src' animatable='yes'/>
<attribute name='type' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-source-type' animatable='yes'/>
<attribute name='media' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-source-media' animatable='yes'/>
@@ -507,55 +507,55 @@
</element>
<element
name='svg'
href='struct.html#SVGElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
elements='a, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, text, view'
- attributecategories='aria, navigation, conditional processing, core, document event, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, document event, graphical event, presentation, style'
attributes='viewBox, preserveAspectRatio, zoomAndPan'
interfaces='SVGSVGElement'>
<attribute name='x' href='struct.html#SVGElementXAttribute' animatable='yes'/>
<attribute name='y' href='struct.html#SVGElementYAttribute' animatable='yes'/>
<attribute name='width' href='struct.html#SVGElementWidthAttribute' animatable='yes' presentation='yes'/>
<attribute name='height' href='struct.html#SVGElementHeightAttribute' animatable='yes' presentation='yes'/>
<attribute name='playbackOrder' href='struct.html#SVGElementPlaybackOrderAttribute' animatable='no'/>
<attribute name='timelineBegin' href='struct.html#SVGElementTimelineBeginAttribute' animatable='no'/>
</element>
<element
name='switch'
href='struct.html#SwitchElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, paint server'
elements='a, clipPath, foreignObject, g, image, marker, mask, script, svg, switch, text, use'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
interfaces='SVGSwitchElement'>
</element>
<element
name='symbol'
href='struct.html#SymbolElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
elements='a, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, text, view'
- attributecategories='aria, navigation, core, graphical event, presentation, style'
+ attributecategories='aria, core, graphical event, presentation, style'
attributes='preserveAspectRatio, viewBox'
interfaces='SVGSymbolElement'>
</element>
<element
name='text'
href='text.html#TextElement'
contentmodel='textoranyof'
elementcategories='animation, descriptive, text content child, paint server'
elements='a, clipPath, marker, mask, script'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
attributes='lengthAdjust'
interfaces='SVGTextElement'>
<attribute name='x' href='text.html#TextElementXAttribute' animatable='yes'/>
<attribute name='y' href='text.html#TextElementYAttribute' animatable='yes'/>
<attribute name='dx' href='text.html#TextElementDXAttribute' animatable='yes'/>
<attribute name='dy' href='text.html#TextElementDYAttribute' animatable='yes'/>
<attribute name='rotate' href='text.html#TextElementRotateAttribute' animatable='yes'/>
<attribute name='textLength' href='text.html#TextElementTextLengthAttribute' animatable='yes'/>
@@ -564,17 +564,17 @@
</element>
<element
name='textPath'
href='text.html#TextPathElement'
contentmodel='textoranyof'
elementcategories='descriptive, paint server'
elements='a, animate, clipPath, marker, mask, script, set, tspan'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style, xlink'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style, xlink'
attributes='lengthAdjust, textLength'
interfaces='SVGTextPathElement'>
<attribute name='d' href='text.html#TextPathElementDAttribute' animatable='yes'/>
<attribute name='xlink:href' href='text.html#TextPathElementHrefAttribute' animatable='yes'/>
<attribute name='startOffset' href='text.html#TextPathElementStartOffsetAttribute' animatable='yes'/>
<attribute name='method' href='text.html#TextPathElementMethodAttribute' animatable='yes'/>
<attribute name='spacing' href='text.html#TextPathElementSpacingAttribute' animatable='yes'/>
</element>
@@ -588,17 +588,17 @@
interfaces='SVGTitleElement'/>
<element
name='track'
href='embedded.html#TrackElement'
contentmodel='anyof'
elementcategories=''
elements='script'
- attributecategories='navigation, core, style'
+ attributecategories='core, style'
attributes=''
interfaces='SVGTrackElement'>
<attribute name='title' href='linking.html#XLinkTitleAttribute'/>
<attribute name='kind' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-track-kind' animatable='yes'/>
<attribute name='src' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-track-src' animatable='yes'/>
<attribute name='srclang' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-track-srclang' animatable='yes'/>
<attribute name='label' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-track-label' animatable='yes'/>
@@ -607,43 +607,43 @@
</element>
<element
name='tspan'
href='text.html#TSpanElement'
contentmodel='textoranyof'
elementcategories='descriptive, paint server'
elements='a, animate, script, set, tspan'
- attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
+ attributecategories='aria, conditional processing, core, graphical event, presentation, style'
attributes='x, y, dx, dy, rotate, textLength, lengthAdjust'
interfaces='SVGTSpanElement'>
</element>
<element
name='use'
href='struct.html#UseElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server, structurally external'
elements='clipPath, marker, mask, script'
- attributecategories='aria, navigation, core, conditional processing, graphical event, presentation, style, xlink'
+ attributecategories='aria, core, conditional processing, graphical event, presentation, style, xlink'
interfaces='SVGUseElement'>
<attribute name='x' href='struct.html#UseElementXAttribute' animatable='yes'/>
<attribute name='y' href='struct.html#UseElementYAttribute' animatable='yes'/>
<attribute name='width' href='struct.html#UseElementWidthAttribute' animatable='yes'/>
<attribute name='height' href='struct.html#UseElementHeightAttribute' animatable='yes'/>
<attribute name='xlink:href' href='struct.html#UseElementHrefAttribute' animatable='yes'/>
</element>
<element
name='video'
href='embedded.html#VideoElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server, structurally external'
elements='clipPath, marker, mask, script, source, track'
- attributecategories='aria, navigation, core, conditional processing, graphical event, style, presentation, embedding placement, embedding size'
+ attributecategories='aria, core, conditional processing, graphical event, style, presentation, embedding placement, embedding size'
attributes='preserveAspectRatio'
interfaces='SVGVideoElement'>
<attribute name='src' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-src' animatable='yes'/>
<attribute name='title' href='linking.html#XLinkTitleAttribute'/>
<attribute name='crossorigin' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-crossorigin' animatable='yes'/>
<attribute name='poster' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster' animatable='yes'/>
<attribute name='preload' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload' animatable='yes'/>
<attribute name='autoplay' href='http://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay' animatable='yes'/>
@@ -654,17 +654,17 @@
</element>
<element
name='view'
href='linking.html#ViewElement'
contentmodel='anyof'
elementcategories='animation, descriptive'
elements='script'
- attributecategories='aria, navigation, core'
+ attributecategories='aria, core'
attributes='viewBox, preserveAspectRatio, zoomAndPan'
interfaces='SVGViewElement'>
<attribute name='viewTarget' elements='view' href='linking.html#ViewElementViewTargetAttribute'/>
</element>
<!-- ... element categories ............................................ -->
<elementcategory name='animation' href='intro.html#TermAnimationElement' elements='animate, animateMotion, animateTransform, discard, set'/>
@@ -756,36 +756,32 @@
<attribute name='aria-sort' href='http://www.w3.org/TR/wai-aria-1.1/states_and_properties#aria-sort'/>
<attribute name='aria-valuemax' href='http://www.w3.org/TR/wai-aria-1.1/states_and_properties#aria-valuemax'/>
<attribute name='aria-valuemin' href='http://www.w3.org/TR/wai-aria-1.1/states_and_properties#aria-valuemin'/>
<attribute name='aria-valuenow' href='http://www.w3.org/TR/wai-aria-1.1/states_and_properties#aria-valuenow'/>
<attribute name='aria-valuetext' href='http://www.w3.org/TR/wai-aria-1.1/states_and_properties#aria-valuetext'/>
<attribute name='role' href='struct.html#RoleAttribute'/>
</attributecategory>
<attributecategory
- name='navigation'
- href='intro.html#TermNavigationAttribute'>
- <attribute name='tabindex' href='tabindex' href='interact.html#SVGElementTabindexAttribute'/>
- <!--Make room for SVG tiny directional navigation-->
- </attributecategory>
- <attributecategory
name='conditional processing'
href='intro.html#TermConditionalProcessingAttribute'>
<attribute name='requiredFeatures' href='struct.html#RequiredFeaturesAttribute'/>
<attribute name='requiredExtensions' href='struct.html#RequiredExtensionsAttribute'/>
<attribute name='systemLanguage' href='struct.html#SystemLanguageAttribute'/>
</attributecategory>
<attributecategory
name='core'
href='intro.html#TermCoreAttribute'>
<attribute name='id' href='struct.html#IDAttribute'/>
+ <attribute name='tabindex' href='tabindex' href='struct.html#SVGElementTabindexAttribute'/>
<attribute name='xml:base' href='struct.html#XMLBaseAttribute'/>
<attribute name='xml:lang' href='struct.html#XMLLangAttribute'/>
<attribute name='xml:space' href='struct.html#XMLSpaceAttribute'/>
+
</attributecategory>
<attributecategory
name='style'>
<attribute name='class' href='styling.html#ClassAttribute' animatable='yes'/>
<attribute name='style' href='styling.html#StyleAttribute'/>
</attributecategory>
diff --git a/master/interact.html b/master/interact.html
--- a/master/interact.html
+++ b/master/interact.html
@@ -1098,51 +1098,18 @@ the wording from that spec.</p>
container</a> must also have focus.</p>
<p class="note">When an element is focused, the element matches the
CSS <code>:focus</code> pseudo-class.</p>
</div>
<h3 id="sequential-focus-navigation-and-the-tabindex-attribute">Sequential focus navigation and the <span class="attr-name">'tabindex'</span> attribute</h3>
-<dl class='attrdef-list'>
- <dt>
- <table class="propdef attrdef">
- <tr>
- <th>Name</th>
- <th>Value</th>
- <th>Lacuna value</th>
- <th>Animatable</th>
- </tr>
- <tr>
- <td><dfn id="SVGElementTabindexAttribute">tabindex</dfn></td>
- <td><a><number></a></td>
- <td>(none)</td>
- <td>no</td>
- </tr>
- </table>
- </dt>
- <dd>
- <p>This content attribute allows authors to control whether an element is focusable, whether it is supposed to be reachable
- using sequential focus navigation, and what is to be the relative
- order of the element for the purposes of sequential focus
- navigation</p>
- <p>The name "tab index" comes from the common use of the
- "tab" key to navigate through the focusable elements. The term
- "tabbing" refers to moving forward through the focusable elements
- that can be reached using sequential focus navigation.
- </p>
- </dd>
-</dl>
-
<div class="impl">
-
- <p>Each element can have a <dfn id="specially-focusable">tabindex focus flag</dfn> set, as defined
- below. This flag is a factor that contributes towards determining whether an element is
- <a href="#focusable">focusable</a>, as described in the next section.</p>
+ <p>The <a href="struct.html#SVGElementTabindexAttribute" class="attr-name">tabindex</a> attribute allows the author to control whether and element is focusable.Each element can have a <dfn id="specially-focusable">tabindex focus flag</dfn> set, as defined below. This flag is a factor that contributes towards determining whether an element is <a href="#focusable">focusable</a>, as described in the next section.</p>
<dl><dt>If the tabindex attribute is omitted or an invalid <number> </dt>
<dd>
<p>The user agent should follow platform conventions to determine
if the element's <a href="#specially-focusable">tabindex focus flag</a> is set and, if
so, whether the element can be reached using sequential focus
diff --git a/master/intro.html b/master/intro.html
--- a/master/intro.html
+++ b/master/intro.html
@@ -446,20 +446,16 @@ element and attribute categories and the
<a href="http://www.ietf.org/rfc/rfc3987.txt"><cite>Internationalized Resource Identifiers</cite></a>
[<a href='refs.html#ref-RFC3987'>RFC3987</a>].
An URL reference serves as a reference to a resource or (with a
fragment identifier) to a secondary resource. See
<a href="linking.html#URLReference">References</a> and
<a href="struct.html#Head">References and the
<span class="element-name">'defs'</span> element</a>.</dd>
- <dt id="TermNavigationAttribute">navigation attributes</dt>
- <dd>These are the collection of attributes which enable navigation.
- The navigation-related attributes include <edit:attributecategory name='navigation'/>.</dd>
-
<dt id="TermInvalidValue">invalid value</dt>
<dd>An invalid value specified for a <a>property</a>, either in a style sheet
or a <a>presentation attribute</a>, is one that is either not allowed according
to the grammar defining the property's values, or is allowed by the grammar but
subsequently disallowed in prose. A CSS declaration with an invalid value is
ignored; see <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#declaration">Declarations
and properties</a> ([<a href="refs.html#ref-CSS21">CSS21</a>], section 4.1.8).</dd>
diff --git a/master/struct.html b/master/struct.html
--- a/master/struct.html
+++ b/master/struct.html
@@ -1773,16 +1773,52 @@ of <span class="attr-name">'xlink:lang'<
<a href="http://www.w3.org/TR/2008/REC-xml-20081126/"><cite>Extensible Markup Language (XML) 1.0</cite></a>
Recommendation [<a href="refs.html#ref-XML10">XML10</a>] and to the
discussion <a href="text.html#WhiteSpace">white space
handling</a> in SVG.</p>
<p>New content should use the <a>'white-space'</a> property instead.</p>
</dd>
</dl>
+<h3 id="tabindexattribute">The <span class='attr-name'>'tabindex'</span> attribute</h3>
+
+<dl class='attrdef-list'>
+ <dt>
+ <table class="propdef attrdef">
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
+ </tr>
+ <tr>
+ <td><dfn id="SVGElementTabindexAttribute">tabindex</dfn></td>
+ <td><a><number></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>This content attribute allows authors to control whether an element is focusable, whether it is supposed to be reachable
+ using <a href="interact.html#sequential-focus-navigation-and-the-tabindex-attribute">sequential focus navigation</a>, and what is to be the relative
+ order of the element for the purposes of sequential focus
+ navigation</p>
+ <p>The name "tab index" comes from the common use of the
+ "tab" key to navigate through the focusable elements. The term
+ "tabbing" refers to moving forward through the focusable elements
+ that can be reached using sequential focus navigation.
+ </p>
+ </dd>
+</dl>
+
+
+
+
+
<h2 id="WAIARIAAttributes">WAI-ARIA attributes</h2>
<h3 id="roleattribute">Role attribute</h3>
<p>SVG elements having native semantics that are not limited to <a href="http://www.w3.org/TR/wai-aria-1.1/roles#presentation">presentation</a> (having "no role"), may have an ARIA role attribute specified. The attribute, if specified, must have a value that is a set of space-separated
tokens representing the various WAI-ARIA roles that the element belongs to.
These tokens are role values defined in
<a href="http://www.w3.org/TR/wai-aria-1.1/roles#role_definitions">Definition of Roles</a>
Received on Thursday, 14 August 2014 13:13:18 UTC