--- a/master/struct.html Mon Feb 10 09:42:43 2014 +1100
+++ b/master/struct.html Mon Feb 10 10:22:31 2014 +1100
@@ -1904,68 +1904,68 @@
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>
- </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>
- </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>no restrictions</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>
- </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>'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="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>'altGlyphDef'</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>'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="embedded.html#AudioElement">audio</a></code> element</td>
- <td><code title="attr-no-role">No role</code></td>
+ <td><a>'animate'</a></td>
+ <td>none</td>
+ <td>no role may be applied</td>
+ </tr>
+ <tr>
+ <td><a>'animateMotion'</a></td>
+ <td>none</td>
+ <td>no role may be applied</td>
+ </tr>
+ <tr>
+ <td><a>'animateTransform'</a></td>
+ <td>none</td>
+ <td>no role may be appplied</td>
+ </tr>
+ <tr>
+ <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>
--- a/master/style/default_svg.css Mon Feb 10 09:42:43 2014 +1100
+++ b/master/style/default_svg.css Mon Feb 10 10:22:31 2014 +1100
@@ -412,3 +412,49 @@
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;
+}