- From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
- Date: Wed, 01 May 2013 13:20:16 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/e014e18bcd62 branches: changeset: 492:e014e18bcd62 user: Richard Schwerdtfeger <schwer@us.ibm.com> date: Wed May 01 15:17:58 2013 -0500 description: improve tabindex cross-reference and create section in intro for navigation attributes diffstat: master/definitions.xml | 70 +++++++++++++++++++++++++++---------------------- master/intro.html | 4 ++ 2 files changed, 42 insertions(+), 32 deletions(-) diffs (501 lines): diff --git a/master/definitions.xml b/master/definitions.xml --- a/master/definitions.xml +++ b/master/definitions.xml @@ -10,29 +10,29 @@ section. --> <element name='a' href='linking.html#AElement' contentmodel='textoranyof' elementcategories='animation, descriptive, shape, structural, paint server' elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef' - attributecategories='aria, conditional processing, core, graphical event, presentation, style, xlink' + attributecategories='aria, navigation, 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 name='altGlyph' href='text.html#AltGlyphElement' contentmodel='any' - attributecategories='aria, conditional processing, core, graphical event, presentation, style, xlink' + attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style, xlink' interfaces='SVGAltGlyphElement'> <attribute name='x' href='text.html#AltGlyphElementXAttribute' animatable='yes'/> <attribute name='y' href='text.html#AltGlyphElementYAttribute' animatable='yes'/> <attribute name='dx' href='text.html#AltGlyphElementDXAttribute' animatable='yes'/> <attribute name='dy' href='text.html#AltGlyphElementDYAttribute' animatable='yes'/> <attribute name='glyphRef' href='text.html#AltGlyphElementGlyphRefAttribute'/> <attribute name='format' href='text.html#AltGlyphElementFormatAttribute'/> <attribute name='rotate' href='text.html#AltGlyphElementRotateAttribute' animatable='yes'/> @@ -51,17 +51,17 @@ <li>one or more <a>'altGlyphItem'</a> elements.</li> </ul> </x:contentmodel> </element> <element name='altGlyphItem' href='text.html#AltGlyphItemElement' - attributecategories='aria, core' + attributecategories='aria, navigation, core' interfaces='SVGAltGlyphItemElement'> <x:contentmodel xmlns='http://www.w3.org/1999/xhtml'> One or more <a>'glyphRef'</a> elements. </x:contentmodel> </element> <element name='animate' @@ -70,17 +70,17 @@ elementcategories='descriptive' attributecategories='conditional processing, core, animation event, xlink, animation attribute target, animation timing, animation value, animation addition, presentation' interfaces='SVGAnimateElement'/> <element name='animateColor' href='animate.html#AnimateColorElement' contentmodel='anyof' elementcategories='descriptive' - attributecategories='conditional processing, core, animation event, xlink, animation attribute target, animation timing, animation value, animation addition, presentation, aria' + attributecategories='conditional processing, core, animation event, xlink, animation attribute target, animation timing, animation value, animation addition, presentation, aria, navigation' interfaces='SVGAnimateColorElement'/> <element name='animateMotion' href='animate.html#AnimateMotionElement' attributecategories='conditional processing, core, animation event, xlink, animation timing, animation value, animation addition' interfaces='SVGAnimateMotionElement'> <x:contentmodel xmlns='http://www.w3.org/1999/xhtml'>Any number of <a>descriptive elements</a> and at most one <a>'mpath'</a> element, in any order.</x:contentmodel> <!-- @@ -102,17 +102,17 @@ </element> <element name='circle' href='shapes.html#CircleElement' contentmodel='anyof' elementcategories='animation, descriptive, paint server' elements='mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, 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='color-profile' @@ -127,17 +127,17 @@ <attribute name='xlink:href' href='color.html#ColorProfileElementHrefAttribute'/> </element> <element name='cursor' href='interact.html#CursorElement' contentmodel='anyof' elementcategories='descriptive' - attributecategories='aria, core, xlink' + attributecategories='aria, navigation, 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' @@ -154,28 +154,28 @@ attributecategories='core, style' attributes='lang' interfaces='SVGDescElement'/> <element name='discard' href='struct.html#DiscardElement' contentmodel='anyof' elementcategories='descriptive' - attributecategories='conditional processing, core, aria'> + attributecategories='conditional processing, core, aria, navigation'> <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='mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, 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 @@ -268,31 +268,31 @@ interfaces='SVGFontFaceUriElement'> <attribute name='xlink:href' href='fonts.html#FontFaceUriElementHrefAttribute'/> </element> <element name='foreignObject' href='extend.html#ForeignObjectElement' contentmodel='any' - attributecategories='aria, core, conditional processing, graphical event, presentation, style' + attributecategories='aria, navigation, 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'/> <attribute name='height' href='extend.html#ForeignObjectElementHeightAttribute' animatable='yes'/> </element> <element name='g' href='struct.html#GElement' contentmodel='anyof' elementcategories='animation, descriptive, shape, structural, paint server' elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style' interfaces='SVGGElement'/> <element name='glyph' href='fonts.html#GlyphElement' contentmodel='anyof' elementcategories='animation, descriptive, shape, structural, paint server' elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef' @@ -320,43 +320,43 @@ <attribute name='glyphRef' href='text.html#GlyphRefElementGlyphRefAttribute'/> <attribute name='format' href='text.html#GlyphRefElementFormatAttribute'/> <attribute name='xlink:href' href='text.html#GlyphRefElementHrefAttribute'/> </element> <element name='hkern' href='fonts.html#HKernElement' - attributecategories='aria, core' + attributecategories='aria, navigation, core' attributes='u1, g1, u2, g2, k' interfaces='SVGHKernElement'/> <element name='image' href='struct.html#ImageElement' contentmodel='anyof' elementcategories='animation, descriptive, paint server' elements='mask, clipPath, marker' - attributecategories='aria, core, conditional processing, graphical event, style, xlink, presentation' + attributecategories='aria, navigation, core, conditional processing, graphical event, style, xlink, presentation' attributes='preserveAspectRatio' interfaces='SVGImageElement'> <attribute name='x' href='struct.html#ImageElementXAttribute' animatable='yes'/> <attribute name='y' href='struct.html#ImageElementYAttribute' animatable='yes'/> <attribute name='width' href='struct.html#ImageElementWidthAttribute' animatable='yes'/> <attribute name='height' href='struct.html#ImageElementHeightAttribute' animatable='yes'/> <attribute name='xlink:href' href='struct.html#ImageElementHrefAttribute' animatable='yes'/> </element> <element name='line' href='shapes.html#LineElement' contentmodel='anyof' elementcategories='animation, descriptive, paint server' elements='mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, 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 @@ -459,17 +459,17 @@ </element> <element name='path' href='paths.html#PathElement' contentmodel='anyof' elementcategories='animation, descriptive, paint server' elements='mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, 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' @@ -490,28 +490,28 @@ </element> <element name='polygon' href='shapes.html#PolygonElement' contentmodel='anyof' elementcategories='animation, descriptive, paint server' elements='mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, 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='mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, 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' @@ -532,17 +532,17 @@ </element> <element name='rect' href='shapes.html#RectElement' contentmodel='anyof' elementcategories='animation, descriptive, paint server' elements='mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, 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> @@ -601,17 +601,17 @@ </element> <element name='svg' href='struct.html#SVGElement' contentmodel='anyof' elementcategories='animation, descriptive, shape, structural, paint server' elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef' - attributecategories='aria, conditional processing, core, document event, graphical event, presentation, style' + attributecategories='aria, navigation, 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'/> <attribute name='height' href='struct.html#SVGElementHeightAttribute' animatable='yes'/> <attribute name='version' href='struct.html#SVGElementVersionAttribute'/> <attribute name='baseProfile' href='struct.html#SVGElementBaseProfileAttribute'/> @@ -620,36 +620,38 @@ </element> <element name='switch' href='struct.html#SwitchElement' contentmodel='anyof' elementcategories='animation, descriptive, shape, paint server' elements='svg, g, use, text, image, a, foreignObject, switch, mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' - interfaces='SVGSwitchElement'/> + attributecategories='aria, navigation, 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, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef' - attributecategories='aria, core, graphical event, presentation, style' + attributecategories='aria, navigation, core, graphical event, presentation, style' attributes='preserveAspectRatio, viewBox' - interfaces='SVGSymbolElement'/> + interfaces='SVGSymbolElement'> + </element> <element name='text' href='text.html#TextElement' contentmodel='textoranyof' elementcategories='animation, descriptive, text content child, paint server' elements='a, mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, 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'/> @@ -657,17 +659,17 @@ </element> <element name='textPath' href='text.html#TextPathElement' contentmodel='textoranyof' elementcategories='descriptive, paint server' elements='animate, animateColor, a, set, tspan, tref, altGlyph, mask, clipPath, marker' - attributecategories='aria, conditional processing, core, graphical event, presentation, style, xlink' + attributecategories='aria, navigation, 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> @@ -681,53 +683,54 @@ interfaces='SVGTitleElement'/> <element name='tref' href='text.html#TRefElement' contentmodel='anyof' elementcategories='descriptive, paint server' elements='animate, animateColor, set' - attributecategories='aria, conditional processing, core, graphical event, presentation, style, xlink' + attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style, xlink' attributes='x, y, dx, dy, rotate, textLength, lengthAdjust' interfaces='SVGTRefElement'> <attribute name='xlink:href' elements='tref' href='text.html#TRefElementHrefAttribute' animatable='yes'/> </element> <element name='tspan' href='text.html#TSpanElement' contentmodel='textoranyof' elementcategories='descriptive, paint server' elements='a, animate, animateColor, set, tspan, tref, altGlyph' - attributecategories='aria, conditional processing, core, graphical event, presentation, style' + attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style' attributes='x, y, dx, dy, rotate, textLength, lengthAdjust' - interfaces='SVGTSpanElement'/> + interfaces='SVGTSpanElement'> + </element> <element name='use' href='struct.html#UseElement' contentmodel='anyof' elementcategories='animation, descriptive, paint server' elements='mask, clipPath, marker' - attributecategories='aria, core, conditional processing, graphical event, presentation, style, xlink' + attributecategories='aria, navigation, 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='view' href='linking.html#ViewElement' contentmodel='anyof' elementcategories='descriptive' - attributecategories='aria, core' + attributecategories='aria, navigation, core' attributes='viewBox, preserveAspectRatio, zoomAndPan' interfaces='SVGViewElement'> <attribute name='viewTarget' elements='view' href='linking.html#ViewElementViewTargetAttribute'/> </element> <element name='vkern' href='fonts.html#VKernElement' attributecategories='core' @@ -789,19 +792,16 @@ <!-- xlink:show and xlink:actuate for all elements supporting the XLink attributes, except a --> <attribute name='xlink:show' elements='animate, set, animateMotion, mpath, animateColor, animateTransform, color-profile, filter, feImage, font-face-uri, cursor, pattern, script, textPath, tref, use, image, altGlyph, glyphRef, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkShowAttribute'/> <attribute name='xlink:actuate' elements='animate, set, animateMotion, mpath, animateColor, animateTransform, color-profile, filter, feImage, font-face-uri, cursor, pattern, script, textPath, tref, use, image, altGlyph, glyphRef, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkActuateAttribute'/> <!-- attribute common to all animation elements --> <attribute name='xlink:href' elements='animate, animateColor, animateMotion, animateTransform, set' href='animate.html#HrefAttribute'/> - <!-- attributes common to all keyboard focusable elements --> - <attribute name='tabindex' elements='a, altGlyph, altGlyphItem, animateColor, circle, cursor, discard, ellipse, foreignObject, g, hkern, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use, view' href='interact.html#SVGElementTabindexAttribute'> - <!-- misc: Applies to all <element>s that include attribute name in 'attribute'. --> <attribute name='viewBox' href='coords.html#ViewBoxAttribute' animatable='yes'/> <attribute name='preserveAspectRatio' href='coords.html#PreserveAspectRatioAttribute' animatable='yes'/> <attribute name='zoomAndPan' href='interact.html#ZoomAndPanAttribute'/> <!-- ... attribute categories .......................................... --> <attributecategory @@ -840,16 +840,22 @@ <attribute name='aria-sort' href='http://www.w3.org/TR/wai-aria/states_and_properties#aria-sort'/> <attribute name='aria-valuemax' href='http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuemax'/> <attribute name='aria-valuemin' href='http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuemin'/> <attribute name='aria-valuenow' href='http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuenow'/> <attribute name='aria-valuetext' href='http://www.w3.org/TR/wai-aria/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 diff --git a/master/intro.html b/master/intro.html --- a/master/intro.html +++ b/master/intro.html @@ -447,16 +447,20 @@ 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 IRI reference serves as a reference to a resource or (with a fragment identifier) to a secondary resource. See <a href="linking.html#IRIReference">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>
Received on Wednesday, 1 May 2013 20:20:40 UTC