- From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
- Date: Sun, 09 Feb 2014 15:24:29 -0800
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/b960f613ffcc
branches:
changeset: 617:b960f613ffcc
user: Cameron McCormack <cam@mcc.id.au>
date: Mon Feb 10 10:22:31 2014 +1100
description:
Formatting.
diffstat:
master/struct.html | 66 ++++++++++++++++++++++----------------------
master/style/default_svg.css | 46 ++++++++++++++++++++++++++++++
2 files changed, 79 insertions(+), 33 deletions(-)
diffs (173 lines):
diff --git a/master/struct.html b/master/struct.html
--- a/master/struct.html
+++ b/master/struct.html
@@ -1899,78 +1899,78 @@ processed according to the <a href="http
specifications. [<a href="refs.html#ref-ARIA">ARIA</a>] [<a href="refs.html#ref-ARIAIMPL">ARIAIMPL</a>]</p>
<h3 id="implicit-aria-semantics">Implicit ARIA Semantics</h3>
<p>The following table defines the <span>implicit native
semantics</span> and corresponding <span>default implicit ARIA
semantics</span> that apply to <a href="eltindex.html">SVG elements</a>. Each
language feature (element) in a cell in the first
column implies the ARIA semantics (role, states, and/or properties)
- given in the cell in the second column of the same row. The third column defines restrictions as to what WAI-ARIA semantic (role, state, or property may or may not apply.</p>
-
- <table id="table-aria-implicit">
+ given in the cell in the second column of the same row. The third column defines restrictions as to what WAI-ARIA semantic (role, state, or property) may or may not apply.</p>
+
+ <table id="table-aria-implicit" class="vert">
<thead>
<tr><th>Language feature</th><th>Default implied ARIA semantics</th><th>Restrictions</th></tr>
</thead>
<tbody>
- <tr><td><code><a href="linking.html#AElement">a</a></code> element</td>
+ <tr><td><a>'a'</a></td>
<td><code title="attr-aria-role-link">link</code> role</td>
- <td>No restrictions</td>
+ <td>no restrictions</td>
</tr>
<tr>
- <td><code><a href="text.html#AltGlyphElement">altGlyph</a></code> element</td>
- <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute. Otherwise, <code title="attr-aria-role-group">group</code> role</td>
- <td>No restrictions</td>
+ <td><a>'altGlyph'</a></td>
+ <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a>'title'</a> element, <a>'desc'</a> element, <a>'aria-label'</a> attribute, <a>'aria-labelledby'</a> attribute, or <a>'aria-describedby'</a> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>
+ <td>no restrictions</td>
</tr>
<tr>
- <td><code><a href="text.html#AltGlyphDefElement">altGlyph</a></code> element</td>
- <td><code title="attr-no-role">No role</code></td>
- <td>No role may be applied</td>
+ <td><a>'altGlyphDef'</a></td>
+ <td>none</td>
+ <td>no role may be applied</td>
</tr>
<tr>
- <td><code><a href="text.html#AltGlyphItemElement">altGlyphItem</a></code> element</td>
- <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute. Otherwise, <code title="attr-aria-role-group">group</code> role</td>
- <td>No restrictions</td>
+ <td><a>'altGlyphItem'</a></td>
+ <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a>'title'</a> element, <a>'desc'</a> element, <a>'aria-label'</a> attribute, <a>'aria-labelledby'</a> attribute, or <a>'aria-describedby'</a> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>
+ <td>no restrictions</td>
</tr>
<tr>
- <td><code><a href="animate.html#AnimateElement">animate</a></code> element</td>
- <td><code title="attr-no-role">No role</code></td>
- <td>No role may be applied</td>
+ <td><a>'animate'</a></td>
+ <td>none</td>
+ <td>no role may be applied</td>
</tr>
<tr>
- <td><code><a href="animate.html#AnimateMotionElement">animateMotion</a></code> element</td>
- <td><code title="attr-no-role">No role</code></td>
- <td>No role may be applied</td>
+ <td><a>'animateMotion'</a></td>
+ <td>none</td>
+ <td>no role may be applied</td>
</tr>
<tr>
- <td><code><a href="animate.html#AnimateTransformElement">animateTransform</a></code> element</td>
- <td><code title="attr-no-role">No role</code></td>
- <td>No role may be appplied</td>
+ <td><a>'animateTransform'</a></td>
+ <td>none</td>
+ <td>no role may be appplied</td>
</tr>
<tr>
- <td><code><a href="embedded.html#AudioElement">audio</a></code> element</td>
- <td><code title="attr-no-role">No role</code></td>
+ <td><a>'audio'</a></td>
+ <td>none</td>
<td>If must be specified, role must be <code title="attr-aria-role-application">application</code></td>
</tr>
<tr>
- <td><code><a href="embedded.html#CanvasElement">canvas</a></code> element</td>
+ <td><a>'canvas'</a></td>
<td><code title="attr-group-role">group</code> role</td>
- <td>No Restrictions</td>
+ <td>no Restrictions</td>
</tr>
<tr>
- <td><code><a href="shapes.html#CircleElement">circle</a></code> element</td>
- <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute. Otherwise, <code title="attr-aria-role-group">group</code> role</td>
- <td>No restrictions</td>
+ <td><a>'circle'</a></td>
+ <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a>'title'</a> element, <a>'desc'</a> element, <a>'aria-label'</a> attribute, <a>'aria-labelledby'</a> attribute, or <a>'aria-describedby'</a> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>
+ <td>no restrictions</td>
</tr>
<!--
<tr>
- <td><code><a href="http://www.w3.org/TR/2012/WD-css-masking-20121115/#ClipPathElement">clipPath</a></code> element</td>
- <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute. Otherwise, <code title="attr-aria-role-group">group</code> role</td>
- <td>No restrictions</td>
+ <td><a>'clipPath'</td>
+ <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>
+ <td>no restrictions</td>
</tr>
-->
</tbody>
</table>
<h2 id="DOMInterfaces">DOM interfaces</h2>
<h3 id="InterfaceSVGDocument">Interface Document</h3>
diff --git a/master/style/default_svg.css b/master/style/default_svg.css
--- a/master/style/default_svg.css
+++ b/master/style/default_svg.css
@@ -407,8 +407,54 @@ dl.switch > dt + dt {
dl.switch > dt:before {
content: '\21AA';
padding: 0 0.5em 0 0;
display: inline-block;
width: 1em;
text-align: right;
line-height: 0.5em;
}
+
+table.vert {
+ border-collapse: collapse;
+ border-top: 2px solid #005a9c;
+ border-bottom: 2px solid #005a9c;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ margin-left: auto;
+ margin-right: auto;
+}
+table.vert td {
+ background: #f0f6ff;
+}
+table.vert th {
+ text-align: left;
+ vertical-align: bottom;
+ border-bottom: 2px solid #005a9c;
+ white-space: nowrap;
+ color: #d9e8ff;
+ background: #005a9c;
+}
+table.vert.compact { font-size: 90% }
+table.vert.compact td, table.vert.compact th { padding: 2px 8px }
+table.vert th a:link,
+table.vert th a:visited { color: #d9e8ff; }
+table.vert th a:hover { color: black; }
+table.vert th, table.vert td { padding: 0.5em 0.75em; }
+table.vert th .attr-name { color: white }
+table.vert th a:hover .element-name { color: #2A2AA5 }
+table.vert th .prop-name { color: white }
+table.vert th a:hover .element-name { color: black }
+table.vert th .element-name { color: white }
+table.vert th a:hover .element-name { color: #A52A2A }
+table.vert td { vertical-align: top; border-top: 1px solid #005a9c; border-top-color: rgb(127, 172, 206) }
+table.offset { margin-left: 2em; margin-right: 2em; }
+table.graph > tbody > tr > td { vertical-align: top }
+table.graph > tbody > tr > td { padding-right: 1em }
+.indented {
+ margin-left: 2em;
+}
+.math var, .math sub, .math sup {
+ font-family: serif;
+}
+.separated {
+ word-spacing: 1em;
+}
Received on Sunday, 9 February 2014 23:25:05 UTC