changeset 10679:6c40427a4237

8184223: Fix accessibility of JavaFX docs Reviewed-by: jjg, kcr
author jgiles
date Tue, 24 Oct 2017 14:33:58 -0700
parents ef457e34c6af
children 30e39831260a
files modules/javafx.base/src/main/java/javafx/beans/value/package.html modules/javafx.base/src/main/java/javafx/util/FXPermission.java modules/javafx.controls/src/main/java/javafx/scene/chart/package.html modules/javafx.controls/src/main/java/javafx/scene/control/ButtonBar.java modules/javafx.controls/src/main/java/javafx/scene/control/Labeled.java modules/javafx.fxml/src/main/docs/javafx/fxml/doc-files/introduction_to_fxml.html modules/javafx.graphics/src/main/docs/javafx/scene/doc-files/cssref.html modules/javafx.graphics/src/main/java/javafx/scene/canvas/GraphicsContext.java modules/javafx.graphics/src/main/java/javafx/scene/layout/AnchorPane.java modules/javafx.graphics/src/main/java/javafx/scene/layout/BorderPane.java modules/javafx.graphics/src/main/java/javafx/scene/layout/FlowPane.java modules/javafx.graphics/src/main/java/javafx/scene/layout/GridPane.java modules/javafx.graphics/src/main/java/javafx/scene/layout/HBox.java modules/javafx.graphics/src/main/java/javafx/scene/layout/Pane.java modules/javafx.graphics/src/main/java/javafx/scene/layout/StackPane.java modules/javafx.graphics/src/main/java/javafx/scene/layout/TilePane.java modules/javafx.graphics/src/main/java/javafx/scene/layout/VBox.java modules/javafx.graphics/src/main/java/javafx/scene/layout/package.html modules/javafx.graphics/src/main/java/javafx/scene/paint/Color.java modules/javafx.graphics/src/main/java/javafx/scene/text/TextFlow.java modules/javafx.media/src/main/java/javafx/scene/media/AudioEqualizer.java modules/javafx.media/src/main/java/javafx/scene/media/MediaPlayer.java modules/javafx.media/src/main/java/javafx/scene/media/package.html modules/javafx.web/src/main/java/javafx/scene/web/WebEngine.java
diffstat 24 files changed, 1482 insertions(+), 1718 deletions(-) [+]
line wrap: on
line diff
--- a/modules/javafx.base/src/main/java/javafx/beans/value/package.html	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.base/src/main/java/javafx/beans/value/package.html	Tue Oct 24 14:33:58 2017 -0700
@@ -46,39 +46,39 @@
 	<table>
         <caption>ObservableValue Table</caption>
 		<tr>
-			<th>Type</th>
-			<th>Sub-interface of ObservableValue</th>
+			<th scope="col">Type</th>
+			<th scope="col">Sub-interface of ObservableValue</th>
 		</tr>
 		<tr>
-			<td>{@code boolean}</td>
+			<th scope="row">{@code boolean}</th>
 			<td>{@link javafx.beans.value.ObservableBooleanValue}</td>
 		</tr>
 		<tr>
-			<td>{@code double}</td>
+			<th scope="row">{@code double}</th>
 			<td>{@link javafx.beans.value.ObservableDoubleValue}</td>
 		</tr>
 		<tr>
-			<td>{@code float}</td>
+			<th scope="row">{@code float}</th>
 			<td>{@link javafx.beans.value.ObservableFloatValue}</td>
 		</tr>
 		<tr>
-			<td>{@code int}</td>
+			<th scope="row">{@code int}</th>
 			<td>{@link javafx.beans.value.ObservableIntegerValue}</td>
 		</tr>
 		<tr>
-			<td>{@code long}</td>
+			<th scope="row">{@code long}</th>
 			<td>{@link javafx.beans.value.ObservableLongValue}</td>
 		</tr>
 		<tr>
-			<td>{@code double}, {@code float}, {@code int}, {@code long}</td>
+			<th scope="row">{@code double}, {@code float}, {@code int}, {@code long}</th>
 			<td>{@link javafx.beans.value.ObservableNumberValue}</td>
 		</tr>
 		<tr>
-			<td>{@code Object}</td>
+			<th scope="row">{@code Object}</th>
 			<td>{@link javafx.beans.value.ObservableObjectValue}</td>
 		</tr>
 		<tr>
-			<td>{@code String}</td>
+			<th scope="row">{@code String}</th>
 			<td>{@link javafx.beans.value.ObservableStringValue}</td>
 		</tr>
 	</table>
@@ -90,39 +90,39 @@
 	<table>
         <caption>WritableValue Table</caption>
 		<tr>
-			<th>Type</th>
-			<th>Sub-interface of WritableValue</th>
+			<th scope="col">Type</th>
+			<th scope="col">Sub-interface of WritableValue</th>
 		</tr>
 		<tr>
-			<td>{@code boolean}</td>
+			<th scope="row">{@code boolean}</th>
 			<td>{@link javafx.beans.value.WritableBooleanValue}</td>
 		</tr>
 		<tr>
-			<td>{@code double}</td>
+			<th scope="row">{@code double}</th>
 			<td>{@link javafx.beans.value.WritableDoubleValue}</td>
 		</tr>
 		<tr>
-			<td>{@code float}</td>
+			<th scope="row">{@code float}</th>
 			<td>{@link javafx.beans.value.WritableFloatValue}</td>
 		</tr>
 		<tr>
-			<td>{@code int}</td>
+			<th scope="row">{@code int}</th>
 			<td>{@link javafx.beans.value.WritableIntegerValue}</td>
 		</tr>
 		<tr>
-			<td>{@code long}</td>
+			<th scope="row">{@code long}</th>
 			<td>{@link javafx.beans.value.WritableLongValue}</td>
 		</tr>
 		<tr>
-			<td>{@code double}, {@code float}, {@code int}, {@code long}</td>
+			<th scope="row">{@code double}, {@code float}, {@code int}, {@code long}</th>
 			<td>{@link javafx.beans.value.WritableNumberValue}</td>
 		</tr>
 		<tr>
-			<td>{@code Object}</td>
+			<th scope="row">{@code Object}</th>
 			<td>{@link javafx.beans.value.WritableObjectValue}</td>
 		</tr>
 		<tr>
-			<td>{@code String}</td>
+			<th scope="row">{@code String}</th>
 			<td>{@link javafx.beans.value.WritableStringValue}</td>
 		</tr>
 	</table>
--- a/modules/javafx.base/src/main/java/javafx/util/FXPermission.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.base/src/main/java/javafx/util/FXPermission.java	Tue Oct 24 14:33:58 2017 -0700
@@ -48,27 +48,27 @@
  * <table border=1>
  * <caption>FXPermission Table</caption>
  * <tr>
- * <th style="padding: 5px;">Permission Target Name</th>
- * <th style="padding: 5px;">What the Permission Allows</th>
- * <th style="padding: 5px;">Risks of Allowing this Permission</th>
+ * <th style="padding: 5px;" scope="col">Permission Target Name</th>
+ * <th style="padding: 5px;" scope="col">What the Permission Allows</th>
+ * <th style="padding: 5px;" scope="col">Risks of Allowing this Permission</th>
  * </tr>
  *
  * <tr>
- *   <td style="padding: 5px;">accessClipboard</td>
+ *   <th style="padding: 5px;" scope="row">accessClipboard</th>
  *   <td style="padding: 5px;">Posting and retrieval of information to and from the system clipboard</td>
  *   <td style="padding: 5px;">This would allow a malicious application to share or read
  *       potentially sensitive or confidential information.</td>
  * </tr>
  *
  * <tr>
- *   <td style="padding: 5px;">accessWindowList</td>
+ *   <th style="padding: 5px;" scope="row">accessWindowList</th>
  *   <td style="padding: 5px;">Accessing the list of all JavaFX Windows</td>
  *   <td style="padding: 5px;">Providing access to the complete list of all JavaFX windows could give
  *       a malicious application the ability to modify a security dialog.</td>
  * </tr>
  *
  * <tr>
- *   <td style="padding: 5px;">createRobot</td>
+ *   <th style="padding: 5px;" scope="row">createRobot</th>
  *   <td style="padding: 5px;">Creating JavaFX Robot objects</td>
  *   <td style="padding: 5px;">The JavaFX Robot object allows code to generate native-level
  *       mouse and keyboard events as well as read the screen. It could allow
@@ -77,7 +77,7 @@
  * </tr>
  *
  * <tr>
- *   <td style="padding: 5px;">createTransparentWindow</td>
+ *   <th style="padding: 5px;" scope="row">createTransparentWindow</th>
  *   <td style="padding: 5px;">Creating transparent windows</td>
  *   <td style="padding: 5px;">Transparent windows are not limited to a rectangular region that
  *       obscures what is underneath the window.
@@ -89,7 +89,7 @@
  * </tr>
  *
  * <tr>
- *   <td style="padding: 5px;">loadFont</td>
+ *   <th style="padding: 5px;" scope="row">loadFont</th>
  *   <td style="padding: 5px;">Loading a custom font, either via the
  *       {@link javafx.scene.text.Font#loadFont} method or a jar file containing
  *       embedded fonts listed in the jar manifest</td>
@@ -100,7 +100,7 @@
  * </tr>
  *
  * <tr>
- *   <td style="padding: 5px;">modifyFXMLClassLoader</td>
+ *   <th style="padding: 5px;" scope="row">modifyFXMLClassLoader</th>
  *   <td style="padding: 5px;">Setting the ClassLoader used to load FXML objects, and removing the
  *       restriction against loading system classes</td>
  *   <td style="padding: 5px;">Allowing an application to set an arbitrary ClassLoader might enable
@@ -111,7 +111,7 @@
  * </tr>
  *
  * <tr>
- *   <td style="padding: 5px;">setWindowAlwaysOnTop</td>
+ *   <th style="padding: 5px;" scope="row">setWindowAlwaysOnTop</th>
  *   <td style="padding: 5px;">Setting the always-on-top property of a window:
  *       {@link javafx.stage.Stage#setAlwaysOnTop}</td>
  *   <td style="padding: 5px;">The malicious window might make itself look and behave like the
@@ -122,7 +122,7 @@
  * </tr>
  *
  * <tr>
- *   <td style="padding: 5px;">unrestrictedFullScreen</td>
+ *   <th style="padding: 5px;" scope="row">unrestrictedFullScreen</th>
  *   <td style="padding: 5px;">Allow unrestricted full-screen access, including keyboard events
  *       and warning banner</td>
  *   <td style="padding: 5px;">This permission allows an application to enter full-screen mode at any
--- a/modules/javafx.controls/src/main/java/javafx/scene/chart/package.html	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.controls/src/main/java/javafx/scene/chart/package.html	Tue Oct 24 14:33:58 2017 -0700
@@ -65,35 +65,35 @@
 <TABLE>
 <CAPTION>Table of Chart Types</CAPTION>
 	<TR>
-		<TH>
+		<TH scope="col">
 			<P>Chart</P>
 		</TH>
-		<TH>
+		<TH scope="col">
 			<P>Summary</P>
 		</TH>
 	</TR>
 	<TR>
-		<TD>
+		<TH scope="row">
 			<P>{@link javafx.scene.chart.LineChart}</P>
-		</TD>
+		</TH>
 		<TD>
 			<P>Plots line between the data points in a series. Used usually to
 			view data trends over time.</P>
 		</TD>
 	</TR>
 	<TR>
-		<TD>
+		<TH scope="row">
 			<P>{@link javafx.scene.chart.AreaChart}</P>
-		</TD>
+		</TH>
 		<TD>
 			<P>Plots the area between the line that connects the data points
 			and the axis. Good for comparing cumulated totals over time.</P>
 		</TD>
 	</TR>
 	<TR>
-		<TD>
+		<TH scope="row">
 			<P>{@link javafx.scene.chart.BarChart}</P>
-		</TD>
+		</TH>
 		<TD>
 			<P>Plots rectangular bars with heights indicating data values they
 			represent, and corresponding to the categories they belongs to.
@@ -101,9 +101,9 @@
 		</TD>
 	</TR>
 	<TR>
-		<TD>
+		<TH scope="row">
 			<P>{@link javafx.scene.chart.PieChart}</P>
-		</TD>
+		</TH>
 		<TD>
 			<P>Plots circular chart divided into segments with each segment
 			representing a value as a proportion of the total. It looks like a
@@ -112,9 +112,9 @@
 		</TD>
 	</TR>
 	<TR>
-		<TD>
+		<TH scope="row">
 			<P>{@link javafx.scene.chart.BubbleChart}</P>
-		</TD>
+		</TH>
 		<TD>
 			<P>Plots bubbles for data points in a series. Each plotted entity
 			depicts three parameters in a 2D chart and hence a unique chart
@@ -122,9 +122,9 @@
 		</TD>
 	</TR>
 	<TR>
-		<TD>
+		<TH scope="row">
 			<P>{@link javafx.scene.chart.ScatterChart}</P>
-		</TD>
+		</TH>
 		<TD>
 			<P>Plots symbols for the data points in a series. This type of
 			chart is useful in viewing distribution of data and its
--- a/modules/javafx.controls/src/main/java/javafx/scene/control/ButtonBar.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.controls/src/main/java/javafx/scene/control/ButtonBar.java	Tue Oct 24 14:33:58 2017 -0700
@@ -105,15 +105,19 @@
  * <table>
  * <caption>ButtonBar Layout Table</caption>
  *   <tr>
- *     <td><strong>Windows:</strong></td>
+ *     <th scope="col">Operating System</th>
+ *     <th scope="col">Button Order</th>
+ *   </tr>
+ *   <tr>
+ *     <th scope="row">Windows</th>
  *     <td>L_E+U+FBXI_YNOCAH_R</td>
  *   </tr>
  *   <tr>
- *     <td><strong>Mac OS:</strong></td>
+ *     <th scope="row">Mac OS</th>
  *     <td>L_HE+U+FBIX_NCYOA_R</td>
  *   </tr>
  *   <tr>
- *     <td><strong>Linux:</strong></td>
+ *     <th scope="row">Linux</th>
  *     <td>L_HE+UNYACBXIO_R</td>
  *   </tr>
  * </table>
--- a/modules/javafx.controls/src/main/java/javafx/scene/control/Labeled.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.controls/src/main/java/javafx/scene/control/Labeled.java	Tue Oct 24 14:33:58 2017 -0700
@@ -246,12 +246,12 @@
      *
      * <table>
      *   <caption>Ellipsis Table</caption>
-     *   <tr><th colspan=2>Examples</th></tr>
-     *   <tr class="altColor"><td>"..." </td>        <td>Default value for most locales</td>
-     *   <tr class="rowColor"><td>" . . . " </td>    <td></td>
-     *   <tr class="altColor"><td>" [...] " </td>    <td></td>
-     *   <tr class="rowColor"><td>"&#92;u2026" </td> <td>The Unicode ellipsis character '&hellip;'</td>
-     *   <tr class="altColor"><td>"" </td>           <td>No ellipsis, just display the truncated string</td>
+     *   <tr><th scope="col" colspan=2>Examples</th></tr>
+     *   <tr class="altColor"><th scope="row">"..." </th>        <td>Default value for most locales</td>
+     *   <tr class="rowColor"><th scope="row">" . . . " </th>    <td></td>
+     *   <tr class="altColor"><th scope="row">" [...] " </th>    <td></td>
+     *   <tr class="rowColor"><th scope="row">"&#92;u2026" </th> <td>The Unicode ellipsis character '&hellip;'</td>
+     *   <tr class="altColor"><th scope="row">"" </th>           <td>No ellipsis, just display the truncated string</td>
      * </table>
      *
      * <p>Note that not all fonts support all Unicode characters.
--- a/modules/javafx.fxml/src/main/docs/javafx/fxml/doc-files/introduction_to_fxml.html	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.fxml/src/main/docs/javafx/fxml/doc-files/introduction_to_fxml.html	Tue Oct 24 14:33:58 2017 -0700
@@ -589,19 +589,20 @@
 
 <table>
  <caption>Constants and Operators Table</caption>
- <tr><td>"string"<br />'string'</td><td>A string constant</td></tr>
- <tr><td>true<br />false</td><td>A boolean constant</td></tr>
- <tr><td>null</td><td>A constant representing the null value</td></tr>
- <tr><td>50.0<br />3e5<br />42</td><td>A numerical constant</td></tr>
- <tr><td>- <br/>(unary operator)</td><td>Unary minus operator, applied on a number</td>
- <tr><td>! <br/>(unary operator)</td><td>Unary negation of a boolean</td></tr>
- <tr><td>+ - <br />
+ <tr><th scope="col">Constant / Operator</th><th scope="col">Description</th></tr>
+ <tr><th scope="row">"string"<br />'string'</th><td>A string constant</td></tr>
+ <tr><th scope="row">true<br />false</th><td>A boolean constant</td></tr>
+ <tr><th scope="row">null</th><td>A constant representing the null value</td></tr>
+ <tr><th scope="row">50.0<br />3e5<br />42</th><td>A numerical constant</td></tr>
+ <tr><th scope="row">- <br/>(unary operator)</th><td>Unary minus operator, applied on a number</td>
+ <tr><th scope="row">! <br/>(unary operator)</th><td>Unary negation of a boolean</td></tr>
+ <tr><th scope="row">+ - <br />
  			* /
- 			%</td> <td>Numerical binary operators</td></tr>
- <tr><td>&amp;&amp; ||</td><td>Boolean binary operators</td></tr>
- <tr><td>&gt; &gt;= <br />
+ 			%</th> <td>Numerical binary operators</td></tr>
+ <tr><th scope="row">&amp;&amp; ||</th><td>Boolean binary operators</td></tr>
+ <tr><th scope="row">&gt; &gt;= <br />
  		   &lt; &lt;= <br />
- 		   == !=</td>
+ 		   == !=</th>
  		   <td>Binary operators of comparison.<br/> Both arguments must be of type Comparable</td></tr>
 </table>
 
--- a/modules/javafx.graphics/src/main/docs/javafx/scene/doc-files/cssref.html	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/docs/javafx/scene/doc-files/cssref.html	Tue Oct 24 14:33:58 2017 -0700
@@ -80,12 +80,18 @@
                 color:#06C
             }
             .csspropertytable {
+                border-spacing: 1px;
                 background-color: #CCC;
             }
-            .csspropertytable th {
+            .csspropertytable th, .csspropertytable td {
+                padding: 2px;
+            }
+            .csspropertytable thead th, .csspropertytable thead td {
                 font-size: 10px;
+                text-align: center;
+                background-color: #CCC;
             }
-            .csspropertytable td {
+            .csspropertytable tbody {
                 background-color:#FFF;
                 font-size: 12px;
             }
@@ -94,6 +100,22 @@
                     font-weight:bold;
                     white-space:nowrap;
             }*/
+            .cssmisctable {
+                border-spacing: 2px;
+                background-color:#CCC;
+            }
+            .cssmisctable th, .cssmisctable td {
+                padding: 4px;
+            }
+            .cssmisctable thead {
+                font-size: 10px;
+            }
+            .cssmisctable tbody th, .cssmisctable tbody td {
+                font-size: 12px;
+                text-align: left;
+                font-weight: normal;
+                background-color: #FFF;
+            }
             .package {
                 margin: 15px 0px 0px 0px;
                 padding: 2px;
@@ -106,7 +128,7 @@
                 background-color:#666;
                 font-size: 14px;
             }
-            td.parents {
+            th.parents, td.parents {
                 font-weight:bold;
                 color:#C00;
                 background-color:#DDD;
@@ -114,9 +136,11 @@
                 text-align:center;
                 font-size: 10px;
             }
-            .propertyname {
+            th.propertyname, td.propertyname {
                 color:#06C;
+                background-color: #FFF;
                 font-weight:bold;
+                text-align:left;
                 white-space:nowrap;
             }
             td.value {
@@ -199,9 +223,19 @@
             }
 
             /* Color Table Styles */
-            table.html4colortable {margin:auto; width:80%; border:none }
-            table.html4colortable TD {border:none; padding:0}
-            td .colorsquare { display:block;width:16px;height:16px;border:2px solid black }
+            div.colorsquare { 
+                display:inline-block;
+                width:20em;
+                margin: 3px 3px
+            }
+            div.colorsquare > span {
+                background: none repeat scroll 0% 50%;
+                display:inline-block;
+                width:16px;
+                height:16px;
+                border:2px solid black;
+                margin-right:1em;
+            }
         </style>
   </head>
   <body>
@@ -597,30 +631,31 @@
         nodes in the scene&#8209;graph. </p>
     <p>The following properties inherit by default. Any property can be made to
         inherit by giving it the value <a href="#typeinherit" class="typelink">"inherit"</a>.</p>
-    <table style="width: 100%;" border="1">
-        <caption><br>
-        </caption> <colgroup><col> <col> <col> <col> </colgroup>
+    <table class="cssmisctable">
+    <caption>Properties that inherit by default</caption>
+        <thead>
+        <tr>
+        <th scope="col">Class</th>
+        <th scope="col">Property</th>
+        <th scope="col">CSS Property</th>
+        <th scope="col">Initial Value</th>
+        </tr>
+        </thead>
         <tbody>
         <tr>
-            <th>Class</th>
-            <th>Property</th>
-            <th>CSS Property</th>
-            <th>Initial Value</th>
-        </tr>
-        <tr>
-            <td>javafx.scene.Node</td>
+        <th scope="row">javafx.scene.Node</th>
             <td>cursor</td>
             <td>-fx-cursor</td>
             <td>javafx.scene.Cursor.DEFAULT</td>
         </tr>
         <tr>
-            <td>javafx.scene.text.Text</td>
+        <th scope="row">javafx.scene.text.Text</th>
             <td>textAlignment</td>
             <td>-fx-text-alignment</td>
             <td>javafx.scene.text.TextAlignment.LEFT</td>
         </tr>
         <tr>
-            <td>javafx.scene.text.Font</td>
+        <th scope="row">javafx.scene.text.Font</th>
             <td>font</td>
             <td>-fx-font, -fx-font-family, -fx-font-size, -fx-font-weight, -fx-font-style</td>
             <td>Font.DEFAULT (12px system)</td>
@@ -862,7 +897,7 @@
     <p class="grammar">[ [ &lt;length&gt; &lt;length&gt; ]&nbsp;|&nbsp;[
       &lt;percentage&gt; | &lt;percentage&gt; ] ]</p>
     <h3><a id="typecolorstop">&lt;color-stop&gt;</a></h3>
-    <p>Stops are per <a href="http://dev.w3.org/csswg/css3-images/#color-stop-syntax."
+    <p>Stops are per <a href="https://www.w3.org/TR/css3-images/#color-stop-syntax"
         class="typelink">W3C
         color-stop syntax</a>.</p>
     <p class="grammar">[ <a href="#typecolor" class="typeref">&lt;color&gt;</a>
@@ -901,43 +936,51 @@
         relative to the root of the classpath (regardless of whether or not
         there is a leading '/').
     </p>
-    <table class="csspropertytable">
-            <caption>Examples of Resolving URLs in Stylesheets</caption>
-            <tr>
-                <th>Stylesheet URL</th><th>URL in Style</th><th>Resolves to</th>
-            </tr>
-            <tr>
-                <td>file:///some/path/build/classes/com/mycompany/myapp/mystyles.css</td>
+    <table class="cssmisctable">
+        <caption>Examples of Resolving URLs in Stylesheets</caption>
+        <thead>
+        <tr>
+        <th scope="col">Stylesheet URL</th><th scope="col">URL in Style</th><th scope="col">Resolves to</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+        <th scope="row">file:///some/path/build/classes/com/mycompany/myapp/mystyles.css</th>
                 <td>url(images/Duke.png)</td>
                 <td>file:///some/path/build/classes/com/mycompany/myapp/images/Duke.png</td>
-            </tr>
-            <tr>
-                <td>file:///some/path/build/classes/com/mycompany/myapp/mystyles.css</td>
+        </tr>
+        <tr>
+        <th scope="row">file:///some/path/build/classes/com/mycompany/myapp/mystyles.css</th>
                 <td>url(../images/Duke.png)</td>
                 <td>file:///some/path/build/classes/com/mycompany/images/Duke.png</td>
-            </tr>
-        <tr>
-            <td>jar:file:/some/path/build/myapp.jar!/com/mycompany/myapp/mystyles.css</td>
+        </tr>
+        <tr>
+        <th scope="row">jar:file:/some/path/build/myapp.jar!/com/mycompany/myapp/mystyles.css</th>
             <td>url(images/Duke.png)</td>
             <td>jar:file:/some/path/build/myapp.jar!/com/mycompany/myapp/images/Duke.png</td>
         </tr>
+        </tbody>
         </table>
     <p>&nbsp;</p>
-    <table class="csspropertytable">
+    <table class="cssmisctable">
         <caption>Examples of Resolving URLs in Inline Styles</caption>
-        <tr>
-            <th>Classpath</th><th>URL in Style</th><th>Resolved URL</th>
-        </tr>
-        <tr>
-            <td>file:///some/path/build/classes</td>
+        <thead>
+        <tr>
+        <th scope="col">Classpath</th><th scope="col">URL in Style</th><th scope="col">Resolved URL</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+        <th scope="row">file:///some/path/build/classes</th>
             <td>url(/com/mycompany/resources/images/Duke.png)</td>
             <td>file:///some/path/build/classes/com/mycompany/resources/images/Duke.png</td>
         </tr>
         <tr>
-            <td>file:///some/path/build/myapp.jar</td>
+        <th scope="row">file:///some/path/build/myapp.jar</th>
             <td>url(/com/mycompany/resources/images/Duke.png)</td>
             <td>jar:file:/some/path/build/myapp.jar!/com/mycompany/resources/images/Duke.png</td>
         </tr>
+        </tbody>
     </table>
     <p>Note that for inline styles, leading dot-segments (e.g. '..' or '.') do resolve since the path is always
     anchored at the root of the classpath.</p>
@@ -1053,42 +1096,43 @@
       some cases a similar set of properties will be supported but with a
       different prefix instead of "-fx-font".</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-font</td>
+        <th class="propertyname" scope="row">-fx-font</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font&gt;</a></td>
           <td>inherit</td>
           <td>shorthand property for font-size, font-family, font-weight and
             font-style</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font-family</td>
+        <th class="propertyname" scope="row">-fx-font-family</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font-family&gt;</a></td>
           <td>inherit</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font-size</td>
+        <th class="propertyname" scope="row">-fx-font-size</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font-size&gt;</a></td>
           <td>inherit</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font-style</td>
+        <th class="propertyname" scope="row">-fx-font-style</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font-style&gt;</a></td>
           <td>inherit</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font-weight</td>
+        <th class="propertyname" scope="row">-fx-font-weight</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font-weight&gt;</a></td>
           <td>inherit</td>
           <td>&nbsp;</td>
@@ -1230,528 +1274,157 @@
       &nbsp;&nbsp;&nbsp; -fx-background-color: red;<br>
       }</p>
     <p>The named colors that are available in CSS are:</p>
-    <table summary="property table" class="html4colortable">
-      <tbody>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% aliceblue;">&nbsp;</span><br>
-          </td>
-          <td>aliceblue = #f0f8ff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% antiquewhite;">&nbsp;</span><br>
-          </td>
-          <td>antiquewhite = #faebd7</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% aqua;">&nbsp;</span><br>
-          </td>
-          <td>aqua = #00ffff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% aquamarine;">&nbsp;</span><br>
-          </td>
-          <td>aquamarine = #7fffd4</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% azure;">&nbsp;</span><br>
-          </td>
-          <td>azure = #f0ffff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% beige;">&nbsp;</span><br>
-          </td>
-          <td>beige = #f5f5dc</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% bisque;">&nbsp;</span><br>
-          </td>
-          <td>bisque = #ffe4c4</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% black;">&nbsp;</span><br>
-          </td>
-          <td>black = #000000</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% blanchedalmond;">&nbsp;</span><br>
-          </td>
-          <td>blanchedalmond = #ffebcd</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% blue;">&nbsp;</span><br>
-          </td>
-          <td>blue = #0000ff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% blueviolet;">&nbsp;</span><br>
-          </td>
-          <td>blueviolet = #8a2be2</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% brown;">&nbsp;</span><br>
-          </td>
-          <td>brown = #a52a2a</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% burlywood;">&nbsp;</span><br>
-          </td>
-          <td>burlywood = #deb887</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% cadetblue;">&nbsp;</span><br>
-          </td>
-          <td>cadetblue = #5f9ea0</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% chartreuse;">&nbsp;</span><br>
-          </td>
-          <td>chartreuse = #7fff00</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% chocolate;">&nbsp;</span><br>
-          </td>
-          <td>chocolate = #d2691e</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% coral;">&nbsp;</span><br>
-          </td>
-          <td>coral = #ff7f50</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% cornflowerblue;">&nbsp;</span><br>
-          </td>
-          <td>cornflowerblue = #6495ed</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% cornsilk;">&nbsp;</span><br>
-          </td>
-          <td>cornsilk = #fff8dc</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% crimson;">&nbsp;</span><br>
-          </td>
-          <td>crimson = #dc143c</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% cyan;">&nbsp;</span><br>
-          </td>
-          <td>cyan = #00ffff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkblue;">&nbsp;</span><br>
-          </td>
-          <td>darkblue = #00008b</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkcyan;">&nbsp;</span><br>
-          </td>
-          <td>darkcyan = #008b8b</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkgoldenrod;">&nbsp;</span><br>
-          </td>
-          <td>darkgoldenrod = #b8860b</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkgray;">&nbsp;</span><br>
-          </td>
-          <td>darkgray = #a9a9a9</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkgreen;">&nbsp;</span><br>
-          </td>
-          <td>darkgreen = #006400</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkgrey;">&nbsp;</span><br>
-          </td>
-          <td>darkgrey = #a9a9a9</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkkhaki;">&nbsp;</span><br>
-          </td>
-          <td>darkkhaki = #bdb76b</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkmagenta;">&nbsp;</span><br>
-          </td>
-          <td>darkmagenta = #8b008b</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkolivegreen;">&nbsp;</span><br>
-          </td>
-          <td>darkolivegreen = #556b2f</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkorange;">&nbsp;</span><br>
-          </td>
-          <td>darkorange = #ff8c00</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkorchid;">&nbsp;</span><br>
-          </td>
-          <td>darkorchid = #9932cc</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkred;">&nbsp;</span><br>
-          </td>
-          <td>darkred = #8b0000</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darksalmon;">&nbsp;</span><br>
-          </td>
-          <td>darksalmon = #e9967a</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkseagreen;">&nbsp;</span><br>
-          </td>
-          <td>darkseagreen = #8fbc8f</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkslateblue;">&nbsp;</span><br>
-          </td>
-          <td>darkslateblue = #483d8b</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkslategray;">&nbsp;</span><br>
-          </td>
-          <td>darkslategray = #2f4f4f</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkslategrey;">&nbsp;</span><br>
-          </td>
-          <td>darkslategrey = #2f4f4f</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkturquoise;">&nbsp;</span><br>
-          </td>
-          <td>darkturquoise = #00ced1</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% darkviolet;">&nbsp;</span><br>
-          </td>
-          <td>darkviolet = #9400d3</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% deeppink;">&nbsp;</span><br>
-          </td>
-          <td>deeppink = #ff1493</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% deepskyblue;">&nbsp;</span><br>
-          </td>
-          <td>deepskyblue = #00bfff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% dimgray;">&nbsp;</span><br>
-          </td>
-          <td>dimgray = #696969</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% dimgrey;">&nbsp;</span><br>
-          </td>
-          <td>dimgrey = #696969</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% dodgerblue;">&nbsp;</span><br>
-          </td>
-          <td>dodgerblue = #1e90ff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% firebrick;">&nbsp;</span><br>
-          </td>
-          <td>firebrick = #b22222</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% floralwhite;">&nbsp;</span><br>
-          </td>
-          <td>floralwhite = #fffaf0</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% forestgreen;">&nbsp;</span><br>
-          </td>
-          <td>forestgreen = #228b22</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% fuchsia;">&nbsp;</span><br>
-          </td>
-          <td>fuchsia = #ff00ff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% gainsboro;">&nbsp;</span><br>
-          </td>
-          <td>gainsboro = #dcdcdc</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% ghostwhite;">&nbsp;</span><br>
-          </td>
-          <td>ghostwhite = #f8f8ff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% gold;">&nbsp;</span><br>
-          </td>
-          <td>gold = #ffd700</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% goldenrod;">&nbsp;</span><br>
-          </td>
-          <td>goldenrod = #daa520</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% gray;">&nbsp;</span><br>
-          </td>
-          <td>gray = #808080</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% green;">&nbsp;</span><br>
-          </td>
-          <td>green = #008000</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% greenyellow;">&nbsp;</span><br>
-          </td>
-          <td>greenyellow = #adff2f</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% grey;">&nbsp;</span><br>
-          </td>
-          <td>grey = #808080</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% honeydew;">&nbsp;</span><br>
-          </td>
-          <td>honeydew = #f0fff0</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% hotpink;">&nbsp;</span><br>
-          </td>
-          <td>hotpink = #ff69b4</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% indianred;">&nbsp;</span><br>
-          </td>
-          <td>indianred = #cd5c5c</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% indigo;">&nbsp;</span><br>
-          </td>
-          <td>indigo = #4b0082</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% ivory;">&nbsp;</span><br>
-          </td>
-          <td>ivory = #fffff0</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% khaki;">&nbsp;</span><br>
-          </td>
-          <td>khaki = #f0e68c</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lavender;">&nbsp;</span><br>
-          </td>
-          <td>lavender = #e6e6fa</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lavenderblush;">&nbsp;</span><br>
-          </td>
-          <td>lavenderblush = #fff0f5</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lawngreen;">&nbsp;</span><br>
-          </td>
-          <td>lawngreen = #7cfc00</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lemonchiffon;">&nbsp;</span><br>
-          </td>
-          <td>lemonchiffon = #fffacd</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightblue;">&nbsp;</span><br>
-          </td>
-          <td>lightblue = #add8e6</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightcoral;">&nbsp;</span><br>
-          </td>
-          <td>lightcoral = #f08080</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightcyan;">&nbsp;</span><br>
-          </td>
-          <td>lightcyan = #e0ffff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightgoldenrodyellow;">&nbsp;</span><br>
-          </td>
-          <td>lightgoldenrodyellow = #fafad2</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightgray;">&nbsp;</span><br>
-          </td>
-          <td>lightgray = #d3d3d3</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightgreen;">&nbsp;</span><br>
-          </td>
-          <td>lightgreen = #90ee90</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightgrey;">&nbsp;</span><br>
-          </td>
-          <td>lightgrey = #d3d3d3</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightpink;">&nbsp;</span><br>
-          </td>
-          <td>lightpink = #ffb6c1</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightsalmon;">&nbsp;</span><br>
-          </td>
-          <td>lightsalmon = #ffa07a</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightseagreen;">&nbsp;</span><br>
-          </td>
-          <td>lightseagreen = #20b2aa</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightskyblue;">&nbsp;</span><br>
-          </td>
-          <td>lightskyblue = #87cefa</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightslategray;">&nbsp;</span><br>
-          </td>
-          <td>lightslategray = #778899</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightslategrey;">&nbsp;</span><br>
-          </td>
-          <td>lightslategrey = #778899</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightsteelblue;">&nbsp;</span><br>
-          </td>
-          <td>lightsteelblue = #b0c4de</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lightyellow;">&nbsp;</span><br>
-          </td>
-          <td>lightyellow = #ffffe0</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% lime;">&nbsp;</span><br>
-          </td>
-          <td>lime = #00ff00</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% limegreen;">&nbsp;</span><br>
-          </td>
-          <td>limegreen = #32cd32</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% linen;">&nbsp;</span><br>
-          </td>
-          <td>linen = #faf0e6</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% magenta;">&nbsp;</span><br>
-          </td>
-          <td>magenta = #ff00ff</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% maroon;">&nbsp;</span><br>
-          </td>
-          <td>maroon = #800000</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumaquamarine;">&nbsp;</span><br>
-          </td>
-          <td>mediumaquamarine = #66cdaa</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumblue;">&nbsp;</span><br>
-          </td>
-          <td>mediumblue = #0000cd</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumorchid;">&nbsp;</span><br>
-          </td>
-          <td>mediumorchid = #ba55d3</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumpurple;">&nbsp;</span><br>
-          </td>
-          <td>mediumpurple = #9370db</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumseagreen;">&nbsp;</span><br>
-          </td>
-          <td>mediumseagreen = #3cb371</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumslateblue;">&nbsp;</span><br>
-          </td>
-          <td>mediumslateblue = #7b68ee</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumspringgreen;">&nbsp;</span><br>
-          </td>
-          <td>mediumspringgreen = #00fa9a</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumturquoise;">&nbsp;</span><br>
-          </td>
-          <td>mediumturquoise = #48d1cc</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mediumvioletred;">&nbsp;</span><br>
-          </td>
-          <td>mediumvioletred = #c71585</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% midnightblue;">&nbsp;</span><br>
-          </td>
-          <td>midnightblue = #191970</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mintcream;">&nbsp;</span><br>
-          </td>
-          <td>mintcream = #f5fffa</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% mistyrose;">&nbsp;</span><br>
-          </td>
-          <td>mistyrose = #ffe4e1</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% moccasin;">&nbsp;</span><br>
-          </td>
-          <td>moccasin = #ffe4b5</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% navajowhite;">&nbsp;</span><br>
-          </td>
-          <td>navajowhite = #ffdead</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% navy;">&nbsp;</span><br>
-          </td>
-          <td>navy = #000080</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% oldlace;">&nbsp;</span><br>
-          </td>
-          <td>oldlace = #fdf5e6</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% olive;">&nbsp;</span><br>
-          </td>
-          <td>olive = #808000</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% olivedrab;">&nbsp;</span><br>
-          </td>
-          <td>olivedrab = #6b8e23</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% orange;">&nbsp;</span><br>
-          </td>
-          <td>orange = #ffa500</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% orangered;">&nbsp;</span><br>
-          </td>
-          <td>orangered = #ff4500</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% orchid;">&nbsp;</span><br>
-          </td>
-          <td>orchid = #da70d6</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% palegoldenrod;">&nbsp;</span><br>
-          </td>
-          <td>palegoldenrod = #eee8aa</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% palegreen;">&nbsp;</span><br>
-          </td>
-          <td>palegreen = #98fb98</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% paleturquoise;">&nbsp;</span><br>
-          </td>
-          <td>paleturquoise = #afeeee</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% palevioletred;">&nbsp;</span><br>
-          </td>
-          <td>palevioletred = #db7093</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% papayawhip;">&nbsp;</span><br>
-          </td>
-          <td>papayawhip = #ffefd5</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% peachpuff;">&nbsp;</span><br>
-          </td>
-          <td>peachpuff = #ffdab9</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% peru;">&nbsp;</span><br>
-          </td>
-          <td>peru = #cd853f</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% pink;">&nbsp;</span><br>
-          </td>
-          <td>pink = #ffc0cb</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% plum;">&nbsp;</span><br>
-          </td>
-          <td>plum = #dda0dd</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% powderblue;">&nbsp;</span><br>
-          </td>
-          <td>powderblue = #b0e0e6</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% purple;">&nbsp;</span><br>
-          </td>
-          <td>purple = #800080</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% red;">&nbsp;</span><br>
-          </td>
-          <td>red = #ff0000</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% rosybrown;">&nbsp;</span><br>
-          </td>
-          <td>rosybrown = #bc8f8f</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% royalblue;">&nbsp;</span><br>
-          </td>
-          <td>royalblue = #4169e1</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% saddlebrown;">&nbsp;</span><br>
-          </td>
-          <td>saddlebrown = #8b4513</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% salmon;">&nbsp;</span><br>
-          </td>
-          <td>salmon = #fa8072</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% sandybrown;">&nbsp;</span><br>
-          </td>
-          <td>sandybrown = #f4a460</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% seagreen;">&nbsp;</span><br>
-          </td>
-          <td>seagreen = #2e8b57</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% seashell;">&nbsp;</span><br>
-          </td>
-          <td>seashell = #fff5ee</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% sienna;">&nbsp;</span><br>
-          </td>
-          <td>sienna = #a0522d</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% silver;">&nbsp;</span><br>
-          </td>
-          <td>silver = #c0c0c0</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% skyblue;">&nbsp;</span><br>
-          </td>
-          <td>skyblue = #87ceeb</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% slateblue;">&nbsp;</span><br>
-          </td>
-          <td>slateblue = #6a5acd</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% slategray;">&nbsp;</span><br>
-          </td>
-          <td>slategray = #708090</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% slategrey;">&nbsp;</span><br>
-          </td>
-          <td>slategrey = #708090</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% snow;">&nbsp;</span><br>
-          </td>
-          <td>snow = #fffafa</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% springgreen;">&nbsp;</span><br>
-          </td>
-          <td>springgreen = #00ff7f</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% steelblue;">&nbsp;</span><br>
-          </td>
-          <td>steelblue = #4682b4</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% tan;">&nbsp;</span><br>
-          </td>
-          <td>tan = #d2b48c</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% teal;">&nbsp;</span><br>
-          </td>
-          <td>teal = #008080</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% thistle;">&nbsp;</span><br>
-          </td>
-          <td>thistle = #d8bfd8</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% tomato;">&nbsp;</span><br>
-          </td>
-          <td>tomato = #ff6347</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% turquoise;">&nbsp;</span><br>
-          </td>
-          <td>turquoise = #40e0d0</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% violet;">&nbsp;</span><br>
-          </td>
-          <td>violet = #ee82ee</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% wheat;">&nbsp;</span><br>
-          </td>
-          <td>wheat = #f5deb3</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% white;">&nbsp;</span><br>
-          </td>
-          <td>white = #ffffff</td>
-        </tr>
-        <tr>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% whitesmoke;">&nbsp;</span><br>
-          </td>
-          <td>whitesmoke = #f5f5f5</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% yellow;">&nbsp;</span><br>
-          </td>
-          <td>yellow = #ffff00</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% yellowgreen;">&nbsp;</span><br>
-          </td>
-          <td>yellowgreen = #9acd32</td>
-          <td><span class="colorsquare" style="background: none repeat scroll 0% 50% transparent;">&nbsp;</span><br>
-          </td>
-          <td>transparent = rgba(0,0,0,0)</td>
-        </tr>
-      </tbody>
-    </table>
+
+    <div style="margin:0 3em">
+        <div class="colorsquare"><span style="background-color:aliceblue;">&nbsp;</span>aliceblue = #f0f8ff</div>
+        <div class="colorsquare"><span style="background-color:antiquewhite;">&nbsp;</span>antiquewhite = #faebd7</div>
+        <div class="colorsquare"><span style="background-color:aqua;">&nbsp;</span>aqua = #00ffff</div>
+        <div class="colorsquare"><span style="background-color:aquamarine;">&nbsp;</span>aquamarine = #7fffd4</div>
+        <div class="colorsquare"><span style="background-color:azure;">&nbsp;</span>azure = #f0ffff</div>
+        <div class="colorsquare"><span style="background-color:beige;">&nbsp;</span>beige = #f5f5dc</div>
+        <div class="colorsquare"><span style="background-color:bisque;">&nbsp;</span>bisque = #ffe4c4</div>
+        <div class="colorsquare"><span style="background-color:black;">&nbsp;</span>black = #000000</div>
+        <div class="colorsquare"><span style="background-color:blanchedalmond;">&nbsp;</span>blanchedalmond = #ffebcd</div>
+        <div class="colorsquare"><span style="background-color:blue;">&nbsp;</span>blue = #0000ff</div>
+        <div class="colorsquare"><span style="background-color:blueviolet;">&nbsp;</span>blueviolet = #8a2be2</div>
+        <div class="colorsquare"><span style="background-color:brown;">&nbsp;</span>brown = #a52a2a</div>
+        <div class="colorsquare"><span style="background-color:burlywood;">&nbsp;</span>burlywood = #deb887</div>
+        <div class="colorsquare"><span style="background-color:cadetblue;">&nbsp;</span>cadetblue = #5f9ea0</div>
+        <div class="colorsquare"><span style="background-color:chartreuse;">&nbsp;</span>chartreuse = #7fff00</div>
+        <div class="colorsquare"><span style="background-color:chocolate;">&nbsp;</span>chocolate = #d2691e</div>
+        <div class="colorsquare"><span style="background-color:coral;">&nbsp;</span>coral = #ff7f50</div>
+        <div class="colorsquare"><span style="background-color:cornflowerblue;">&nbsp;</span>cornflowerblue = #6495ed</div>
+        <div class="colorsquare"><span style="background-color:cornsilk;">&nbsp;</span>cornsilk = #fff8dc</div>
+        <div class="colorsquare"><span style="background-color:crimson;">&nbsp;</span>crimson = #dc143c</div>
+        <div class="colorsquare"><span style="background-color:cyan;">&nbsp;</span>cyan = #00ffff</div>
+        <div class="colorsquare"><span style="background-color:darkblue;">&nbsp;</span>darkblue = #00008b</div>
+        <div class="colorsquare"><span style="background-color:darkcyan;">&nbsp;</span>darkcyan = #008b8b</div>
+        <div class="colorsquare"><span style="background-color:darkgoldenrod;">&nbsp;</span>darkgoldenrod = #b8860b</div>
+        <div class="colorsquare"><span style="background-color:darkgray;">&nbsp;</span>darkgray = #a9a9a9</div>
+        <div class="colorsquare"><span style="background-color:darkgreen;">&nbsp;</span>darkgreen = #006400</div>
+        <div class="colorsquare"><span style="background-color:darkgrey;">&nbsp;</span>darkgrey = #a9a9a9</div>
+        <div class="colorsquare"><span style="background-color:darkkhaki;">&nbsp;</span>darkkhaki = #bdb76b</div>
+        <div class="colorsquare"><span style="background-color:darkmagenta;">&nbsp;</span>darkmagenta = #8b008b</div>
+        <div class="colorsquare"><span style="background-color:darkolivegreen;">&nbsp;</span>darkolivegreen = #556b2f</div>
+        <div class="colorsquare"><span style="background-color:darkorange;">&nbsp;</span>darkorange = #ff8c00</div>
+        <div class="colorsquare"><span style="background-color:darkorchid;">&nbsp;</span>darkorchid = #9932cc</div>
+        <div class="colorsquare"><span style="background-color:darkred;">&nbsp;</span>darkred = #8b0000</div>
+        <div class="colorsquare"><span style="background-color:darksalmon;">&nbsp;</span>darksalmon = #e9967a</div>
+        <div class="colorsquare"><span style="background-color:darkseagreen;">&nbsp;</span>darkseagreen = #8fbc8f</div>
+        <div class="colorsquare"><span style="background-color:darkslateblue;">&nbsp;</span>darkslateblue = #483d8b</div>
+        <div class="colorsquare"><span style="background-color:darkslategray;">&nbsp;</span>darkslategray = #2f4f4f</div>
+        <div class="colorsquare"><span style="background-color:darkslategrey;">&nbsp;</span>darkslategrey = #2f4f4f</div>
+        <div class="colorsquare"><span style="background-color:darkturquoise;">&nbsp;</span>darkturquoise = #00ced1</div>
+        <div class="colorsquare"><span style="background-color:darkviolet;">&nbsp;</span>darkviolet = #9400d3</div>
+        <div class="colorsquare"><span style="background-color:deeppink;">&nbsp;</span>deeppink = #ff1493</div>
+        <div class="colorsquare"><span style="background-color:deepskyblue;">&nbsp;</span>deepskyblue = #00bfff</div>
+        <div class="colorsquare"><span style="background-color:dimgray;">&nbsp;</span>dimgray = #696969</div>
+        <div class="colorsquare"><span style="background-color:dimgrey;">&nbsp;</span>dimgrey = #696969</div>
+        <div class="colorsquare"><span style="background-color:dodgerblue;">&nbsp;</span>dodgerblue = #1e90ff</div>
+        <div class="colorsquare"><span style="background-color:firebrick;">&nbsp;</span>firebrick = #b22222</div>
+        <div class="colorsquare"><span style="background-color:floralwhite;">&nbsp;</span>floralwhite = #fffaf0</div>
+        <div class="colorsquare"><span style="background-color:forestgreen;">&nbsp;</span>forestgreen = #228b22</div>
+        <div class="colorsquare"><span style="background-color:fuchsia;">&nbsp;</span>fuchsia = #ff00ff</div>
+        <div class="colorsquare"><span style="background-color:gainsboro;">&nbsp;</span>gainsboro = #dcdcdc</div>
+        <div class="colorsquare"><span style="background-color:ghostwhite;">&nbsp;</span>ghostwhite = #f8f8ff</div>
+        <div class="colorsquare"><span style="background-color:gold;">&nbsp;</span>gold = #ffd700</div>
+        <div class="colorsquare"><span style="background-color:goldenrod;">&nbsp;</span>goldenrod = #daa520</div>
+        <div class="colorsquare"><span style="background-color:gray;">&nbsp;</span>gray = #808080</div>
+        <div class="colorsquare"><span style="background-color:green;">&nbsp;</span>green = #008000</div>
+        <div class="colorsquare"><span style="background-color:greenyellow;">&nbsp;</span>greenyellow = #adff2f</div>
+        <div class="colorsquare"><span style="background-color:grey;">&nbsp;</span>grey = #808080</div>
+        <div class="colorsquare"><span style="background-color:honeydew;">&nbsp;</span>honeydew = #f0fff0</div>
+        <div class="colorsquare"><span style="background-color:hotpink;">&nbsp;</span>hotpink = #ff69b4</div>
+        <div class="colorsquare"><span style="background-color:indianred;">&nbsp;</span>indianred = #cd5c5c</div>
+        <div class="colorsquare"><span style="background-color:indigo;">&nbsp;</span>indigo = #4b0082</div>
+        <div class="colorsquare"><span style="background-color:ivory;">&nbsp;</span>ivory = #fffff0</div>
+        <div class="colorsquare"><span style="background-color:khaki;">&nbsp;</span>khaki = #f0e68c</div>
+        <div class="colorsquare"><span style="background-color:lavender;">&nbsp;</span>lavender = #e6e6fa</div>
+        <div class="colorsquare"><span style="background-color:lavenderblush;">&nbsp;</span>lavenderblush = #fff0f5</div>
+        <div class="colorsquare"><span style="background-color:lawngreen;">&nbsp;</span>lawngreen = #7cfc00</div>
+        <div class="colorsquare"><span style="background-color:lemonchiffon;">&nbsp;</span>lemonchiffon = #fffacd</div>
+        <div class="colorsquare"><span style="background-color:lightblue;">&nbsp;</span>lightblue = #add8e6</div>
+        <div class="colorsquare"><span style="background-color:lightcoral;">&nbsp;</span>lightcoral = #f08080</div>
+        <div class="colorsquare"><span style="background-color:lightcyan;">&nbsp;</span>lightcyan = #e0ffff</div>
+        <div class="colorsquare"><span style="background-color:lightgoldenrodyellow;">&nbsp;</span>lightgoldenrodyellow = #fafad2</div>
+        <div class="colorsquare"><span style="background-color:lightgray;">&nbsp;</span>lightgray = #d3d3d3</div>
+        <div class="colorsquare"><span style="background-color:lightgreen;">&nbsp;</span>lightgreen = #90ee90</div>
+        <div class="colorsquare"><span style="background-color:lightgrey;">&nbsp;</span>lightgrey = #d3d3d3</div>
+        <div class="colorsquare"><span style="background-color:lightpink;">&nbsp;</span>lightpink = #ffb6c1</div>
+        <div class="colorsquare"><span style="background-color:lightsalmon;">&nbsp;</span>lightsalmon = #ffa07a</div>
+        <div class="colorsquare"><span style="background-color:lightseagreen;">&nbsp;</span>lightseagreen = #20b2aa</div>
+        <div class="colorsquare"><span style="background-color:lightskyblue;">&nbsp;</span>lightskyblue = #87cefa</div>
+        <div class="colorsquare"><span style="background-color:lightslategray;">&nbsp;</span>lightslategray = #778899</div>
+        <div class="colorsquare"><span style="background-color:lightslategrey;">&nbsp;</span>lightslategrey = #778899</div>
+        <div class="colorsquare"><span style="background-color:lightsteelblue;">&nbsp;</span>lightsteelblue = #b0c4de</div>
+        <div class="colorsquare"><span style="background-color:lightyellow;">&nbsp;</span>lightyellow = #ffffe0</div>
+        <div class="colorsquare"><span style="background-color:lime;">&nbsp;</span>lime = #00ff00</div>
+        <div class="colorsquare"><span style="background-color:limegreen;">&nbsp;</span>limegreen = #32cd32</div>
+        <div class="colorsquare"><span style="background-color:linen;">&nbsp;</span>linen = #faf0e6</div>
+        <div class="colorsquare"><span style="background-color:magenta;">&nbsp;</span>magenta = #ff00ff</div>
+        <div class="colorsquare"><span style="background-color:maroon;">&nbsp;</span>maroon = #800000</div>
+        <div class="colorsquare"><span style="background-color:mediumaquamarine;">&nbsp;</span>mediumaquamarine = #66cdaa</div>
+        <div class="colorsquare"><span style="background-color:mediumblue;">&nbsp;</span>mediumblue = #0000cd</div>
+        <div class="colorsquare"><span style="background-color:mediumorchid;">&nbsp;</span>mediumorchid = #ba55d3</div>
+        <div class="colorsquare"><span style="background-color:mediumpurple;">&nbsp;</span>mediumpurple = #9370db</div>
+        <div class="colorsquare"><span style="background-color:mediumseagreen;">&nbsp;</span>mediumseagreen = #3cb371</div>
+        <div class="colorsquare"><span style="background-color:mediumslateblue;">&nbsp;</span>mediumslateblue = #7b68ee</div>
+        <div class="colorsquare"><span style="background-color:mediumspringgreen;">&nbsp;</span>mediumspringgreen = #00fa9a</div>
+        <div class="colorsquare"><span style="background-color:mediumturquoise;">&nbsp;</span>mediumturquoise = #48d1cc</div>
+        <div class="colorsquare"><span style="background-color:mediumvioletred;">&nbsp;</span>mediumvioletred = #c71585</div>
+        <div class="colorsquare"><span style="background-color:midnightblue;">&nbsp;</span>midnightblue = #191970</div>
+        <div class="colorsquare"><span style="background-color:mintcream;">&nbsp;</span>mintcream = #f5fffa</div>
+        <div class="colorsquare"><span style="background-color:mistyrose;">&nbsp;</span>mistyrose = #ffe4e1</div>
+        <div class="colorsquare"><span style="background-color:moccasin;">&nbsp;</span>moccasin = #ffe4b5</div>
+        <div class="colorsquare"><span style="background-color:navajowhite;">&nbsp;</span>navajowhite = #ffdead</div>
+        <div class="colorsquare"><span style="background-color:navy;">&nbsp;</span>navy = #000080</div>
+        <div class="colorsquare"><span style="background-color:oldlace;">&nbsp;</span>oldlace = #fdf5e6</div>
+        <div class="colorsquare"><span style="background-color:olive;">&nbsp;</span>olive = #808000</div>
+        <div class="colorsquare"><span style="background-color:olivedrab;">&nbsp;</span>olivedrab = #6b8e23</div>
+        <div class="colorsquare"><span style="background-color:orange;">&nbsp;</span>orange = #ffa500</div>
+        <div class="colorsquare"><span style="background-color:orangered;">&nbsp;</span>orangered = #ff4500</div>
+        <div class="colorsquare"><span style="background-color:orchid;">&nbsp;</span>orchid = #da70d6</div>
+        <div class="colorsquare"><span style="background-color:palegoldenrod;">&nbsp;</span>palegoldenrod = #eee8aa</div>
+        <div class="colorsquare"><span style="background-color:palegreen;">&nbsp;</span>palegreen = #98fb98</div>
+        <div class="colorsquare"><span style="background-color:paleturquoise;">&nbsp;</span>paleturquoise = #afeeee</div>
+        <div class="colorsquare"><span style="background-color:palevioletred;">&nbsp;</span>palevioletred = #db7093</div>
+        <div class="colorsquare"><span style="background-color:papayawhip;">&nbsp;</span>papayawhip = #ffefd5</div>
+        <div class="colorsquare"><span style="background-color:peachpuff;">&nbsp;</span>peachpuff = #ffdab9</div>
+        <div class="colorsquare"><span style="background-color:peru;">&nbsp;</span>peru = #cd853f</div>
+        <div class="colorsquare"><span style="background-color:pink;">&nbsp;</span>pink = #ffc0cb</div>
+        <div class="colorsquare"><span style="background-color:plum;">&nbsp;</span>plum = #dda0dd</div>
+        <div class="colorsquare"><span style="background-color:powderblue;">&nbsp;</span>powderblue = #b0e0e6</div>
+        <div class="colorsquare"><span style="background-color:purple;">&nbsp;</span>purple = #800080</div>
+        <div class="colorsquare"><span style="background-color:red;">&nbsp;</span>red = #ff0000</div>
+        <div class="colorsquare"><span style="background-color:rosybrown;">&nbsp;</span>rosybrown = #bc8f8f</div>
+        <div class="colorsquare"><span style="background-color:royalblue;">&nbsp;</span>royalblue = #4169e1</div>
+        <div class="colorsquare"><span style="background-color:saddlebrown;">&nbsp;</span>saddlebrown = #8b4513</div>
+        <div class="colorsquare"><span style="background-color:salmon;">&nbsp;</span>salmon = #fa8072</div>
+        <div class="colorsquare"><span style="background-color:sandybrown;">&nbsp;</span>sandybrown = #f4a460</div>
+        <div class="colorsquare"><span style="background-color:seagreen;">&nbsp;</span>seagreen = #2e8b57</div>
+        <div class="colorsquare"><span style="background-color:seashell;">&nbsp;</span>seashell = #fff5ee</div>
+        <div class="colorsquare"><span style="background-color:sienna;">&nbsp;</span>sienna = #a0522d</div>
+        <div class="colorsquare"><span style="background-color:silver;">&nbsp;</span>silver = #c0c0c0</div>
+        <div class="colorsquare"><span style="background-color:skyblue;">&nbsp;</span>skyblue = #87ceeb</div>
+        <div class="colorsquare"><span style="background-color:slateblue;">&nbsp;</span>slateblue = #6a5acd</div>
+        <div class="colorsquare"><span style="background-color:slategray;">&nbsp;</span>slategray = #708090</div>
+        <div class="colorsquare"><span style="background-color:slategrey;">&nbsp;</span>slategrey = #708090</div>
+        <div class="colorsquare"><span style="background-color:snow;">&nbsp;</span>snow = #fffafa</div>
+        <div class="colorsquare"><span style="background-color:springgreen;">&nbsp;</span>springgreen = #00ff7f</div>
+        <div class="colorsquare"><span style="background-color:steelblue;">&nbsp;</span>steelblue = #4682b4</div>
+        <div class="colorsquare"><span style="background-color:tan;">&nbsp;</span>tan = #d2b48c</div>
+        <div class="colorsquare"><span style="background-color:teal;">&nbsp;</span>teal = #008080</div>
+        <div class="colorsquare"><span style="background-color:thistle;">&nbsp;</span>thistle = #d8bfd8</div>
+        <div class="colorsquare"><span style="background-color:tomato;">&nbsp;</span>tomato = #ff6347</div>
+        <div class="colorsquare"><span style="background-color:turquoise;">&nbsp;</span>turquoise = #40e0d0</div>
+        <div class="colorsquare"><span style="background-color:violet;">&nbsp;</span>violet = #ee82ee</div>
+        <div class="colorsquare"><span style="background-color:wheat;">&nbsp;</span>wheat = #f5deb3</div>
+        <div class="colorsquare"><span style="background-color:white;">&nbsp;</span>white = #ffffff</div>
+        <div class="colorsquare"><span style="background-color:whitesmoke;">&nbsp;</span>whitesmoke = #f5f5f5</div>
+        <div class="colorsquare"><span style="background-color:yellow;">&nbsp;</span>yellow = #ffff00</div>
+        <div class="colorsquare"><span style="background-color:yellowgreen;">&nbsp;</span>yellowgreen = #9acd32</div>
+        <div class="colorsquare"><span style="background-color:transparent;">&nbsp;</span>transparent = rgba(0,0,0,0)</div>
+    </div>
     <h4>Looked-up Colors <span class="grammar" style="font-size: smaller;">&lt;looked-up-color&gt;</span></h4>
     <p>With looked-up colors you can refer to any other color property that is
       set on the current node or any of its parents. This is a very powerful
@@ -1928,21 +1601,21 @@
     <h4><a id="group">Group</a></h4>
     <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td colspan="4">Group extends Parent. Group does not add any addtional
-            CSS properties.</td>
-        </tr>
-        <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#parent">Parent</a></td>
+        <th colspan="4" scope="row">Group extends Parent. Group does not add any additional CSS properties.</td>
+    </tr>
+    <tr>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#parent">Parent</a></td>
         </tr>
       </tbody>
     </table>
@@ -1951,18 +1624,19 @@
     <p class="styleclass">Style class: empty by default<br>
     </p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th class="range">Range</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th class="default" scope="col">Default</th>
+        <th class="range" scope="col">Range</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-blend-mode</td>
+        <th class="propertyname" scope="row">-fx-blend-mode</th>
           <td class="value">[ add | blue | color-burn | color-dodge | darken |
             difference | exclusion | green | hard-light | lighten | multiply |
             overlay | red | screen | soft-light | src-atop | src-in | src-out |
@@ -1972,7 +1646,7 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-cursor</td>
+        <th class="propertyname" scope="row">-fx-cursor</th>
           <td class="value">[ null | crosshair | default | hand | move |
             e-resize | h-resize | ne-resize | nw-resize | n-resize | se-resize |
             sw-resize | s-resize | w-resize | v-resize | text | wait ] | <a href="#typeurl"
@@ -1982,14 +1656,14 @@
           <td>inherits </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-effect</td>
+        <th class="propertyname" scope="row">-fx-effect</th>
           <td class="value"><a href="#typeeffect" class="typelink">&lt;effect&gt;</a></td>
           <td class="default">null</td>
           <td class="range">&nbsp;</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-focus-traversable</td>
+        <th class="propertyname" scope="row">-fx-focus-traversable</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td class="default">false</td>
           <td class="range">&nbsp;</td>
@@ -1997,7 +1671,7 @@
           See <a href="#controls">Controls</a> for details.</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-view-order</td>
+        <th class="propertyname" scope="row">-fx-view-order</th>
             <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
             <td class="default">0</td>
             <td class="range">&nbsp;</td>
@@ -2007,7 +1681,7 @@
             </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-opacity</td>
+        <th class="propertyname" scope="row">-fx-opacity</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td class="default">1</td>
           <td class="range">[0.0 ... 1.0]</td>
@@ -2018,7 +1692,7 @@
             composite rendering. </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-rotate</td>
+        <th class="propertyname" scope="row">-fx-rotate</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td class="default">0</td>
           <td class="range">&nbsp;</td>
@@ -2027,49 +1701,49 @@
             clockwise. Rotation is about the center.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-scale-x</td>
+        <th class="propertyname" scope="row">-fx-scale-x</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td class="default">1</td>
           <td class="range">&nbsp;</td>
           <td>scale about the center</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-scale-y</td>
+        <th class="propertyname" scope="row">-fx-scale-y</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td class="default">1</td>
           <td class="range">&nbsp;</td>
           <td>scale about the center</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-scale-z</td>
+        <th class="propertyname" scope="row">-fx-scale-z</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td class="default">1</td>
           <td class="range">&nbsp;</td>
           <td>scale about the center</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-translate-x</td>
+        <th class="propertyname" scope="row">-fx-translate-x</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td class="default">0</td>
           <td class="range">&nbsp;</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-translate-y</td>
+        <th class="propertyname" scope="row">-fx-translate-y</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td class="default">0</td>
           <td class="range">&nbsp;</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-translate-z</td>
+        <th class="propertyname" scope="row">-fx-translate-z</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td class="default">0</td>
           <td class="range">&nbsp;</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">visibility</td>
+        <th class="propertyname" scope="row">visibility</th>
           <td class="value">[ visible | hidden | collapse | inherit ]</td>
           <td class="default">true (i.e, visible)</td>
           <td class="range">&nbsp;</td>
@@ -2080,31 +1754,32 @@
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">disabled</td>
+        <th class="propertyname" scope="row">disabled</th>
           <td>applies when the <strong>disabled</strong> variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">focused</td>
+        <th class="propertyname" scope="row">focused</th>
           <td>applies when the <strong>focused</strong> variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">hover</td>
+        <th class="propertyname" scope="row">hover</th>
           <td>applies when the <strong>hover</strong> variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">pressed</td>
+        <th class="propertyname" scope="row">pressed</th>
           <td>applies when the <strong>pressed</strong> variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">show-mnemonic</td>
+        <th class="propertyname" scope="row">show-mnemonic</th>
           <td>apples when the mnemonic affordance (typically an underscore)
             should be shown.</td>
         </tr>
@@ -2114,21 +1789,21 @@
     <p class="styleclass">Style
       class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td colspan="4">Parent extends Node. Parent does not add any addtional
-            CSS properties.</td>
-        </tr>
-        <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#node">Node</a></td>
+        <th colspan="4" scope="row">Parent extends Node. Parent does not add any additional CSS properties.</th>
+    </tr>
+    <tr>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#node">Node</a></th>
         </tr>
       </tbody>
     </table>
@@ -2152,23 +1827,24 @@
     <h4><a id="imageview">ImageView</a></h4>
 <p class="styleclass">Style class: image-view</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-image</td>
+        <th class="propertyname" scope="row">-fx-image</th>
           <td class="value"><a href="#typeurl" class="typelink">&lt;uri&gt;</a></td>
           <td class="default">null</td>
           <td>Relative URLs are resolved against the URL of the stylesheet.</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#node">Node</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#node">Node</a></th>
         </tr>
       </tbody>
     </table>
@@ -2183,42 +1859,42 @@
     <h4><a id="anchorpane">AnchorPane</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td colspan="4">AnchorPane extends Pane and does not add any
-            additional CSS properties.</td>
-        </tr>
-        <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" scope="row">AnchorPane extends Pane and does not add any additional CSS properties.</th>
+    </tr>
+    <tr>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
       </tbody>
     </table>
     <h4><a id="border">BorderPane</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td colspan="4">BorderPane extends Pane and does not add any
-            additional CSS properties.</td>
-        </tr>
-        <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" scope="row">BorderPane extends Pane and does not add any additional CSS properties.</th>
+    </tr>
+    <tr>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
       </tbody>
     </table>
@@ -2227,23 +1903,24 @@
     <h4><a id="dialogpane">DialogPane</a></h4>
     <p class="styleclass">Style class: dialog-pane</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-graphic</td>
+        <th class="propertyname" scope="row">-fx-graphic</th>
             <td class="value"><a href="#typeurl" class="typelink">&lt;uri&gt;</a></td>
             <td>null</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
         </tbody>
     </table>
@@ -2259,29 +1936,30 @@
     <h4><a id="flowpane">FlowPane</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-hgap</td>
+        <th class="propertyname" scope="row">-fx-hgap</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td class="default">0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-vgap</td>
+        <th class="propertyname" scope="row">-fx-vgap</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td class="default">0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-alignment</td>
+        <th class="propertyname" scope="row">-fx-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -2289,44 +1967,45 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-column-halignment</td>
+        <th class="propertyname" scope="row">-fx-column-halignment</th>
           <td class="value">[ left | center | right ]</td>
           <td class="default">left</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-row-valignment</td>
+        <th class="propertyname" scope="row">-fx-row-valignment</th>
           <td class="value">[ top | center | baseline | bottom ] </td>
           <td class="default">center</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-orientation</td>
+        <th class="propertyname" scope="row">-fx-orientation</th>
           <td class="value">[ horizontal | vertical ]</td>
           <td class="default">horizontal</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
       </tbody>
     </table>
     <h4><a id="gridpane">GridPane</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
           <td><br>
           </td>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-hgap</td>
+        <th class="propertyname" scope="row">-fx-hgap</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td class="default">0</td>
           <td>&nbsp;</td>
@@ -2334,7 +2013,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-vgap</td>
+        <th class="propertyname" scope="row">-fx-vgap</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td class="default">0</td>
           <td>&nbsp;</td>
@@ -2342,7 +2021,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-alignment</td>
+        <th class="propertyname" scope="row">-fx-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -2352,37 +2031,38 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-grid-lines-visible</td>
+        <th class="propertyname" scope="row">-fx-grid-lines-visible</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td class="default">false</td>
           <td class="range">&nbsp;</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
       </tbody>
     </table>
     <h4><a id="hbox">HBox</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-spacing</td>
+        <th class="propertyname" scope="row">-fx-spacing</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-alignment</td>
+        <th class="propertyname" scope="row">-fx-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -2390,34 +2070,34 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-fill-height</td>
+        <th class="propertyname" scope="row">-fx-fill-height</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td class="default">true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
       </tbody>
     </table>
     <h4><a id="pane">Pane</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td colspan="4">Pane extends Region to expose Region's children. Pane
-            does not add any addtional CSS properties.</td>
-        </tr>
-        <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#region">Region</a></td>
+        <th colspan="4" scope="row">Pane extends Region to expose Region's children. Pane does not add any additional CSS properties.</th>
+    </tr>
+    <tr>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#region">Region</a></th>
         </tr>
       </tbody>
     </table>
@@ -2503,23 +2183,24 @@
     <p>The region's contents are a sequence of nodes, like any other container.
       The contents are set programmatically and cannot be set via CSS.</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td colspan="4" class="propertyname"><em>BACKGROUND FILLS</em> (see <a
+        <th colspan="4" class="propertyname" scope="row"><em>BACKGROUND FILLS</em> (see <a
               href="http://www.w3.org/TR/css3-background/#backgrounds"
               target="_blank">CSS
-              Backgrounds and Borders Module Level 3: Backgrounds</a>)</td>
-        </tr>
-        <tr>
-            <td class="propertyname">-fx-region-background</td>
+            Backgrounds and Borders Module Level 3: Backgrounds</a>)</th>
+    </tr>
+    <tr>
+        <th class="propertyname" scope="row">-fx-region-background</th>
             <td class="value">javafx.scene.layout.Background</td>
             <td class="default">null</td>
             <td>This cannot be set directly from CSS but is created from the property values of
@@ -2527,14 +2208,14 @@
                 -fx-background-radius, -fx-background-repeat, -fx-background-size</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-background-color</td>
+        <th class="propertyname" scope="row">-fx-background-color</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a>
             [ , <a href="#typepaint" class="typelink">&lt;paint&gt;</a> ]*</td>
           <td class="default">transparent</td>
           <td>A series of paint values separated by commas.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-background-insets</td>
+        <th class="propertyname" scope="row">-fx-background-insets</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a>
             | <a href="#typesize" class="typelink">&lt;size&gt;</a> <a href="#typesize"
               class="typelink">&lt;size&gt;</a>
@@ -2556,7 +2237,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-background-radius</td>
+        <th class="propertyname" scope="row">-fx-background-radius</th>
             <td class="value">[<a href="#typesize" class="typelink">&lt;size&gt;</a>]{1,4} [ / [<a href="#typesize" class="typelink">&lt;size&gt;</a>]{1,4} ]?
                 [ , [<a href="#typesize" class="typelink">&lt;size&gt;</a>]{1,4} [ / [<a href="#typesize" class="typelink">&lt;size&gt;</a>]{1,4} ]? ]*
             <td class="default">0 0 0 0</td>
@@ -2567,20 +2248,20 @@
           </td>
         </tr>
         <tr>
-          <td colspan="4" class="propertyname"><em>BACKGROUND IMAGES</em> (see <a
+        <th colspan="4" class="propertyname" scope="row"><em>BACKGROUND IMAGES</em> (see <a
               href="http://www.w3.org/TR/css3-background/#the-background-image"
               target="_blank">CSS
-              Backgrounds and Borders Module Level 3: Background Image</a>)</td>
-        </tr>
-        <tr>
-          <td class="propertyname">-fx-background-image</td>
+            Backgrounds and Borders Module Level 3: Background Image</a>)</th>
+    </tr>
+    <tr>
+        <th class="propertyname" scope="row">-fx-background-image</th>
           <td class="value"><a href="#typeurl" class="typelink">&lt;uri&gt;</a>
             [ , <a href="#typeurl" class="typelink">&lt;uri&gt;</a> ]*</td>
           <td class="default">null</td>
           <td>A series of image URIs separated by commas.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-background-position</td>
+        <th class="propertyname" scope="row">-fx-background-position</th>
           <td class="value">
             <p>&lt;bg-position&gt; [ , &lt;bg-position&gt; ]*<br>
               <strong>where</strong> &lt;bg-position&gt; = [<br>
@@ -2601,7 +2282,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-background-repeat</td>
+        <th class="propertyname" scope="row">-fx-background-repeat</th>
           <td class="value">&lt;repeat-style&gt; [ , &lt;repeat-style&gt; ]*<br>
             <strong>where</strong> &lt;repeat-style&gt; = repeat-x | repeat-y |
             [repeat | space | round | stretch | no-repeat]{1,2}</td>
@@ -2613,7 +2294,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-background-size</td>
+        <th class="propertyname" scope="row">-fx-background-size</th>
           <td class="value">&lt;bg-size&gt; [ , &lt;bg-size&gt; ]*<br>
             &lt;bg-size&gt; = [ <a href="#typesize" class="typelink">&lt;size&gt;</a>
             | auto ]{1,2} | cover | contain | stretch</td>
@@ -2625,17 +2306,17 @@
           </td>
         </tr>
         <tr>
-          <td colspan="4" class="propertyname"><em>STROKED BORDERS</em> (see <a
+        <th colspan="4" class="propertyname" scope="row"><em>STROKED BORDERS</em> (see <a
               href="http://www.w3.org/TR/css3-background/#borders"
               target="_blank">CSS Backgrounds and Borders Module Level 3: Borders</a>)
             <div><em>BORDER IMAGES</em> (see <a href="http://www.w3.org/TR/css3-background/#border-images"
                                                                                 target="_blank">CSS
                 Backgrounds and Borders Module Level 3: Border Images</a>)</div>
-          </td>
+        </th>
         </tr>
 
         <tr>
-            <td class="propertyname">-fx-region-border</td>
+        <th class="propertyname" scope="row">-fx-region-border</th>
             <td class="value">javafx.scene.layout.Border</td>
             <td class="default">null</td>
             <td>This cannot be set directly from CSS but is created from the property values of
@@ -2644,7 +2325,7 @@
                 -fx-border-image-width</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-color</td>
+        <th class="propertyname" scope="row">-fx-border-color</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a>
             | <a href="#typepaint" class="typelink">&lt;paint&gt;</a> <a href="#typepaint"
               class="typelink">&lt;paint&gt;</a>
@@ -2667,7 +2348,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-insets</td>
+        <th class="propertyname" scope="row">-fx-border-insets</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a>
             | <a href="#typesize" class="typelink">&lt;size&gt;</a> <a href="#typesize"
               class="typelink">&lt;size&gt;</a>
@@ -2690,7 +2371,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-radius</td>
+        <th class="propertyname" scope="row">-fx-border-radius</th>
           <td class="value">[<a href="#typesize" class="typelink">&lt;size&gt;</a>]{1,4} [ / [<a href="#typesize" class="typelink">&lt;size&gt;</a>]{1,4} ]?
             [ , [<a href="#typesize" class="typelink">&lt;size&gt;</a>]{1,4} [ / [<a href="#typesize" class="typelink">&lt;size&gt;</a>]{1,4} ]? ]*
           <td class="default">null</td>
@@ -2701,7 +2382,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-style</td>
+        <th class="propertyname" scope="row">-fx-border-style</th>
           <td class="value">
             <p>&lt;border-style&gt; [ , &lt;border-style&gt; ]*<br>
               <strong>where</strong> &lt;border-style&gt; = &lt;dash-style&gt;
@@ -2729,7 +2410,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-width</td>
+        <th class="propertyname" scope="row">-fx-border-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a>
             | <a href="#typesize" class="typelink">&lt;size&gt;</a> <a href="#typesize"
               class="typelink">&lt;size&gt;</a>
@@ -2753,7 +2434,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-image-source</td>
+        <th class="propertyname" scope="row">-fx-border-image-source</th>
           <td class="value"><a href="#typeurl" class="typelink">&lt;uri&gt;</a>
             [ , <a href="#typeurl" class="typelink">&lt;uri&gt;</a> ]*</td>
           <td class="default">null</td>
@@ -2762,7 +2443,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-image-insets</td>
+        <th class="propertyname" scope="row">-fx-border-image-insets</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a>
             | <a href="#typesize" class="typelink">&lt;size&gt;</a> <a href="#typesize"
               class="typelink">&lt;size&gt;</a>
@@ -2785,7 +2466,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-image-repeat</td>
+        <th class="propertyname" scope="row">-fx-border-image-repeat</th>
           <td class="value">&lt;repeat-style&gt; [ , &lt;repeat-style&gt; ]*<br>
             <strong>where</strong> &lt;repeat-style&gt; = repeat-x | repeat-y |
             [repeat | space | round | no-repeat]{1,2}</td>
@@ -2797,7 +2478,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-image-slice</td>
+        <th class="propertyname" scope="row">-fx-border-image-slice</th>
           <td class="value">
             <p>[<a href="#typesize" class="typelink">&lt;size&gt;</a> | <a href="#typesize"
                 class="typelink">&lt;size&gt;</a>
@@ -2830,7 +2511,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-border-image-width</td>
+        <th class="propertyname" scope="row">-fx-border-image-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a>
             | <a href="#typesize" class="typelink">&lt;size&gt;</a> <a href="#typesize"
               class="typelink">&lt;size&gt;</a>
@@ -2856,10 +2537,10 @@
           </td>
         </tr>
         <tr>
-          <td colspan="4" class="propertyname"><span style="font-style:italic;">OTHER</span></td>
-        </tr>
-        <tr>
-          <td class="propertyname">-fx-padding</td>
+        <th colspan="4" class="propertyname" scope="row"><span style="font-style:italic;">OTHER</span></th>
+    </tr>
+    <tr>
+        <th class="propertyname" scope="row">-fx-padding</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a>
             | <a href="#typesize" class="typelink">&lt;size&gt;</a> <a href="#typesize"
               class="typelink">&lt;size&gt;</a>
@@ -2876,7 +2557,7 @@
           </td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-position-shape</td>
+        <th class="propertyname" scope="row">-fx-position-shape</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td class="default">true</td>
           <td>If <strong>true</strong> means the shape centered within the
@@ -2884,7 +2565,7 @@
             source position. Has no effect if a shape string is not specified.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-scale-shape</td>
+        <th class="propertyname" scope="row">-fx-scale-shape</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td class="default">true</td>
           <td>If <strong>true</strong> means the shape is scaled to fit the
@@ -2893,7 +2574,7 @@
             Has no effect if a shape string is not specified.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-shape</td>
+        <th class="propertyname" scope="row">-fx-shape</th>
           <td class="value">"<a href="#typestring" class="typelink">&lt;string&gt;</a>"</td>
           <td class="default">null</td>
           <td>An SVG path string. By specifying a shape here the region takes on
@@ -2901,14 +2582,14 @@
             of this path string is specified in <a href="#references">[3]</a>.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-snap-to-pixel</td>
+        <th class="propertyname" scope="row">-fx-snap-to-pixel</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td class="default">true</td>
           <td>Defines whether this region rounds position/spacing and ceils size
             values to pixel boundaries when laying out its children.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-region-background</td>
+        <th class="propertyname" scope="row">-fx-region-background</th>
           <td class="value">&nbsp;</td>
           <td class="default">null</td>
           <td>This property is set by specifying -fx-background-color and/or -fx-background-image.
@@ -2919,7 +2600,7 @@
             shorthand notation for -fx-region-background at this time.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-region-border</td>
+        <th class="propertyname" scope="row">-fx-region-border</th>
           <td class="value">&nbsp;</td>
           <td class="default">null</td>
           <td>This property is set by specifying -fx-border-color and/or -fx-border-image.
@@ -2931,7 +2612,7 @@
               shorthand notation for -fx-region-border at this time.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-min-height, -fx-pref-height, -fx-max-height</td>
+        <th class="propertyname" scope="row">-fx-min-height, -fx-pref-height, -fx-max-height</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td class="default">-1</td>
           <td>Percentage values are not useful since the actual value would be
@@ -2939,7 +2620,7 @@
               the parent is laid out.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-min-width, -fx-pref-width, -fx-max-width</td>
+        <th class="propertyname" scope="row">-fx-min-width, -fx-pref-width, -fx-max-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td class="default">-1</td>
           <td>Percentage values are not useful since the actual value would be
@@ -2947,8 +2628,8 @@
               the parent is laid out.</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#parent">Parent</a><br>
-          </td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#parent">Parent</a><br>
+        </th>
         </tr>
       </tbody>
     </table>
@@ -2956,17 +2637,18 @@
     <h4><a id="stackpane">StackPane</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-alignment</td>
+        <th class="propertyname" scope="row">-fx-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -2974,66 +2656,67 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
       </tbody>
     </table>
     <h4><a id="tilepane">TilePane</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th class="default">Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-orientation</td>
+        <th class="propertyname" scope="row">-fx-orientation</th>
           <td class="value">[ horizontal | vertical ]</td>
           <td class="default">horizontal</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pref-rows</td>
+        <th class="propertyname" scope="row">-fx-pref-rows</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;integer&gt;</a></td>
           <td class="default">5</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pref-columns</td>
+        <th class="propertyname" scope="row">-fx-pref-columns</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;integer&gt;</a></td>
           <td class="default">5</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pref-tile-width</td>
+        <th class="propertyname" scope="row">-fx-pref-tile-width</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;size&gt;</a></td>
           <td class="default">-1</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pref-tile-height</td>
+        <th class="propertyname" scope="row">-fx-pref-tile-height</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;size&gt;</a></td>
           <td class="default">-1</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-hgap</td>
+        <th class="propertyname" scope="row">-fx-hgap</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td class="default">0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-vgap</td>
+        <th class="propertyname" scope="row">-fx-vgap</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td class="default">0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-alignment</td>
+        <th class="propertyname" scope="row">-fx-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -3041,7 +2724,7 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-tile-alignment</td>
+        <th class="propertyname" scope="row">-fx-tile-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -3049,30 +2732,31 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
       </tbody>
     </table>
     <h4><a id="vbox">VBox</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-spacing</td>
+        <th class="propertyname" scope="row">-fx-spacing</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-alignment</td>
+        <th class="propertyname" scope="row">-fx-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -3080,13 +2764,13 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-fill-width</td>
+        <th class="propertyname" scope="row">-fx-fill-width</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td class="default">true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#pane">Pane</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#pane">Pane</a></th>
         </tr>
       </tbody>
     </table>
@@ -3111,78 +2795,79 @@
     <h4><a id="shape">Shape</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-fill</td>
+        <th class="propertyname" scope="row">-fx-fill</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
           <td>BLACK</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-smooth</td>
+        <th class="propertyname" scope="row">-fx-smooth</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-stroke</td>
+        <th class="propertyname" scope="row">-fx-stroke</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
           <td>null</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-stroke-type</td>
+        <th class="propertyname" scope="row">-fx-stroke-type</th>
           <td class="value">[ inside | outside | centered ]</td>
           <td>centered</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-stroke-dash-array</td>
+        <th class="propertyname" scope="row">-fx-stroke-dash-array</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a>[
             <a href="#typesize" class="typelink">&lt;size&gt;</a>]+</td>
           <td>see comment</td>
           <td>The initial value is that of an empty array, effectively a solid line.
         </tr>
         <tr>
-          <td class="propertyname">-fx-stroke-dash-offset</td>
+        <th class="propertyname" scope="row">-fx-stroke-dash-offset</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-stroke-line-cap</td>
+        <th class="propertyname" scope="row">-fx-stroke-line-cap</th>
           <td class="value">[ square | butt | round ] </td>
           <td>square</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-stroke-line-join</td>
+        <th class="propertyname" scope="row">-fx-stroke-line-join</th>
           <td class="value">[ miter | bevel | round ] </td>
           <td>miter</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-stroke-miter-limit</td>
+        <th class="propertyname" scope="row">-fx-stroke-miter-limit</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td>10</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-stroke-width</td>
+        <th class="propertyname" scope="row">-fx-stroke-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>1</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#node">Node</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#node">Node</a></th>
         </tr>
       </tbody>
     </table>
@@ -3205,58 +2890,60 @@
     <h4><a id="line">Line</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-fill</td>
+        <th class="propertyname" scope="row">-fx-fill</th>
             <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
             <td>null</td>
             <td></td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-stroke</td>
+        <th class="propertyname" scope="row">-fx-stroke</th>
             <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
             <td>black</td>
             <td></td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#node">Shape</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#node">Shape</a></th>
         </tr>
         </tbody>
     </table>
     <h4><a id="path">Path</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-fill</td>
+        <th class="propertyname" scope="row">-fx-fill</th>
             <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
             <td>null</td>
             <td></td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-stroke</td>
+        <th class="propertyname" scope="row">-fx-stroke</th>
             <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
             <td>black</td>
             <td></td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#node">Shape</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#node">Shape</a></th>
         </tr>
         </tbody>
     </table>
@@ -3271,29 +2958,30 @@
     <h4><a id="rectangle">Rectangle</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-arc-height</td>
+        <th class="propertyname" scope="row">-fx-arc-height</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-arc-width</td>
+        <th class="propertyname" scope="row">-fx-arc-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#shape">Shape</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#shape">Shape</a></th>
         </tr>
       </tbody>
     </table>
@@ -3311,54 +2999,55 @@
     <h4><a id="text">Text</a></h4>
 <p class="styleclass">Style class: empty by default</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-font</td>
+        <th class="propertyname" scope="row">-fx-font</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font&gt;</a></td>
           <td>Font.DEFAULT</td>
           <td>inherits</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font-smoothing-type</td>
+        <th class="propertyname" scope="row">-fx-font-smoothing-type</th>
           <td class="value">[ gray | lcd ] </td>
           <td>gray</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-strikethrough</td>
+        <th class="propertyname" scope="row">-fx-strikethrough</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-text-alignment</td>
+        <th class="propertyname" scope="row">-fx-text-alignment</th>
           <td class="value">[ left | center | right | justify ] </td>
           <td>left</td>
           <td>inherits</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-text-origin</td>
+        <th class="propertyname" scope="row">-fx-text-origin</th>
           <td class="value">[ baseline | top | bottom ] </td>
           <td>baseline</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-underline</td>
+        <th class="propertyname" scope="row">-fx-underline</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has <a href="#fontprops">font
-              properties</a> and all properties of Shape</td>
+        <th colspan="4" class="parents" scope="row">Also has <a href="#fontprops">font
+            properties</a> and all properties of Shape</th>
         </tr>
       </tbody>
     </table>
@@ -3372,71 +3061,72 @@
     <h4><a id="webview">WebView</a></h4>
     <p class="styleclass">Style class: web-view</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-context-menu-enabled</td>
+        <th class="propertyname" scope="row">-fx-context-menu-enabled</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font-smoothing-type</td>
+        <th class="propertyname" scope="row">-fx-font-smoothing-type</th>
           <td class="value">[ gray | lcd ] </td>
           <td>lcd</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font-scale</td>
+        <th class="propertyname" scope="row">-fx-font-scale</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td>1</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-min-width</td>
+        <th class="propertyname" scope="row">-fx-min-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-min-height</td>
+        <th class="propertyname" scope="row">-fx-min-height</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pref-width</td>
+        <th class="propertyname" scope="row">-fx-pref-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>800</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pref-height</td>
+        <th class="propertyname" scope="row">-fx-pref-height</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>600</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-max-width</td>
+        <th class="propertyname" scope="row">-fx-max-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>Double.MAX_VALUE</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-max-height</td>
+        <th class="propertyname" scope="row">-fx-max-height</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>Double.MAX_VALUE</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#parent">Parent</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#parent">Parent</a></th>
         </tr>
       </tbody>
     </table>
@@ -3444,7 +3134,7 @@
     <table class="package" width="100%">
       <tbody>
         <tr>
-          <td><a id="controls">javafx.scene.control</a></td>
+        <td>javafx.scene.control</td>
         </tr>
       </tbody>
     </table>
@@ -3473,25 +3163,26 @@
     <p>The Button control has all the properties of <a href="#buttonbase">ButtonBase</a></p>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">cancel</td>
+        <th class="propertyname" scope="row">cancel</th>
           <td>applies if this Button receives VK_ESC if the event is not
             otherwise consumed</td>
         </tr>
         <tr>
-          <td class="propertyname">default</td>
+        <th class="propertyname" scope="row">default</th>
           <td>applies if this Button receives VK_ENTER if the event is not
             otherwise consumed</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#buttonbase">ButtonBase</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#buttonbase">ButtonBase</a></td>
         </tr>
       </tbody>
     </table>
@@ -3499,70 +3190,73 @@
     <p>The ButtonBase control has all the properties of <a href="#labeled">Labeled</a></p>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">armed</td>
+        <th class="propertyname" scope="row">armed</th>
           <td>applies when the <strong>armed</strong> variable is true</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#labeled">Labeled</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#labeled">Labeled</a></td>
         </tr>
       </tbody>
     </table>
     <h4><a id="cell">Cell</a></h4>
     <p class="styleclass">Style class: cell</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-cell-size</td>
+        <th class="propertyname" scope="row">-fx-cell-size</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>24</td>
           <td>The cell size. For vertical ListView or a TreeView or TableView
             this is the height, for a horizontal ListView this is the width.</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">The Cell control has all the
-            properties of <a href="#labeled">Labeled</a></td>
+        <th colspan="4" class="parents" scope="row">The Cell control has all the
+            properties of <a href="#labeled">Labeled</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">empty</td>
+        <th class="propertyname" scope="row">empty</th>
           <td>applies when the <strong>empty </strong>variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">filled</td>
+        <th class="propertyname" scope="row">filled</th>
           <td>applies when the <strong>empty</strong> variable is false</td>
         </tr>
         <tr>
-          <td class="propertyname">selected</td>
+        <th class="propertyname" scope="row">selected</th>
           <td>applies when the <strong>selected</strong> variable is true</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#labeled">Labeled</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#labeled">Labeled</a></td>
         </tr>
       </tbody>
     </table>
@@ -3575,28 +3269,29 @@
     <p>The CheckBox control has all the properties of <a href="#buttonbase">ButtonBase</a></p>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">selected</td>
+        <th class="propertyname" scope="row">selected</th>
           <td>applies when the <strong>selected</strong> variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">determinate</td>
+        <th class="propertyname" scope="row">determinate</th>
           <td>applies when the <strong>indeterminate </strong>variable is
             false</td>
         </tr>
         <tr>
-          <td class="propertyname">indeterminate</td>
+        <th class="propertyname" scope="row">indeterminate</th>
           <td>applies when the <strong>indeterminate </strong>variable is true</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#buttonbase">ButtonBase</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#buttonbase">ButtonBase</a></td>
         </tr>
       </tbody>
     </table>
@@ -3611,15 +3306,16 @@
     <h4><a id="checkmenuitem">CheckMenuItem</a></h4>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">selected</td>
+        <th class="propertyname" scope="row">selected</th>
           <td>applies if this item is selected</td>
         </tr>
       </tbody>
@@ -3639,23 +3335,24 @@
     <p class="styleclass">Style class: color-picker</p>
 	<p>The ColorPicker control has all the properties and pseudo&#8209;classes of <a href="#comboboxbase">ComboBoxBase</a></p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-color-label-visible</td>
+        <th class="propertyname" scope="row">-fx-color-label-visible</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
@@ -3700,23 +3397,24 @@
       </li>
     </ul>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">editable</td>
+        <th class="propertyname" scope="row">editable</th>
           <td>applies when the <strong>editable </strong>variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">showing</td>
+        <th class="propertyname" scope="row">showing</th>
           <td>applies when the <strong>showing </strong>variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">armed</td>
+        <th class="propertyname" scope="row">armed</th>
           <td>applies when the <strong>armed </strong>variable is true</td>
         </tr>
       </tbody>
@@ -3759,23 +3457,24 @@
     <h4><a id="control">Control</a></h4>
     <p>The Control class has all the properties of <a href="#region">Region</a></p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-skin</td>
+        <th class="propertyname" scope="row">-fx-skin</th>
             <td class="value"><a href="#typestring" class="typelink">&lt;string&gt;</a></td>
             <td>null</td>
             <td>The class name of the Control's Skin.</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-focus-traversable</td>
+        <th class="propertyname" scope="row">-fx-focus-traversable</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td class="default">true</td>
             <td>Control sets the default value of the focusTraversable property to true. The default value
@@ -3788,23 +3487,24 @@
     <p class="styleclass">Style class: date-picker</p>
     <p>The DatePicker control has all the properties and pseudo&#8209;classes of <a href="#comboboxbase">ComboBoxBase</a></p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-show-week-numbers</td>
+        <th class="propertyname" scope="row">-fx-show-week-numbers</th>
             <td class="value"><a href="#typeboolean" class="typeboolean">&lt;boolean&gt;</a></td>
             <td>true if the resource bundle property "DatePicker.showWeekNumbers" contains the country code.</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
         </tbody>
     </table>
@@ -3858,17 +3558,18 @@
     <p class="styleclass">Style class: hyperlink</p>
     <p>The Hyperlink control has all the properties of <a href="#buttonbase">ButtonBase</a>.</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-cursor</td>
+        <th class="propertyname" scope="row">-fx-cursor</th>
             <td class="value">[ null | crosshair | default | hand | move |
                 e-resize | h-resize | ne-resize | nw-resize | n-resize | se-resize |
                 sw-resize | s-resize | w-resize | v-resize | text | wait ] | <a href="#typeurl"
@@ -3880,19 +3581,20 @@
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">visited</td>
+        <th class="propertyname" scope="row">visited</th>
           <td>applies when the <strong>visited </strong>variable is true</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#buttonbase">ButtonBase</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#buttonbase">ButtonBase</a></td>
         </tr>
       </tbody>
     </table>
@@ -3905,23 +3607,24 @@
     <p>The IndexedCell control has all the properties of <a href="#cell">Cell</a>.</p>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">even</td>
+        <th class="propertyname" scope="row">even</th>
           <td>applies if this cell's index is even</td>
         </tr>
         <tr>
-          <td class="propertyname">odd</td>
+        <th class="propertyname" scope="row">odd</th>
           <td>applies if this cell's index is odd</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all pseudo&#8209;classes of <a href="#cell">Cell</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#cell">Cell</a></th>
         </tr>
       </tbody>
     </table>
@@ -3930,17 +3633,18 @@
     <p>Label has all the properties and pseudo&#8209;class state of <a href="#labeled">Labeled</a></p>
     <h4><a id="labeled">Labeled</a></h4>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-alignment</td>
+        <th class="propertyname" scope="row">-fx-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -3948,13 +3652,13 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-text-alignment</td>
+        <th class="propertyname" scope="row">-fx-text-alignment</th>
           <td class="value">[ left | center | right | justify ]</td>
           <td>left</td>
           <td>text-align from CSS spec maps to textAlignment in JavaFX</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-text-overrun</td>
+        <th class="propertyname" scope="row">-fx-text-overrun</th>
           <td class="value">[ center-ellipsis | center-word-ellipsis | clip |
             ellipsis | leading-ellipsis | leading-word-ellipsis | word-ellipsis
             ]</td>
@@ -3962,44 +3666,44 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-wrap-text</td>
+        <th class="propertyname" scope="row">-fx-wrap-text</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font</td>
+        <th class="propertyname" scope="row">-fx-font</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font&gt;</a></td>
           <td>platform dependent</td>
           <td>inherits<br>The initial value is that of Font.getDefault()</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-underline</td>
+        <th class="propertyname" scope="row">-fx-underline</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-graphic</td>
+        <th class="propertyname" scope="row">-fx-graphic</th>
           <td class="value"><a href="#typeurl" class="typelink">&lt;uri&gt;</a></td>
           <td>null</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-content-display</td>
+        <th class="propertyname" scope="row">-fx-content-display</th>
           <td class="value">[ top | right | bottom | left | center | right |
             graphic-only | text-only ]</td>
           <td>left</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-graphic-text-gap</td>
+        <th class="propertyname" scope="row">-fx-graphic-text-gap</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>4</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-label-padding</td>
+        <th class="propertyname" scope="row">-fx-label-padding</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a>
             | <a href="#typesize" class="typelink">&lt;size&gt;</a> <a href="#typesize"
               class="typelink">&lt;size&gt;</a>
@@ -4009,19 +3713,19 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-text-fill</td>
+        <th class="propertyname" scope="row">-fx-text-fill</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
           <td>black</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-ellipsis-string</td>
+        <th class="propertyname" scope="row">-fx-ellipsis-string</th>
           <td class="value"><a href="#typestring" class="typelink">&lt;string&gt;</a></td>
           <td>...</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
@@ -4032,17 +3736,18 @@
     <h4><a id="listview">ListView</a></h4>
     <p class="styleclass">Style class: list-view</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-orientation</td>
+        <th class="propertyname" scope="row">-fx-orientation</th>
           <td class="value">[ horizontal | vertical ]</td>
           <td class="default">vertical</td>
           <td>&nbsp;</td>
@@ -4051,19 +3756,20 @@
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">horizontal</td>
+        <th class="propertyname" scope="row">horizontal</th>
           <td>applies if this ListView is horizontal</td>
         </tr>
         <tr>
-          <td class="propertyname">vertical</td>
+        <th class="propertyname" scope="row">vertical</th>
           <td>applies if this ListView is vertical</td>
         </tr>
       </tbody>
@@ -4091,42 +3797,44 @@
     <p class="styleclass">Style class: menu</p>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">showing</td>
+        <th class="propertyname" scope="row">showing</th>
           <td>applies if this Menu is showing</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
         </tr>
       </tbody>
     </table>
     <h4><a id="menubar">MenuBar</a></h4>
     <p class="styleclass">Style class: menu-bar</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-use-system-menu-bar</td>
+        <th class="propertyname" scope="row">-fx-use-system-menu-bar</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
@@ -4140,23 +3848,24 @@
     <p>The MenuButton control has all the properties of <a href="#buttonbase">ButtonBase</a></p>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">openvertically</td>
+        <th class="propertyname" scope="row">openvertically</th>
           <td>applies if the <strong>openVertically</strong> variable is true</td>
         </tr>
         <tr>
-          <td class="propertyname">showing</td>
+        <th class="propertyname" scope="row">showing</th>
           <td>applies if the <strong>showing</strong> variable is true</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#node">Node</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#node">Node</a></td>
         </tr>
       </tbody>
     </table>
@@ -4166,29 +3875,30 @@
     <p class="styleclass">Style class: pagination</p>
 	<p>Pagination has all the pseudo&#8209;class states of <a href="#control">Control</a></p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-max-page-indicator-count</td>
+        <th class="propertyname" scope="row">-fx-max-page-indicator-count</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;number&gt;</a></td>
           <td>10</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-arrows-visible</td>
+        <th class="propertyname" scope="row">-fx-arrows-visible</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-tooltip-visible</td>
+        <th class="propertyname" scope="row">-fx-tooltip-visible</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>When set to true, a tooltip which shows the page number is set on the page indicators.
@@ -4196,19 +3906,19 @@
               not</em> affect the visibility of the tooltip set or installed on the Pagination control itself.</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-page-information-visible</td>
+        <th class="propertyname" scope="row">-fx-page-information-visible</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-page-information-alignment</td>
+        <th class="propertyname" scope="row">-fx-page-information-alignment</th>
           <td class="value">[ top | bottom | left | right ]</td>
           <td>bottom</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
@@ -4242,63 +3952,65 @@
     <h4><a id="progressbar">ProgressBar</a></h4>
     <p class="styleclass">Style class: progress-bar</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-indeterminate-bar-length</td>
+        <th class="propertyname" scope="row">-fx-indeterminate-bar-length</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td>60</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-indeterminate-bar-escape</td>
+        <th class="propertyname" scope="row">-fx-indeterminate-bar-escape</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-indeterminate-bar-flip</td>
+        <th class="propertyname" scope="row">-fx-indeterminate-bar-flip</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-indeterminate-bar-animation-time</td>
+        <th class="propertyname" scope="row">-fx-indeterminate-bar-animation-time</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td>2.0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Pseudo-class</th>
+        <th class="propertyname" scope="row">CSS Pseudo-class</th>
             <th>Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">determinate</td>
+        <th class="propertyname" scope="row">determinate</th>
             <td>applies if the <strong>indeterminate</strong> variable is false</td>
         </tr>
         <tr>
-            <td class="propertyname">indetermindate</td>
+        <th class="propertyname" scope="row">indetermindate</th>
             <td>applies if the <strong>indeterminate</strong> variable is true</td>
         </tr>
         <tr>
-            <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
         </tr>
         </tbody>
     </table>
@@ -4313,57 +4025,59 @@
     <h4><a id="progressindicator">ProgressIndicator</a></h4>
     <p class="styleclass">Style class: progress-indicator</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
       <tr>
-          <td class="propertyname">-fx-indeterminate-segment-count</td>
+        <th class="propertyname" scope="row">-fx-indeterminate-segment-count</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td>8</td>
           <td>&nbsp;</td>
       </tr>
       <tr>
-          <td class="propertyname">-fx-progress-color</td>
+        <th class="propertyname" scope="row">-fx-progress-color</th>
             <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
           <td>null</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-spin-enabled</td>
+        <th class="propertyname" scope="row">-fx-spin-enabled</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>false</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">determinate</td>
+        <th class="propertyname" scope="row">determinate</th>
           <td>applies if the <strong>indeterminate</strong> variable is false</td>
         </tr>
         <tr>
-          <td class="propertyname">indetermindate</td>
+        <th class="propertyname" scope="row">indetermindate</th>
           <td>applies if the <strong>indeterminate</strong> variable is true</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
         </tr>
       </tbody>
     </table>
@@ -4389,15 +4103,16 @@
     <h4><a id="radiomenuitem">RadioMenuItem</a></h4>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">selected</td>
+        <th class="propertyname" scope="row">selected</th>
           <td>applies if this item is selected</td>
         </tr>
       </tbody>
@@ -4405,29 +4120,30 @@
     <h4><a id="scrollbar">ScrollBar</a></h4>
     <p class="styleclass">Style class: scroll-bar</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-orientation</td>
+        <th class="propertyname" scope="row">-fx-orientation</th>
           <td class="value">[ horizontal | vertical ]</td>
           <td class="default">horizontal</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-block-increment</td>
+        <th class="propertyname" scope="row">-fx-block-increment</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td>10</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-unit-increment</td>
+        <th class="propertyname" scope="row">-fx-unit-increment</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
           <td>1</td>
           <td>&nbsp;</td>
@@ -4436,23 +4152,24 @@
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">vertical</td>
+        <th class="propertyname" scope="row">vertical</th>
           <td>applies if this ScrollBar is vertical</td>
         </tr>
         <tr>
-          <td class="propertyname">horizontal</td>
+        <th class="propertyname" scope="row">horizontal</th>
           <td>applies if this ScrollBar is horizontal</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
         </tr>
       </tbody>
     </table>
@@ -4474,73 +4191,75 @@
     <h4><a id="scrollpane">ScrollPane</a></h4>
     <p class="styleclass">Style class: scroll-pane</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-fit-to-width</td>
+        <th class="propertyname" scope="row">-fx-fit-to-width</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-fit-to-height</td>
+        <th class="propertyname" scope="row">-fx-fit-to-height</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pannable</td>
+        <th class="propertyname" scope="row">-fx-pannable</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-hbar-policy</td>
+        <th class="propertyname" scope="row">-fx-hbar-policy</th>
           <td class="value">[ never | always | as-needed ]</td>
           <td>as-needed</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-vbar-policy</td>
+        <th class="propertyname" scope="row">-fx-vbar-policy</th>
           <td class="value">[ never | always | as-needed ]</td>
           <td>as-needed</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">pannable</td>
+        <th class="propertyname" scope="row">pannable</th>
           <td>applies if this ScrollPane is pannable</td>
         </tr>
         <tr>
-          <td class="propertyname">fitToWidth</td>
+        <th class="propertyname" scope="row">fitToWidth</th>
           <td>applies if this ScrollPane is fitToWidth</td>
         </tr>
         <tr>
-          <td class="propertyname">fitToHeight</td>
+        <th class="propertyname" scope="row">fitToHeight</th>
           <td>applies if this ScrollPane is fitToHeight</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
         </tr>
       </tbody>
     </table>
@@ -4561,57 +4280,59 @@
     <h4><a id="separator">Separator</a></h4>
     <p class="styleclass">Style class: separator</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
-        </tr>
-        <tr>
-          <td class="propertyname">-fx-orientation</td>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+        <th class="propertyname" scope="row">-fx-orientation</th>
           <td class="value">[ horizontal | vertical ]</td>
           <td class="default">horizontal</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-halignment</td>
+        <th class="propertyname" scope="row">-fx-halignment</th>
           <td class="value">[ left | center | right ]</td>
           <td>center</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-valignment</td>
+        <th class="propertyname" scope="row">-fx-valignment</th>
           <td class="value">[ top | center | baseline | bottom ]</td>
           <td>center</td>
           <td>&nbsp;</td>
         </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <tr>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">horizontal</td>
+        <th class="propertyname" scope="row">horizontal</th>
           <td>applies if this Separator is horizontal</td>
         </tr>
         <tr>
-          <td class="propertyname">vertical</td>
+        <th class="propertyname" scope="row">vertical</th>
           <td>applies if this Separator is vertical</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
         </tr>
       </tbody>
     </table>
@@ -4625,32 +4346,33 @@
         style classes can also be used in combination with the default style class in order to control the
         layout of the Spinner.
     </p>
-    <table>
+<table class="csspropertytable">
+    <caption>Available Style Classes</caption>
         <thead>
         <tr>
-            <th class="styleclass">style class</th>
-            <th>Comment</th>
+        <th class="propertyname" scope="col">Style Class</th>
+        <th scope="col">Comment</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="value">arrows-on-right-horizontal</td>
+        <th scope="row" class="propertyname">arrows-on-right-horizontal</th>
             <td>The arrows are placed on the right of the Spinner, pointing horizontally (i.e. left and right)</td>
         </tr>
         <tr>
-            <td class="value">arrows-on-left-vertical</td>
+        <th scope="row" class="propertyname">arrows-on-left-vertical</th>
             <td>The arrows are placed on the left of the Spinner, pointing vertically (i.e. up and down)</td>
         </tr>
         <tr>
-            <td class="value">arrows-on-left-horizontal</td>
+        <th scope="row" class="propertyname">arrows-on-left-horizontal</th>
             <td>The arrows are placed on the left of the Spinner, pointing horizontally (i.e. left and right)</td>
         </tr>
         <tr>
-            <td class="value">split-arrows-vertical</td>
+        <th scope="row" class="propertyname">split-arrows-vertical</th>
             <td>The arrows are placed above and beneath the spinner, stretching to take the entire width</td>
         </tr>
         <tr>
-            <td class="value">split-arrows-horizontal</td>
+        <th scope="row" class="propertyname">split-arrows-horizontal</th>
             <td>The decrement arrow is placed on the left of the Spinner, and the increment on the right</td>
         </tr>
         </tbody>
@@ -4658,31 +4380,33 @@
 
     <p>&nbsp;</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
         </tr>
       </tbody>
     </table>
@@ -4703,87 +4427,89 @@
     <h4><a id="slider">Slider</a></h4>
     <p class="styleclass">Style class: slider</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-orientation</td>
+        <th class="propertyname" scope="row">-fx-orientation</th>
             <td class="value">[ horizontal | vertical ]</td>
             <td class="default">horizontal</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-show-tick-labels</td>
+        <th class="propertyname" scope="row">-fx-show-tick-labels</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
             <td>false</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-show-tick-marks</td>
+        <th class="propertyname" scope="row">-fx-show-tick-marks</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
             <td>false</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-major-tick-unit</td>
+        <th class="propertyname" scope="row">-fx-major-tick-unit</th>
             <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
             <td>25</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-minor-tick-count</td>
+        <th class="propertyname" scope="row">-fx-minor-tick-count</th>
             <td class="value"><a href="#typenumber" class="typelink">&lt;integer&gt;</a></td>
             <td>3</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-show-tick-labels</td>
+        <th class="propertyname" scope="row">-fx-show-tick-labels</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
             <td>false</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-snap-to-ticks</td>
+        <th class="propertyname" scope="row">-fx-snap-to-ticks</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
             <td>false</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-block-increment</td>
+        <th class="propertyname" scope="row">-fx-block-increment</th>
             <td class="value"><a href="#typenumber" class="typelink">&lt;integer&gt;</a></td>
             <td>10</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
         </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Pseudo-class</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">horizontal</td>
+        <th class="propertyname" scope="row">horizontal</th>
             <td>applies if this Slider is horizontal</td>
         </tr>
         <tr>
-            <td class="propertyname">vertical</td>
+        <th class="propertyname" scope="row">vertical</th>
             <td>applies if this Slider is vertical</td>
         </tr>
         <tr>
-            <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></th>
         </tr>
         </tbody>
     </table>
@@ -4796,62 +4522,65 @@
     <h4><a id="splitmenubutton">SplitMenuButton</a></h4>
     <p class="styleclass">Style class: split-menu-button</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#menubutton">MenuButton</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#menubutton">MenuButton</a></th>
         </tr>
         </tbody>
     </table>
     <h4><a id="splitpane">SplitPane</a></h4>
     <p class="styleclass">Style class: split-pane</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-orientation</td>
+        <th class="propertyname" scope="row">-fx-orientation</th>
           <td class="value">[ horizontal | vertical ]</td>
           <td class="default">horizontal</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">horizontal</td>
+        <th class="propertyname" scope="row">horizontal</th>
           <td>applies if this Slider is horizontal</td>
         </tr>
         <tr>
-          <td class="propertyname">vertical</td>
+        <th class="propertyname" scope="row">vertical</th>
           <td>applies if this Slider is vertical</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
@@ -4868,83 +4597,85 @@
     <p class="styleclass">Style class: tab-pane</p>
     <p>Note: The styleclass is "tab-pane floating" if the TabPane is floating.</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-tab-min-width</td>
+        <th class="propertyname" scope="row">-fx-tab-min-width</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;integer&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-tab-max-width</td>
+        <th class="propertyname" scope="row">-fx-tab-max-width</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;integer&gt;</a></td>
           <td>Double.MAX_VALUE</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-tab-min-height</td>
+        <th class="propertyname" scope="row">-fx-tab-min-height</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;integer&gt;</a></td>
           <td>0</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-tab-max-height</td>
+        <th class="propertyname" scope="row">-fx-tab-max-height</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;integer&gt;</a></td>
           <td>Double.MAX_VALUE</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-open-tab-animation</td>
+        <th class="propertyname" scope="row">-fx-open-tab-animation</th>
             <td class="value">[ grow | none ]</td>
             <td>grow</td>
             <td>&#39;none&#39; disables Tab opening animation</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-close-tab-animation</td>
+        <th class="propertyname" scope="row">-fx-close-tab-animation</th>
             <td class="value">[ grow | none ]</td>
             <td>grow</td>
             <td>&#39;none&#39; disables Tab closing animation</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">top</td>
+        <th class="propertyname" scope="row">top</th>
           <td>applies if the side is top</td>
         </tr>
         <tr>
-          <td class="propertyname">right</td>
+        <th class="propertyname" scope="row">right</th>
           <td>applies if the side is rght</td>
         </tr>
         <tr>
-          <td class="propertyname">bottom</td>
+        <th class="propertyname" scope="row">bottom</th>
           <td>applies if the side is bottom</td>
         </tr>
         <tr>
-          <td class="propertyname">left</td>
+        <th class="propertyname" scope="row">left</th>
           <td>applies if the side is left</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
@@ -4976,40 +4707,42 @@
     <h4><a id="tablecolumnheader">TableColumnHeader</a></h4>
     <p class="styleclass">Style class: column-header</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
-        <tr>
-            <td class="propertyname">-fx-size</td>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
+        </thead>
+        <tbody>
+        <tr>
+        <th class="propertyname" scope="row">-fx-size</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
             <td>20</td>
             <td>The table column header size.</td>
         </tr>
-        </thead>
-        <tbody>
-        <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#region">Region</a></td>
+        <tr>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#region">Region</a></th>
         </tr>
         </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Pseudo-class</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">last-visible</td>
+        <th class="propertyname" scope="row">last-visible</th>
             <td>applies if this is the last visible column in the table.</td>
         </tr>
         <tr>
-            <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#node">Node</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#node">Node</a></th>
         </tr>
         </tbody>
     </table>
@@ -5042,45 +4775,47 @@
     <h4><a id="tableview">TableView</a></h4>
     <p class="styleclass">Style class: table-view</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
-        <tr>
-          <td class="propertyname">-fx-fixed-cell-size</td>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
+      </thead>
+      <tbody>
+        <tr>
+        <th class="propertyname" scope="row">-fx-fixed-cell-size</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>-1</td>
           <td>A value greater than zero sets the fixed cell size of the table.
               A value of zero or less disables fixed cell size.</td>
         </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <tr>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">cell-selection</td>
+        <th class="propertyname" scope="row">cell-selection</th>
           <td>applies if this TableView's selection model is cell selection</td>
         </tr>
         <tr>
-          <td class="propertyname">row-selection</td>
+        <th class="propertyname" scope="row">row-selection</th>
           <td>applies if this TableView's selection model is row selection</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#node">Node</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#node">Node</a></th>
         </tr>
       </tbody>
     </table>
@@ -5114,35 +4849,36 @@
     <h4><a id="text-area">TextArea</a></h4>
     <p class="styleclass">Style class: text-area</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-pref-column-count</td>
+        <th class="propertyname" scope="row">-fx-pref-column-count</th>
           <td class="value">number</td>
           <td class="default">40</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pref-row-count</td>
+        <th class="propertyname" scope="row">-fx-pref-row-count</th>
           <td class="value">number</td>
           <td class="default">10</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-wrap-text</td>
+        <th class="propertyname" scope="row">-fx-wrap-text</th>
           <td class="value">boolean</td>
           <td class="default">false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#textinputcontrol">TextInputControl</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#textinputcontrol">TextInputControl</a></th>
         </tr>
       </tbody>
     </table>
@@ -5156,89 +4892,92 @@
     </ul>
     <h4><a id="textinputcontrol">TextInputControl</a></h4>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-font</td>
+        <th class="propertyname" scope="row">-fx-font</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font&gt;</a></td>
           <td>null</td>
           <td>inherits</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-text-fill</td>
+        <th class="propertyname" scope="row">-fx-text-fill</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
           <td>black</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-prompt-text-fill</td>
+        <th class="propertyname" scope="row">-fx-prompt-text-fill</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
           <td>gray</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-highlight-fill</td>
+        <th class="propertyname" scope="row">-fx-highlight-fill</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
           <td>dodgerblue</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-highlight-text-fill</td>
+        <th class="propertyname" scope="row">-fx-highlight-text-fill</th>
           <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
           <td>white</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-display-caret</td>
+        <th class="propertyname" scope="row">-fx-display-caret</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has <a href="#fontprops">Font
-              Properties</a> and all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has <a href="#fontprops">Font
+            Properties</a> and all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">readonly</td>
+        <th class="propertyname" scope="row">readonly</th>
           <td>applies if this TextInputControl is not editable</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4><a id="textfield">TextField</a></h4>
     <p class="styleclass">Style class: text-field</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-alignment</td>
+        <th class="propertyname" scope="row">-fx-alignment</th>
           <td class="value">[ top-left | top-center | top-right | center-left |
             center | center-right bottom-left | bottom-center | bottom-right |
             baseline-left | baseline-center | baseline-right ]</td>
@@ -5246,65 +4985,67 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-pref-column-count</td>
+        <th class="propertyname" scope="row">-fx-pref-column-count</th>
           <td class="value">number</td>
           <td class="default">12</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#textinputcontrol">TextInputControl</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#textinputcontrol">TextInputControl</a></th>
         </tr>
       </tbody>
     </table>
     <p>TextField has all the pseudo&#8209;class states of <a href="#textinputcontrol">TextInputControl</a></p>
     <h4><a id="titledpane">TitledPane</a></h4>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-animated</td>
+        <th class="propertyname" scope="row">-fx-animated</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-collapsible</td>
+        <th class="propertyname" scope="row">-fx-collapsible</th>
           <td class="value"><a href="#typenumber" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has <a href="#fontprops">Font
-              Properties</a> and all properties of <a href="#labeled">Labeled</a></td>
+        <th colspan="4" class="parents" scope="row">Also has <a href="#fontprops">Font
+            Properties</a> and all properties of <a href="#labeled">Labeled</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">expanded</td>
+        <th class="propertyname" scope="row">expanded</th>
           <td>applies if this TitledPane is expanded</td>
         </tr>
         <tr>
-          <td class="propertyname">collapsed</td>
+        <th class="propertyname" scope="row">collapsed</th>
           <td>applies if this TitledPane is collapsed</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#labeled">Labeled</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#labeled">Labeled</a></th>
         </tr>
       </tbody>
     </table>
@@ -5327,64 +5068,67 @@
     <p>The ToggleButton control has all the properties of <a href="#buttonbase">ButtonBase</a>.</p>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">selected</td>
+        <th class="propertyname" scope="row">selected</th>
           <td>applies if this ToggleButton is selected</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#buttonbase">ButtonBase</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#buttonbase">ButtonBase</a></th>
         </tr>
       </tbody>
     </table>
     <h4><a id="toolbar">ToolBar</a></h4>
     <p class="styleclass">Style class: tool-bar</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-orientation</td>
+        <th class="propertyname" scope="row">-fx-orientation</th>
           <td class="value">[ horizontal | vertical ]</td>
           <td class="default">horizontal</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">horizontal</td>
+        <th class="propertyname" scope="row">horizontal</th>
           <td>applies if this ToolBar is horizontal</td>
         </tr>
         <tr>
-          <td class="propertyname">vertical</td>
+        <th class="propertyname" scope="row">vertical</th>
           <td>applies if this ToolBar is vertical</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#control">Control</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#control">Control</a></th>
         </tr>
       </tbody>
     </table>
@@ -5399,23 +5143,24 @@
     <h4><a id="tooltip">Tooltip</a></h4>
     <p class="styleclass">Style class: tooltip</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-text-alignment</td>
+        <th class="propertyname" scope="row">-fx-text-alignment</th>
           <td class="value">[ left | center | right | justify ]</td>
           <td>left</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-text-overrun</td>
+        <th class="propertyname" scope="row">-fx-text-overrun</th>
           <td class="value">[ center-ellipsis | center-word-ellipsis | clip |
             ellipsis | leading-ellipsis | leading-word-ellipsis | word-ellipsis
             ]</td>
@@ -5423,50 +5168,50 @@
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-wrap-text</td>
+        <th class="propertyname" scope="row">-fx-wrap-text</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>false</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-graphic</td>
+        <th class="propertyname" scope="row">-fx-graphic</th>
           <td class="value"><a href="#typeurl" class="typelink">&lt;uri&gt;</a></td>
           <td>null</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-content-display</td>
+        <th class="propertyname" scope="row">-fx-content-display</th>
           <td class="value">[ top | right | bottom | left | center | right |
             graphic-only | text-only ]</td>
           <td>left</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-graphic-text-gap</td>
+        <th class="propertyname" scope="row">-fx-graphic-text-gap</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>4</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-font</td>
+        <th class="propertyname" scope="row">-fx-font</th>
           <td class="value"><a href="#typefont" class="typelink">&lt;font&gt;</a></td>
           <td>Font.DEFAULT</td>
           <td>inherits</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-show-delay</td>
+        <th class="propertyname" scope="row">-fx-show-delay</th>
             <td class="value"><a href="#typefont" class="typelink">&lt;duration&gt;</a></td>
             <td>1000ms</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-show-duration</td>
+        <th class="propertyname" scope="row">-fx-show-duration</th>
             <td class="value"><a href="#typefont" class="typelink">&lt;duration&gt;</a></td>
             <td>5000ms</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-hide-delay</td>
+        <th class="propertyname" scope="row">-fx-hide-delay</th>
             <td class="value"><a href="#typefont" class="typelink">&lt;duration&gt;</a></td>
             <td>200ms</td>
             <td>&nbsp;</td>
@@ -5482,81 +5227,85 @@
     <h4><a id="treecell">TreeCell</a></h4>
     <p class="styleclass">Style class: tree-cell</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-indent</td>
+        <th class="propertyname" scope="row">-fx-indent</th>
           <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
           <td>10</td>
           <td>The amout of space to multiply by the treeItem.level to get the
             left margin</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Also has all properties of <a href="#indexedcell">IndexedCell</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#indexedcell">IndexedCell</a></th>
         </tr>
       </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Pseudo-class</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">expanded</td>
+        <th class="propertyname" scope="row">expanded</th>
           <td>applies if this cell is expanded</td>
         </tr>
         <tr>
-          <td class="propertyname">collapsed</td>
+        <th class="propertyname" scope="row">collapsed</th>
           <td>applies if this cell is not expanded</td>
         </tr>
         <tr>
-          <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#indexedcell">IndexedCell</a></td>
+        <td colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#indexedcell">IndexedCell</a></td>
         </tr>
       </tbody>
     </table>
     <h4><a id="treetablecell">TreeTableCell</a></h4>
     <p class="styleclass">Style class: tree-table-cell</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td colspan="4" class="parents">Also has all properties of <a href="#indexedcell">IndexedCell</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties of <a href="#indexedcell">IndexedCell</a></th>
         </tr>
         </tbody>
     </table>
     <h4>Pseudo-classes</h4>
     <table class="csspropertytable">
+    <caption>Available CSS Pseudo-classes</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Pseudo-class</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Pseudo-class</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">last-visible</td>
+        <th class="propertyname" scope="row">last-visible</th>
             <td>true if this is the last visible cell, typically the right-most cell in the TreeTableView</td>
         </tr>
         <tr>
-            <td colspan="2" class="parents">Also has all pseudo&#8209;classes of <a href="#indexedcell">IndexedCell</a></td>
+        <th colspan="2" class="parents" scope="row">Also has all pseudo&#8209;classes of <a href="#indexedcell">IndexedCell</a></th>
         </tr>
         </tbody>
     </table>
@@ -5564,24 +5313,25 @@
     <h4><a id="treetableview">TreeView</a></h4>
     <p class="styleclass">Style class: tree-table-view</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-fixed-cell-size</td>
+        <th class="propertyname" scope="row">-fx-fixed-cell-size</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
             <td>Region.USE_COMPUTED_SIZE</td>
             <td>If both -fx-cell-size and -fx-fixed-cell-size properties are
                 specified in CSS, -fx-fixed-cell-size takes precedence.</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties and pseudo&#8209;class state of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties and pseudo&#8209;class state of <a href="#control">Control</a></th>
         </tr>
         </tbody>
     </table>
@@ -5589,24 +5339,25 @@
     <h4><a id="treeview">TreeView</a></h4>
     <p class="styleclass">Style class: tree-view</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-fixed-cell-size</td>
+        <th class="propertyname" scope="row">-fx-fixed-cell-size</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
             <td>Region.USE_COMPUTED_SIZE</td>
             <td>If both -fx-cell-size and -fx-fixed-cell-size properties are
                 specified in CSS, -fx-fixed-cell-size takes precedence.</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Also has all properties and pseudo&#8209;class state of <a href="#control">Control</a></td>
+        <th colspan="4" class="parents" scope="row">Also has all properties and pseudo&#8209;class state of <a href="#control">Control</a></th>
         </tr>
         </tbody>
     </table>
@@ -5621,39 +5372,40 @@
     </table>
     <h4><a id="areachart">AreaChart</a></h4>
     <table class="csspropertytable">
+    <caption>Available Style Classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">Style class</th>
-          <th>Comments</th>
-          <th>Properties</th>
+        <th class="propertyname" scope="col">Style class</th>
+        <th scope="col">Comments</th>
+        <th scope="col">Properties</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">"chart-series-area-line series&lt;i&gt;
-            default-color&lt;j&gt;"</td>
+        <th class="propertyname" scope="row">"chart-series-area-line series&lt;i&gt;
+            default-color&lt;j&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series and &lt;j&gt; is the
             series&rsquo; color index.
           <td><a href="#node" class="typelink">Node</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-series-area-fill series&lt;i&gt;
-            default-color&lt;j&gt;"</td>
+        <th class="propertyname" scope="row">"chart-series-area-fill series&lt;i&gt;
+            default-color&lt;j&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series and &lt;j&gt; is the
             series&rsquo; color index.
           <td><a href="#path" class="typelink">Path</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-area-symbol series&lt;i&gt;
-            data&lt;j&gt; default-color&lt;k&gt;"</td>
+        <th class="propertyname" scope="row">"chart-area-symbol series&lt;i&gt;
+            data&lt;j&gt; default-color&lt;k&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series, &lt;j&gt; is the index
             of the data within the series, and &lt;k&gt; is the series&rsquo;
             color index</td>
           <td><a href="#path" class="typelink">Path</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-area-symbol series&lt;i&gt;
-            area-legend-symbol default-color&lt;j&gt;"</td>
+        <th class="propertyname" scope="row">"chart-area-symbol series&lt;i&gt;
+            area-legend-symbol default-color&lt;j&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series and &lt;j&gt; is the
             series&rsquo; color index</td>
           <td>LegendItem </td>
@@ -5662,76 +5414,78 @@
     </table>
     <p>&nbsp;</p>
       <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
           <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
           </tr>
         </thead>
         <tbody>
           <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#xychart">XYChart</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#xychart">XYChart</a></th>
           </tr>
         </tbody>
       </table>
     <h4><a id="axis">Axis</a></h4>
     <p class="styleclass">Style class: axis</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-side</td>
+        <th class="propertyname" scope="row">-fx-side</th>
             <td class="value">Side</td>
             <td>null</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-tick-length</td>
+        <th class="propertyname" scope="row">-fx-tick-length</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
             <td>8</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-tick-label-font</td>
+        <th class="propertyname" scope="row">-fx-tick-label-font</th>
             <td class="value"><a href="#typefont" class="typelink">&lt;font&gt;</a></td>
             <td>8 system</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-tick-label-fill</td>
+        <th class="propertyname" scope="row">-fx-tick-label-fill</th>
             <td class="value"><a href="#typepaint" class="typelink">&lt;paint&gt;</a></td>
             <td>black</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-tick-label-gap</td>
+        <th class="propertyname" scope="row">-fx-tick-label-gap</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
             <td>3</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-tick-mark-visible</td>
+        <th class="propertyname" scope="row">-fx-tick-mark-visible</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>true</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-tick-labels-visible</td>
+        <th class="propertyname" scope="row">-fx-tick-labels-visible</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>true</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#region">Region</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#region">Region</a></th>
         </tr>
         </tbody>
     </table>
@@ -5742,22 +5496,23 @@
     </ul>
     <h4><a id="barchart">BarChart</a></h4>
     <table class="csspropertytable">
+    <caption>Available Style Classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">Style class</th>
-          <th>Comments</th>
-          <th>Properties</th>
+        <th class="propertyname" scope="col">Style class</th>
+        <th scope="col">Comments</th>
+        <th scope="col">Properties</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">"bar-chart"</td>
-          <td>&nbsp;</td>
-          <td>&nbsp;</td>
-        </tr>
-        <tr>
-          <td class="propertyname">"chart-bar series&lt;i&gt; data&lt;j&gt;
-            default-color&lt;k&gt;"</td>
+        <th class="propertyname" scope="row">"bar-chart"</th>
+        <td>&nbsp;</td>
+        <td>&nbsp;</td>
+    </tr>
+    <tr>
+        <th class="propertyname" scope="row">"chart-bar series&lt;i&gt; data&lt;j&gt;
+            default-color&lt;k&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series, &lt;j&gt; is the index
             of the data within the series, and &lt;k&gt; is the series&rsquo;
             color index.
@@ -5766,8 +5521,8 @@
           <td><a href="#node" class="typelink">Node</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-bar series&lt;i&gt; bar-legend-symbol
-            default-color&lt;j&gt;"</td>
+        <th class="propertyname" scope="row">"chart-bar series&lt;i&gt; bar-legend-symbol
+            default-color&lt;j&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series and &lt;j&gt; is the
             series&rsquo; color index</td>
           <td>LegendItem </td>
@@ -5776,53 +5531,55 @@
     </table>
     <p>&nbsp;</p>
       <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
           <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
           </tr>
         </thead>
         <tbody>
           <tr>
-            <td class="propertyname">-fx-bar-gap</td>
+        <th class="propertyname" scope="row">-fx-bar-gap</th>
             <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
             <td>4</td>
             <td>&nbsp;</td>
           </tr>
           <tr>
-            <td class="propertyname">-fx-category-gap</td>
+        <th class="propertyname" scope="row">-fx-category-gap</th>
             <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
             <td>10</td>
             <td>&nbsp;</td>
           </tr>
           <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#xychart">XYChart</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#xychart">XYChart</a></th>
           </tr>
         </tbody>
       </table>
     <h4><a id="bubblechart">BubbleChart</a></h4>
     <table class="csspropertytable">
+    <caption>Available Style Classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">Style class</th>
-          <th>Comments</th>
-          <th>Properties</th>
+        <th class="propertyname" scope="col">Style class</th>
+        <th scope="col">Comments</th>
+        <th scope="col">Properties</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">"chart-bubble series&lt;i&gt; data&lt;j&gt;
-            default-color&lt;k&gt;"</td>
+        <th class="propertyname" scope="row">"chart-bubble series&lt;i&gt; data&lt;j&gt;
+            default-color&lt;k&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series, &lt;j&gt; is the index
             of the data within the series, and &lt;k&gt; is the series&rsquo;
             color index</td>
           <td><a href="#node" class="typelink">Node</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-bubble series&lt;i&gt;
-            bubble-legend-symbol default-color&lt;j&gt;"</td>
+        <th class="propertyname" scope="row">"chart-bubble series&lt;i&gt;
+            bubble-legend-symbol default-color&lt;j&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series and &lt;j&gt; is the
             series&rsquo; color index</td>
           <td>LegendItem </td>
@@ -5831,88 +5588,91 @@
     </table>
     <p>&nbsp;</p>
       <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
           <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
           </tr>
         </thead>
         <tbody>
           <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#xychart">XYChart</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#xychart">XYChart</a></th>
           </tr>
         </tbody>
       </table>
     <h4><a id="categoryaxis">CategoryAxis</a></h4>
     <p class="styleclass">Style class: axis</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-start-margin</td>
+        <th class="propertyname" scope="row">-fx-start-margin</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;number&gt;</a></td>
             <td>5</td>
             <td>The margin between the axis start and the first tick-mark</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-end-margin</td>
+        <th class="propertyname" scope="row">-fx-end-margin</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;number&gt;</a></td>
             <td>5</td>
             <td>The margin between the axis start and the first tick-mark</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-gap-start-and-end</td>
+        <th class="propertyname" scope="row">-fx-gap-start-and-end</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>true</td>
             <td>If this is true then half the space between ticks is left at the
                 start and end</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#axis">Axis</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#axis">Axis</a></th>
         </tr>
         </tbody>
     </table>
     <h4><a id="chart">Chart</a></h4>
     <p class="styleclass">Style class: chart</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-legend-side</td>
+        <th class="propertyname" scope="row">-fx-legend-side</th>
             <td class="value">Side</td>
             <td>bottom</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-legend-visible</td>
+        <th class="propertyname" scope="row">-fx-legend-visible</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>true</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-title-side</td>
+        <th class="propertyname" scope="row">-fx-title-side</th>
             <td class="value">Side</td>
             <td>top</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#region">Region</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#region">Region</a></th>
         </tr>
         </tbody>
     </table>
@@ -5924,17 +5684,18 @@
     <h4><a id="legend">Legend</a></h4>
     <p class="styleclass">Style class: chart-legend</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#region">Region</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#region">Region</a></th>
         </tr>
         </tbody>
     </table>
@@ -5945,32 +5706,33 @@
     </ul>
     <h4><a id="linechart">LineChart</a></h4>
     <table class="csspropertytable">
+    <caption>Available Style Classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">Style class</th>
-          <th>Comments</th>
-          <th>Properties</th>
+        <th class="propertyname" scope="col">Style class</th>
+        <th scope="col">Comments</th>
+        <th scope="col">Properties</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">"chart-series-line series&lt;i&gt;
-            default-color&lt;j&gt;"</td>
+        <th class="propertyname" scope="row">"chart-series-line series&lt;i&gt;
+            default-color&lt;j&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series and &lt;j&gt; is the
             series&rsquo; color index</td>
           <td><a href="#node" class="typelink">Node</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-line-symbol series&lt;i&gt;
-            data&lt;j&gt; default-color&lt;k&gt;"</td>
+        <th class="propertyname" scope="row">"chart-line-symbol series&lt;i&gt;
+            data&lt;j&gt; default-color&lt;k&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series, &lt;j&gt; is the index
             of the data within the series, and &lt;k&gt; is the series&rsquo;
             color index</td>
           <td><a href="#node" class="typelink">Node</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-line-symbol series&lt;i&gt;
-            default-color&lt;j&gt;"</td>
+        <th class="propertyname" scope="row">"chart-line-symbol series&lt;i&gt;
+            default-color&lt;j&gt;"</th>
           <td>Where &lt;i&gt; is the index of the series and &lt;j&gt; is the
             series&rsquo; color index</td>
           <td>LegendItem </td>
@@ -5979,80 +5741,83 @@
     </table>
     <p>&nbsp;</p>
       <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
           <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
           </tr>
         </thead>
         <tbody>
           <tr>
-            <td class="propertyname">-fx-create-symbols</td>
+        <th class="propertyname" scope="row">-fx-create-symbols</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>true</td>
             <td>&nbsp;</td>
           </tr>
           <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#xychart">XYChart</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#xychart">XYChart</a></th>
           </tr>
         </tbody>
       </table>
     <h4><a id="numberaxis">NumberAxis</a></h4>
     <p class="styleclass">Style class: axis</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-tick-unit</td>
+        <th class="propertyname" scope="row">-fx-tick-unit</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;number&gt;</a></td>
             <td>5</td>
             <td>The value between each major tick mark in data units.</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#valueaxis">ValueAxis</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#valueaxis">ValueAxis</a></th>
         </tr>
         </tbody>
     </table>
     <h4><a id="piechart">PieChart</a></h4>
     <table class="csspropertytable">
+    <caption>Available Style Classes</caption>
       <thead>
         <tr>
-          <th class="propertyname">Style class</th>
-          <th>Comments</th>
-          <th>Properties</th>
+        <th class="propertyname" scope="col">Style class</th>
+        <th scope="col">Comments</th>
+        <th scope="col">Properties</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">"chart-pie data&lt;i&gt;
-            default-color&lt;j&gt;"</td>
+        <th class="propertyname" scope="row">"chart-pie data&lt;i&gt;
+            default-color&lt;j&gt;"</th>
           <td>Where &lt;i&gt; is the index of the data and &lt;j&gt; is the
             series&rsquo; color index. If the data value is negative, the
             "negative" style&#8209;class is added; e.g., <code>.negative.chart-pie</code>.</td>
           <td><a href="#node" class="typelink">Node</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-pie-label-line;"</td>
+        <th class="propertyname" scope="row">"chart-pie-label-line;"</th>
           <td>&nbsp;</td>
           <td><a href="#path" class="typelink">Path</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"chart-pie-label;"</td>
+        <th class="propertyname" scope="row">"chart-pie-label;"</th>
           <td>&nbsp;</td>
           <td><a href="#path" class="typelink">Text</a> </td>
         </tr>
         <tr>
-          <td class="propertyname">"pie-legend-symbol &lt;<em>i&ndash;th</em>
-            data item&rsquo;s style&#8209;class&gt;"</td>
+        <th class="propertyname" scope="row">"pie-legend-symbol &lt;<em>i&ndash;th</em>
+            data item&rsquo;s style&#8209;class&gt;"</th>
           <td>Each item in the legend has the style&#8209;class "pie-legend-symbol"
             plus the style&#8209;class of the corresponding data item</td>
           <td>LegendItem </td>
@@ -6061,64 +5826,66 @@
     </table>
     <p>&nbsp;</p>
       <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
           <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
           </tr>
         </thead>
         <tbody>
           <tr>
-            <td class="propertyname">-fx-clockwise</td>
+        <th class="propertyname" scope="row">-fx-clockwise</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>true</td>
             <td>&nbsp;</td>
           </tr>
           <tr>
-            <td class="propertyname">-fx-pie-label-visible</td>
+        <th class="propertyname" scope="row">-fx-pie-label-visible</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>true</td>
             <td>&nbsp;</td>
           </tr>
           <tr>
-            <td class="propertyname">-fx-label-line-length</td>
+        <th class="propertyname" scope="row">-fx-label-line-length</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
             <td>20</td>
             <td>&nbsp;</td>
           </tr>
           <tr>
-            <td class="propertyname">-fx-start-angle</td>
+        <th class="propertyname" scope="row">-fx-start-angle</th>
             <td class="value"><a href="#typenumber" class="typelink">&lt;number&gt;</a></td>
             <td>0</td>
             <td>&nbsp;</td>
           </tr>
           <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#chart">Chart</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#chart">Chart</a></th>
           </tr>
         </tbody>
       </table>
     <h4><a id="scatterchart">ScatterChart</a></h4>
     <table class="csspropertytable">
+    <caption>Available Style Classes</caption>
         <thead>
         <tr>
-            <th class="propertyname">Style class</th>
-            <th>Comments</th>
-            <th>Properties</th>
+        <th class="propertyname" scope="col">Style class</th>
+        <th scope="col">Comments</th>
+        <th scope="col">Properties</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">"chart-symbol series&lt;i&gt; data&lt;j&gt;
-                default-color&lt;k&gt;"</td>
+        <th class="propertyname" scope="row">"chart-symbol series&lt;i&gt; data&lt;j&gt;
+            default-color&lt;k&gt;"</th>
             <td>Where &lt;i&gt; is the index of the series, &lt;j&gt; is the index
                 of the data within the series, and &lt;k&gt; is the series&rsquo;
                 color index</td>
             <td><a href="#node" class="typelink">Node</a> </td>
         </tr>
         <tr>
-            <td class="propertyname">&nbsp;</td>
+        <th class="propertyname" scope="row">"chart-symbol series&lt;i&gt; data0 default-color0"</th>
             <td>The LegendItem symbols are assigned the style&#8209;class of the first
                 symbol of the series.</td>
             <td>LegendItem </td>
@@ -6127,52 +5894,54 @@
     </table>
     <p>&nbsp;</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#xychart">XYChart</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#xychart">XYChart</a></th>
         </tr>
         </tbody>
     </table>
     <h4><a id="valueaxis">ValueAxis</a></h4>
     <p class="styleclass">Style class: axis</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
         <thead>
         <tr>
-            <th class="propertyname">CSS Property</th>
-            <th class="value">Values</th>
-            <th>Default</th>
-            <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td class="propertyname">-fx-minor-tick-length</td>
+        <th class="propertyname" scope="row">-fx-minor-tick-length</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
             <td>5</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-minor-tick-count</td>
+        <th class="propertyname" scope="row">-fx-minor-tick-count</th>
             <td class="value"><a href="#typesize" class="typelink">&lt;size&gt;</a></td>
             <td>5</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td class="propertyname">-fx-minor-tick-visible</td>
+        <th class="propertyname" scope="row">-fx-minor-tick-visible</th>
             <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
             <td>true</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <td colspan="4" class="parents">Has all properties of <a href="#axis">Axis</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#axis">Axis</a></th>
         </tr>
         </tbody>
     </table>
@@ -6183,53 +5952,54 @@
     <h4><a id="xychart">XYChart</a></h4>
     <p class="styleclass">Style class: set by sub-type</p>
     <table class="csspropertytable">
+    <caption>Available CSS Properties</caption>
       <thead>
         <tr>
-          <th class="propertyname">CSS Property</th>
-          <th class="value">Values</th>
-          <th>Default</th>
-          <th>Comments</th>
+        <th class="propertyname" scope="col">CSS Property</th>
+        <th class="value" scope="col">Values</th>
+        <th scope="col">Default</th>
+        <th scope="col">Comments</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td class="propertyname">-fx-alternative-column-fill-visible</td>
+        <th class="propertyname" scope="row">-fx-alternative-column-fill-visible</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-alternative-row-fill-visible</td>
+        <th class="propertyname" scope="row">-fx-alternative-row-fill-visible</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-horizontal-grid-lines-visible</td>
+        <th class="propertyname" scope="row">-fx-horizontal-grid-lines-visible</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-horizontal-zero-line-visible</td>
+        <th class="propertyname" scope="row">-fx-horizontal-zero-line-visible</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-vertical-grid-lines-visible</td>
+        <th class="propertyname" scope="row">-fx-vertical-grid-lines-visible</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td class="propertyname">-fx-vertical-zero-line-visible</td>
+        <th class="propertyname" scope="row">-fx-vertical-zero-line-visible</th>
           <td class="value"><a href="#typeboolean" class="typelink">&lt;boolean&gt;</a></td>
           <td>true</td>
           <td>&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="4" class="parents">Has all properties of <a href="#chart">chart</a></td>
+        <th colspan="4" class="parents" scope="row">Has all properties of <a href="#chart">chart</a></th>
         </tr>
       </tbody>
     </table>
--- a/modules/javafx.graphics/src/main/java/javafx/scene/canvas/GraphicsContext.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/canvas/GraphicsContext.java	Tue Oct 24 14:33:58 2017 -0700
@@ -89,15 +89,14 @@
  * <table class="overviewSummary" style="width:80%; margin-left:auto; margin-right:auto">
  * <caption>List of Rendering Attributes</caption>
  * <tr>
- * <th class="colLast" style="width:15%">Attribute</th>
- * <th class="colLast" style="width:10%; text-align:center">Save/Restore?</th>
- * <th class="colLast" style="width:10%; text-align:center">Default value</th>
- * <th class="colLast">Description</th>
+ * <th class="colLast" style="width:15%" scope="col">Attribute</th>
+ * <th class="colLast" style="width:10%; text-align:center" scope="col">Save/Restore?</th>
+ * <th class="colLast" style="width:10%; text-align:center" scope="col">Default value</th>
+ * <th class="colLast" scope="col">Description</th>
  * </tr>
- *
- * <tr><th colspan="3"><a id="comm-attr">Common Rendering Attributes</a></th></tr>
+ * <tr><th colspan="3" scope="row"><a id="comm-attr">Common Rendering Attributes</a></th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #clip() Clip}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #clip() Clip}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">No clipping</td>
  * <td class="colLast">
@@ -105,7 +104,7 @@
  * is restricted.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setGlobalAlpha(double) Global Alpha}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setGlobalAlpha(double) Global Alpha}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@code 1.0}</td>
  * <td class="colLast">
@@ -113,7 +112,7 @@
  * operation.
  * </td></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #setGlobalBlendMode(javafx.scene.effect.BlendMode) Global Blend Mode}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setGlobalBlendMode(javafx.scene.effect.BlendMode) Global Blend Mode}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link BlendMode#SRC_OVER SRC_OVER}</td>
  * <td class="colLast">
@@ -121,7 +120,7 @@
  * operation are composited into the existing image.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setTransform(javafx.scene.transform.Affine) Transform}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setTransform(javafx.scene.transform.Affine) Transform}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@code Identity}</td>
  * <td class="colLast">
@@ -129,26 +128,24 @@
  * mapped onto the logical pixels of the canvas image.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setEffect(javafx.scene.effect.Effect) Effect}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setEffect(javafx.scene.effect.Effect) Effect}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@code null}</td>
  * <td class="colLast">
  * An {@link Effect} applied individually to each rendering operation.
  * </td></tr>
- *
- * <tr><th colspan="3"><a id="fill-attr">Fill Attributes</a></th></tr>
+ * <tr><th colspan="3" scope="row"><a id="fill-attr">Fill Attributes</a></th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #setFill(javafx.scene.paint.Paint) Fill Paint}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setFill(javafx.scene.paint.Paint) Fill Paint}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link Color#BLACK BLACK}</td>
  * <td class="colLast">
  * The {@link Paint} to be applied to the interior of shapes in a
  * fill operation.
  * </td></tr>
- *
- * <tr><th colspan="3"><a id="strk-attr">Stroke Attributes</a></th></tr>
+ * <tr><th colspan="3" scope="row"><a id="strk-attr">Stroke Attributes</a></th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #setStroke(javafx.scene.paint.Paint) Stroke Paint}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setStroke(javafx.scene.paint.Paint) Stroke Paint}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link Color#BLACK BLACK}</td>
  * <td class="colLast">
@@ -156,7 +153,7 @@
  * stroke operation.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setLineWidth(double) Line Width}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setLineWidth(double) Line Width}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@code 1.0}</td>
  * <td class="colLast">
@@ -164,7 +161,7 @@
  * stroke operation.
  * </td></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #setLineCap(javafx.scene.shape.StrokeLineCap) Line Cap}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setLineCap(javafx.scene.shape.StrokeLineCap) Line Cap}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link StrokeLineCap#SQUARE SQUARE}</td>
  * <td class="colLast">
@@ -172,7 +169,7 @@
  * dash and/or subpath in a stroke operation.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setLineJoin(javafx.scene.shape.StrokeLineJoin) Line Join}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setLineJoin(javafx.scene.shape.StrokeLineJoin) Line Join}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link StrokeLineJoin#MITER MITER}</td>
  * <td class="colLast">
@@ -180,7 +177,7 @@
  * paths of shapes in a stroke operation.
  * </td></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #setMiterLimit(double) Miter Limit}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setMiterLimit(double) Miter Limit}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@code 10.0}</td>
  * <td class="colLast">
@@ -190,7 +187,7 @@
  * to a {@link StrokeLineJoin#BEVEL BEVEL} join in a stroke operation.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setLineDashes(double...) Dashes}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setLineDashes(double...) Dashes}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@code null}</td>
  * <td class="colLast">
@@ -198,24 +195,23 @@
  * of shapes in a stroke operation.
  * </td></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #setLineDashOffset(double) Dash Offset}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setLineDashOffset(double) Dash Offset}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@code 0.0}</td>
  * <td class="colLast">
  * The distance offset into the array of dash lengths at which to start the
  * dashing of the segments in the boundary of shapes in a stroke operation.
  * </td></tr>
- *
- * <tr><th colspan="3"><a id="text-attr">Text Attributes</a></th></tr>
+ * <tr><th colspan="3" scope="row"><a id="text-attr">Text Attributes</a></th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #setFont(javafx.scene.text.Font) Font}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setFont(javafx.scene.text.Font) Font}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link Font#getDefault() Default Font}</td>
  * <td class="colLast">
  * The font used for all fill and stroke text operations.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setTextAlign(javafx.scene.text.TextAlignment) Text Align}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setTextAlign(javafx.scene.text.TextAlignment) Text Align}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link TextAlignment#LEFT LEFT}</td>
  * <td class="colLast">
@@ -223,7 +219,7 @@
  * specified in the text operation.
  * </td></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #setTextBaseline(javafx.geometry.VPos) Text Baseline}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setTextBaseline(javafx.geometry.VPos) Text Baseline}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link VPos#BASELINE BASELINE}</td>
  * <td class="colLast">
@@ -231,17 +227,16 @@
  * specified in the text operation.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setFontSmoothingType(javafx.scene.text.FontSmoothingType) Font Smoothing}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setFontSmoothingType(javafx.scene.text.FontSmoothingType) Font Smoothing}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link FontSmoothingType#GRAY GRAY}</td>
  * <td class="colLast">
  * The type of smoothing (antialiasing) applied to the glyphs in the font
  * for all fill text operations.
  * </td></tr>
- *
- * <tr><th colspan="3"><a id="path-attr">Path Attributes</a></th></tr>
+ * <tr><th colspan="3" scope="row"><a id="path-attr">Path Attributes</a></th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:15%">{@link #beginPath() Current Path}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #beginPath() Current Path}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:10%; text-align:center">Empty path</td>
  * <td class="colLast">
@@ -249,7 +244,7 @@
  * in various path filling, stroking, or clipping operations.
  * </td></tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:15%">{@link #setFillRule(javafx.scene.shape.FillRule) Fill Rule}</td>
+ * <th scope="row" class="colLast" style="width:15%">{@link #setFillRule(javafx.scene.shape.FillRule) Fill Rule}</th>
  * <td class="colLast" style="width:10%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:10%; text-align:center">{@link FillRule#NON_ZERO NON_ZERO}</td>
  * <td class="colLast">
@@ -257,7 +252,6 @@
  * clip operation.
  * </td></tr>
  * </table>
- *
  * <p>
  * <a id="attr-ops-table">
  * The various rendering methods on the {@code GraphicsContext} use the
@@ -266,22 +260,21 @@
  * <table class="overviewSummary" style="width:80%; margin-left:auto; margin-right:auto">
  * <caption>Rendering Attributes Table</caption>
  * <tr>
- * <th class="colLast" style="width:25%">Method</th>
- * <th class="colLast" style="width:15%; text-align:center"><a href="#comm-attr">Common Rendering Attributes</a></th>
- * <th class="colLast" style="width:15%; text-align:center"><a href="#fill-attr">Fill Attributes</a></th>
- * <th class="colLast" style="width:15%; text-align:center"><a href="#strk-attr">Stroke Attributes</a></th>
- * <th class="colLast" style="width:15%; text-align:center"><a href="#text-attr">Text Attributes</a></th>
- * <th class="colLast" style="width:15%; text-align:center"><a href="#path-attr">Path Attributes</a></th>
+ * <th scope="col" class="colLast" style="width:25%">Method</th>
+ * <th scope="col" class="colLast" style="width:15%; text-align:center"><a href="#comm-attr">Common Rendering Attributes</a></th>
+ * <th scope="col" class="colLast" style="width:15%; text-align:center"><a href="#fill-attr">Fill Attributes</a></th>
+ * <th scope="col" class="colLast" style="width:15%; text-align:center"><a href="#strk-attr">Stroke Attributes</a></th>
+ * <th scope="col" class="colLast" style="width:15%; text-align:center"><a href="#text-attr">Text Attributes</a></th>
+ * <th scope="col" class="colLast" style="width:15%; text-align:center"><a href="#path-attr">Path Attributes</a></th>
  * </tr>
- *
- * <tr><th colspan="1">Basic Shape Rendering</th></tr>
+ * <tr><th colspan="1" scope="row">Basic Shape Rendering</th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #fillRect(double, double, double, double) fillRect()},
  * {@link #fillRoundRect(double, double, double, double, double, double) fillRoundRect()},
  * {@link #fillOval(double, double, double, double) fillOval()},
  * {@link #fillArc(double, double, double, double, double, double, javafx.scene.shape.ArcType) fillArc()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
@@ -289,13 +282,13 @@
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * </tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #strokeLine(double, double, double, double) strokeLine()},
  * {@link #strokeRect(double, double, double, double) strokeRect()},
  * {@link #strokeRoundRect(double, double, double, double, double, double) strokeRoundRect()},
  * {@link #strokeOval(double, double, double, double) strokeOval()},
  * {@link #strokeArc(double, double, double, double, double, double, javafx.scene.shape.ArcType) strokeArc()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
@@ -303,9 +296,9 @@
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * </tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #clearRect(double, double, double, double) clearRect()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes <a href="#base-fn-1">[1]</a></td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
@@ -313,9 +306,9 @@
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * </tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #fillPolygon(double[], double[], int) fillPolygon()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
@@ -323,27 +316,26 @@
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes <a href="#base-fn-2">[2]</a></td>
  * </tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #strokePolygon(double[], double[], int) strokePolygon()},
  * {@link #strokePolyline(double[], double[], int) strokePolyline()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * </tr>
- * <tr><td colspan="6">
+ * <tr><th scope="row" colspan="6">
  * <a id="base-fn-1">[1]</a> Only the Transform, Clip, and Effect apply to clearRect()<br>
  * <a id="base-fn-2">[2]</a> Only the Fill Rule applies to fillPolygon(), the current path is left unchanged
- * </td></tr>
- *
- * <tr><th colspan="1">Text Rendering</th></tr>
+ * </th></tr>
+ * <tr><th colspan="1" scope="row">Text Rendering</th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #fillText(java.lang.String, double, double) fillText()},
  * {@link #fillText(java.lang.String, double, double, double) fillText(with maxWidth)}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
@@ -351,23 +343,22 @@
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * </tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #strokeText(java.lang.String, double, double) strokeText()},
  * {@link #strokeText(java.lang.String, double, double, double) strokeText(with maxWidth)}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes <a href="#text-fn-3">[3]</a></td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * </tr>
- * <tr><td colspan="6">
+ * <tr><th scope="row" colspan="6">
  * <a id="text-fn-3">[3]</a> The Font Smoothing attribute only applies to filled text
- * </td></tr>
- *
- * <tr><th colspan="1">Path Rendering</th></tr>
+ * </th></tr>
+ * <tr><th colspan="1" scope="row">Path Rendering</th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #beginPath() beginPath()},
  * {@link #moveTo(double, double) moveTo()},
  * {@link #lineTo(double, double) lineTo()},
@@ -378,7 +369,7 @@
  * {@link #appendSVGPath(java.lang.String) appendSVGPath()},
  * {@link #closePath() closePath()},
  * {@link #rect(double, double, double, double) rect()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes <a href="#path-fn-4">[4]</a></td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
@@ -386,9 +377,9 @@
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * </tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #fill() fill()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes <a href="#path-fn-4">[4]</a></td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
@@ -396,9 +387,9 @@
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * </tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #stroke() stroke()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes <a href="#path-fn-4">[4]</a></td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
@@ -406,38 +397,36 @@
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes <a href="#path-fn-5">[5]</a></td>
  * </tr>
  * <tr class="altColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #clip() clip()}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * </tr>
- * <tr><td colspan="6">
+ * <tr><th scope="row" colspan="6">
  * <a id="path-fn-4">[4]</a> Transform applied only during path construction<br>
  * <a id="path-fn-5">[5]</a> Fill Rule only used for fill() and clip()
- * </td></tr>
- *
- * <tr><th colspan="1">Image Rendering</th></tr>
+ * </th></tr>
+ * <tr><th scope="row" colspan="1">Image Rendering</th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #drawImage(javafx.scene.image.Image, double, double) drawImage(all forms)}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#0c0">Yes</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * </tr>
- *
- * <tr><th colspan="1">Miscellaneous</th></tr>
+ * <tr><th scope="row" colspan="1">Miscellaneous</th></tr>
  * <tr class="rowColor">
- * <td class="colLast" style="width:25%">
+ * <th scope="row" class="colLast" style="width:25%">
  * {@link #applyEffect(javafx.scene.effect.Effect) applyEffect()},
  * {@link #getPixelWriter() PixelWriter methods}
- * </td>
+ * </th>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
  * <td class="colLast" style="width:15%; text-align:center; color:#c00">No</td>
@@ -449,20 +438,20 @@
  * <p>Example:</p>
  *
  * <pre>
-import javafx.scene.*;
-import javafx.scene.paint.*;
-import javafx.scene.canvas.*;
-
-Group root = new Group();
-Scene s = new Scene(root, 300, 300, Color.BLACK);
-
-final Canvas canvas = new Canvas(250,250);
-GraphicsContext gc = canvas.getGraphicsContext2D();
-
-gc.setFill(Color.BLUE);
-gc.fillRect(75,75,100,100);
-
-root.getChildren().add(canvas);
+ * import javafx.scene.*;
+ * import javafx.scene.paint.*;
+ * import javafx.scene.canvas.*;
+ *
+ * Group root = new Group();
+ * Scene s = new Scene(root, 300, 300, Color.BLACK);
+ *
+ * final Canvas canvas = new Canvas(250,250);
+ * GraphicsContext gc = canvas.getGraphicsContext2D();
+ *
+ * gc.setFill(Color.BLUE);
+ * gc.fillRect(75,75,100,100);
+ *
+ * root.getChildren().add(canvas);
  * </pre>
  *
  * @see Canvas
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/AnchorPane.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/AnchorPane.java	Tue Oct 24 14:33:58 2017 -0700
@@ -54,11 +54,11 @@
  *
  * <table border="1">
  * <caption>AnchorPane Constraint Table</caption>
- * <tr><th>Constraint</th><th>Type</th><th>Description</th></tr>
- * <tr><td>topAnchor</td><td>double</td><td>distance from the anchor pane's top insets to the child's top edge.</td></tr>
- * <tr><td>leftAnchor</td><td>double</td><td>distance from the anchor pane's left insets to the child's left edge.</td></tr>
- * <tr><td>bottomAnchor</td><td>double</td><td>distance from the anchor pane's bottom insets to the child's bottom edge.</td></tr>
- * <tr><td>rightAnchor</td><td>double</td><td>distance from the anchor pane's right insets to the child's right edge.</td></tr>
+ * <tr><th scope="col">Constraint</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+ * <tr><th scope="row">topAnchor</th><td>double</td><td>distance from the anchor pane's top insets to the child's top edge.</td></tr>
+ * <tr><th scope="row">leftAnchor</th><td>double</td><td>distance from the anchor pane's left insets to the child's left edge.</td></tr>
+ * <tr><th scope="row">bottomAnchor</th><td>double</td><td>distance from the anchor pane's bottom insets to the child's bottom edge.</td></tr>
+ * <tr><th scope="row">rightAnchor</th><td>double</td><td>distance from the anchor pane's right insets to the child's right edge.</td></tr>
  * </table>
  * <p>
  * AnchorPane Example:
@@ -84,14 +84,14 @@
  *
  * <table border="1">
  * <caption>AnchorPane Resize Table</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus width required to display children anchored at left/right with at least their min widths</td>
  * <td>top/bottom insets plus height required to display children anchored at top/bottom with at least their min heights</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus width required to display children anchored at left/right with at least their pref widths</td>
  * <td>top/bottom insets plus height required to display children anchored at top/bottom with at least their pref heights</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/BorderPane.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/BorderPane.java	Tue Oct 24 14:33:58 2017 -0700
@@ -95,14 +95,14 @@
  *
  * <table border="1">
  * <caption>BorderPane Resize Table</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus width required to display right/left children at their pref widths and top/bottom/center with at least their min widths</td>
  * <td>top/bottom insets plus height required to display top/bottom children at their pref heights and left/right/center with at least their min heights</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus width required to display top/right/bottom/left/center children with at least their pref widths</td>
  * <td>top/bottom insets plus height required to display top/right/bottom/left/center children with at least their pref heights</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
@@ -131,9 +131,9 @@
  *
  * <table border="1">
  * <caption>BorderPane Constraint Table</caption>
- * <tr><th>Constraint</th><th>Type</th><th>Description</th></tr>
- * <tr><td>alignment</td><td>javafx.geometry.Pos</td><td>The alignment of the child within its area of the border pane.</td></tr>
- * <tr><td>margin</td><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
+ * <tr><th scope="col">Constraint</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+ * <tr><th scope="row">alignment</th><td>javafx.geometry.Pos</td><td>The alignment of the child within its area of the border pane.</td></tr>
+ * <tr><th scope="row">margin</th><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
  * </table>
  * <p>
  * Example:
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/FlowPane.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/FlowPane.java	Tue Oct 24 14:33:58 2017 -0700
@@ -107,27 +107,27 @@
  * </p>
  * <table border="1">
  * <caption>Horizontal</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus largest of children's pref widths</td>
  * <td>top/bottom insets plus height required to display all children at their preferred heights when wrapped at a specified width</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus prefWrapLength</td>
  * <td>top/bottom insets plus height required to display all children at their pref heights when wrapped at a specified width</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <br>
  * <table border="1">
  * <caption>Vertical</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus width required to display all children at their preferred widths when wrapped at a specified height</td>
  * <td>top/bottom insets plus largest of children's pref heights</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus width required to display all children at their pref widths when wrapped at the specified height</td>
  * <td>top/bottom insets plus prefWrapLength</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/GridPane.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/GridPane.java	Tue Oct 24 14:33:58 2017 -0700
@@ -88,11 +88,11 @@
  *
  * <table border="1">
  * <caption>Grid Constraint Table</caption>
- * <tr><th>Constraint</th><th>Type</th><th>Description</th></tr>
- * <tr><td>columnIndex</td><td>integer</td><td>column where child's layout area starts.</td></tr>
- * <tr><td>rowIndex</td><td>integer</td><td>row where child's layout area starts.</td></tr>
- * <tr><td>columnSpan</td><td>integer</td><td>the number of columns the child's layout area spans horizontally.</td></tr>
- * <tr><td>rowSpan</td><td>integer</td><td>the number of rows the child's layout area spans vertically.</td></tr>
+ * <tr><th scope="col">Constraint</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+ * <tr><th scope="row">columnIndex</th><td>integer</td><td>column where child's layout area starts.</td></tr>
+ * <tr><th scope="row">rowIndex</th><td>integer</td><td>row where child's layout area starts.</td></tr>
+ * <tr><th scope="row">columnSpan</th><td>integer</td><td>the number of columns the child's layout area spans horizontally.</td></tr>
+ * <tr><th scope="row">rowSpan</th><td>integer</td><td>the number of rows the child's layout area spans vertically.</td></tr>
  * </table>
  * <p>
  * If the row/column indices are not explicitly set, then the child will be placed
@@ -198,14 +198,14 @@
  *
  * <table border="1">
  * <caption>GridPane Resize Table</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus the sum of each column's min width.</td>
  * <td>top/bottom insets plus the sum of each row's min height.</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus the sum of each column's pref width.</td>
  * <td>top/bottom insets plus the sum of each row's pref height.</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
@@ -237,12 +237,12 @@
  *
  * <table border="1">
  * <caption>GridPane Constraint Table</caption>
- * <tr><th>Constraint</th><th>Type</th><th>Description</th></tr>
- * <tr><td>halignment</td><td>javafx.geometry.HPos</td><td>The horizontal alignment of the child within its layout area.</td></tr>
- * <tr><td>valignment</td><td>javafx.geometry.VPos</td><td>The vertical alignment of the child within its layout area.</td></tr>
- * <tr><td>hgrow</td><td>javafx.scene.layout.Priority</td><td>The horizontal grow priority of the child.</td></tr>
- * <tr><td>vgrow</td><td>javafx.scene.layout.Priority</td><td>The vertical grow priority of the child.</td></tr>
- * <tr><td>margin</td><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
+ * <tr><th scope="col">Constraint</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+ * <tr><th scope="row">halignment</th><td>javafx.geometry.HPos</td><td>The horizontal alignment of the child within its layout area.</td></tr>
+ * <tr><th scope="row">valignment</th><td>javafx.geometry.VPos</td><td>The vertical alignment of the child within its layout area.</td></tr>
+ * <tr><th scope="row">hgrow</th><td>javafx.scene.layout.Priority</td><td>The horizontal grow priority of the child.</td></tr>
+ * <tr><th scope="row">vgrow</th><td>javafx.scene.layout.Priority</td><td>The vertical grow priority of the child.</td></tr>
+ * <tr><th scope="row">margin</th><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
  * </table>
  * <p>
  * By default the alignment of a child within its layout area is defined by the
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/HBox.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/HBox.java	Tue Oct 24 14:33:58 2017 -0700
@@ -85,14 +85,14 @@
  * </p>
  * <table border="1">
  * <caption>HBox Resize Table</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus the sum of each child's min width plus spacing between each child.</td>
  * <td>top/bottom insets plus the largest of the children's min heights.</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus the sum of each child's pref width plus spacing between each child.</td>
  * <td>top/bottom insets plus the largest of the children's pref heights.</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
@@ -122,9 +122,9 @@
  *
  * <table border="1">
  * <caption>HBox Constraint Table</caption>
- * <tr><th>Constraint</th><th>Type</th><th>Description</th></tr>
- * <tr><td>hgrow</td><td>javafx.scene.layout.Priority</td><td>The horizontal grow priority for the child.</td></tr>
- * <tr><td>margin</td><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
+ * <tr><th scope="col">Constraint</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+ * <tr><th scope="row">hgrow</th><td>javafx.scene.layout.Priority</td><td>The horizontal grow priority for the child.</td></tr>
+ * <tr><th scope="row">margin</th><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
  * </table>
  * <p>
  * For example, if an hbox needs the TextField to be allocated all extra space:
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/Pane.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/Pane.java	Tue Oct 24 14:33:58 2017 -0700
@@ -68,14 +68,14 @@
  *
  * <table border="1">
  * <caption>Pane Resize Table</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left plus right insets.</td>
  * <td>top plus bottom insets.</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>width required to encompass each child at its current x location and preferred width.</td>
  * <td>height required to encompass each child at its current y location and preferred height.</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/StackPane.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/StackPane.java	Tue Oct 24 14:33:58 2017 -0700
@@ -76,14 +76,14 @@
  *
  * <table border="1">
  * <caption>StackPane Resize Table</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus the largest of the children's min widths.</td>
  * <td>top/bottom insets plus the largest of the children's min heights.</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus the largest of the children's pref widths.</td>
  * <td>top/bottom insets plus the largest of the children's pref heights.</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
@@ -114,9 +114,9 @@
  *
  * <table border="1">
  * <caption>StackPane Constraint Table</caption>
- * <tr><th>Constraint</th><th>Type</th><th>Description</th></tr>
- * <tr><td>alignment</td><td>javafx.geometry.Pos</td><td>The alignment of the child within the stackpane.</td></tr>
- * <tr><td>margin</td><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
+ * <tr><th>Constraint</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+ * <tr><th scope="row">alignment</th><td>javafx.geometry.Pos</td><td>The alignment of the child within the stackpane.</td></tr>
+ * <tr><th scope="row">margin</th><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
  * </table>
  * <p>
  * Examples:
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/TilePane.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/TilePane.java	Tue Oct 24 14:33:58 2017 -0700
@@ -114,27 +114,27 @@
  * </p>
  * <table border="1">
  * <caption>Horizontal</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus the tile width.</td>
  * <td>top/bottom insets plus height required to display all tiles when wrapped at a specified width with a vgap between each row.</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus prefColumns multiplied by the tile width.</td>
  * <td>top/bottom insets plus height required to display all tiles when wrapped at a specified width with a vgap between each row.</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <br>
  * <table border="1">
  * <caption>Vertical</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus width required to display all tiles when wrapped at a specified height with an hgap between each column.</td>
  * <td>top/bottom insets plus the tile height.</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus width required to display all tiles when wrapped at the specified height with an hgap between each column.</td>
  * <td>top/bottom insets plus prefRows multiplied by the tile height.</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
@@ -162,9 +162,9 @@
  *
  * <table border="1">
  * <caption>TilePane Constraint Table</caption>
- * <tr><th>Constraint</th><th>Type</th><th>Description</th></tr>
- * <tr><td>alignment</td><td>javafx.geometry.Pos</td><td>The alignment of the child within its tile.</td></tr>
- * <tr><td>margin</td><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
+ * <tr><th scope="col">Constraint</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+ * <tr><th scope="row">alignment</th><td>javafx.geometry.Pos</td><td>The alignment of the child within its tile.</td></tr>
+ * <tr><th scope="row">margin</th><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
  * </table>
  * <p>
  * Example:
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/VBox.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/VBox.java	Tue Oct 24 14:33:58 2017 -0700
@@ -83,16 +83,16 @@
  * </p>
  * <table border="1">
  * <caption>VBox Resize Table</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets plus the largest of the children's min widths.</td>
  * <td>top/bottom insets plus the sum of each child's min height plus spacing between each child.</td>
  * </tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus the largest of the children's pref widths.</td>
  * <td>top/bottom insets plus the sum of each child's pref height plus spacing between each child.</td>
  * </tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
@@ -122,9 +122,9 @@
  *
  * <table border="1">
  * <caption>VBox Constraint Table</caption>
- * <tr><th>Constraint</th><th>Type</th><th>Description</th></tr>
- * <tr><td>vgrow</td><td>javafx.scene.layout.Priority</td><td>The vertical grow priority for the child.</td></tr>
- * <tr><td>margin</td><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
+ * <tr><th scope="col">Constraint</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+ * <tr><th scope="row">vgrow</th><td>javafx.scene.layout.Priority</td><td>The vertical grow priority for the child.</td></tr>
+ * <tr><th scope="row">margin</th><td>javafx.geometry.Insets</td><td>Margin space around the outside of the child.</td></tr>
  * </table>
  * <p>
  * For example, if a vbox needs the ListView to be allocated all extra space:
--- a/modules/javafx.graphics/src/main/java/javafx/scene/layout/package.html	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/layout/package.html	Tue Oct 24 14:33:58 2017 -0700
@@ -162,32 +162,32 @@
  <caption>Bounds Computation Table</caption>
  <thead>
      <tr>
-         <th>Node Type</th>
-         <th>Layout Bounds</th>
+         <th scope="col">Node Type</th>
+         <th scope="col">Layout Bounds</th>
      </tr>
  </thead>
  <tbody>
      <tr>
-         <td>{@link javafx.scene.shape.Shape Shape},{@link javafx.scene.image.ImageView ImageView}</td>
+         <th scope="row">{@link javafx.scene.shape.Shape Shape},{@link javafx.scene.image.ImageView ImageView}</th>
          <td>Includes geometric bounds (geometry plus stroke).
              Does NOT include effect, clip, or any transforms.
          </td>
      </tr>
      <tr>
-         <td>{@link javafx.scene.text.Text Text}</td>
+         <th scope="row">{@link javafx.scene.text.Text Text}</th>
          <td>logical bounds based on the font height and content width, including white space.
              can be configured to be tight bounds around chars glyphs by setting {@code boundsType}.
              Does NOT include effect, clip, or any transforms.
          </td>
      </tr>
      <tr>
-         <td>{@link javafx.scene.layout.Region Region}, {@link javafx.scene.control.Control Control}, {@link javafx.scene.web.WebView WebView}</td>
+         <th scope="row">{@link javafx.scene.layout.Region Region}, {@link javafx.scene.control.Control Control}, {@link javafx.scene.web.WebView WebView}</th>
          <td>always {@code [0,0 width x height]} regardless of visual bounds,
              which might be larger or smaller than layout bounds.
          </td>
      </tr>
      <tr>
-         <td>{@link javafx.scene.Group Group}</td>
+         <th scope="row">{@link javafx.scene.Group Group}</th>
          <td>Union of all visible childrens' visual bounds ({@code boundsInParent})
              Does NOT include effect, clip, or transforms set directly on group,
              however DOES include effect, clip, transforms set on individual children since
--- a/modules/javafx.graphics/src/main/java/javafx/scene/paint/Color.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/paint/Color.java	Tue Oct 24 14:33:58 2017 -0700
@@ -330,49 +330,49 @@
      * <table class="overviewSummary">
      * <caption>Web Color Format Table</caption>
      * <tr>
-     * <th class="colFirst">Web Format String</th>
-     * <th class="colLast">Equivalent constructor or factory call</th>
+     * <th scope="col" class="colFirst">Web Format String</th>
+     * <th scope="col" class="colLast">Equivalent constructor or factory call</th>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("orange", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("orange", 0.5);</code></th>
      * <td class="colLast"><code>new Color(1.0, 0xA5/255.0, 0.0, 0.5)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td class="colFirst"><code>Color.web("0xff66cc33", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("0xff66cc33", 0.5);</code></th>
      * <td class="colLast"><code>new Color(1.0, 0.4, 0.8, 0.1)</code></td>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("0xff66cc", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("0xff66cc", 0.5);</code></th>
      * <td class="colLast"><code>new Color(1.0, 0.4, 0.8, 0.5)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td class="colFirst"><code>Color.web("#ff66cc", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("#ff66cc", 0.5);</code></th>
      * <td class="colLast"><code>new Color(1.0, 0.4, 0.8, 0.5)</code></td>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("#f68", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("#f68", 0.5);</code></th>
      * <td class="colLast"><code>new Color(1.0, 0.4, 0.8, 0.5)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td class="colFirst"><code>Color.web("rgb(255,102,204)", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("rgb(255,102,204)", 0.5);</code></th>
      * <td class="colLast"><code>new Color(1.0, 0.4, 0.8, 0.5)</code></td>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("rgb(100%,50%,50%)", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("rgb(100%,50%,50%)", 0.5);</code></th>
      * <td class="colLast"><code>new Color(1.0, 0.5, 0.5, 0.5)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td class="colFirst"><code>Color.web("rgb(255,50%,50%,0.25)", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("rgb(255,50%,50%,0.25)", 0.5);</code></th>
      * <td class="colLast"><code>new Color(1.0, 0.5, 0.5, 0.125)</code></td>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("hsl(240,100%,100%)", 0.5);</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("hsl(240,100%,100%)", 0.5);</code></th>
      * <td class="colLast"><code>Color.hsb(240.0, 1.0, 1.0, 0.5)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td style="border-bottom:1px solid" class="colFirst">
+     * <th scope="row" style="border-bottom:1px solid" class="colFirst">
      *     <code>Color.web("hsla(120,0%,0%,0.25)", 0.5);</code>
-     * </td>
+     * </th>
      * <td style="border-bottom:1px solid" class="colLast">
      *     <code>Color.hsb(120.0, 0.0, 0.0, 0.125)</code>
      * </td>
@@ -586,49 +586,49 @@
      * <table class="overviewSummary">
      * <caption>Web Color Format Table</caption>
      * <tr>
-     * <th class="colFirst">Web Format String</th>
-     * <th class="colLast">Equivalent constant or factory call</th>
+     * <th scope="col" class="colFirst">Web Format String</th>
+     * <th scope="col" class="colLast">Equivalent constant or factory call</th>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("orange");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("orange");</code></th>
      * <td class="colLast"><code>Color.ORANGE</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td class="colFirst"><code>Color.web("0xff668840");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("0xff668840");</code></th>
      * <td class="colLast"><code>Color.rgb(255, 102, 136, 0.25)</code></td>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("0xff6688");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("0xff6688");</code></th>
      * <td class="colLast"><code>Color.rgb(255, 102, 136, 1.0)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td class="colFirst"><code>Color.web("#ff6688");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("#ff6688");</code></th>
      * <td class="colLast"><code>Color.rgb(255, 102, 136, 1.0)</code></td>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("#f68");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("#f68");</code></th>
      * <td class="colLast"><code>Color.rgb(255, 102, 136, 1.0)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td class="colFirst"><code>Color.web("rgb(255,102,136)");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("rgb(255,102,136)");</code></th>
      * <td class="colLast"><code>Color.rgb(255, 102, 136, 1.0)</code></td>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("rgb(100%,50%,50%)");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("rgb(100%,50%,50%)");</code></th>
      * <td class="colLast"><code>Color.rgb(255, 128, 128, 1.0)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td class="colFirst"><code>Color.web("rgb(255,50%,50%,0.25)");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("rgb(255,50%,50%,0.25)");</code></th>
      * <td class="colLast"><code>Color.rgb(255, 128, 128, 0.25)</code></td>
      * </tr>
      * <tr class="rowColor">
-     * <td class="colFirst"><code>Color.web("hsl(240,100%,100%)");</code></td>
+     * <th scope="row" class="colFirst"><code>Color.web("hsl(240,100%,100%)");</code></th>
      * <td class="colLast"><code>Color.hsb(240.0, 1.0, 1.0, 1.0)</code></td>
      * </tr>
      * <tr class="altColor">
-     * <td style="border-bottom:1px solid" class="colFirst">
+     * <th scope="row" style="border-bottom:1px solid" class="colFirst">
      *     <code>Color.web("hsla(120,0%,0%,0.25)");</code>
-     * </td>
+     * </th>
      * <td style="border-bottom:1px solid" class="colLast">
      *     <code>Color.hsb(120.0, 0.0, 0.0, 0.25)</code>
      * </td>
--- a/modules/javafx.graphics/src/main/java/javafx/scene/text/TextFlow.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.graphics/src/main/java/javafx/scene/text/TextFlow.java	Tue Oct 24 14:33:58 2017 -0700
@@ -120,14 +120,14 @@
  *
  * <table border="1">
  * <caption>TextFlow Resize Table</caption>
- * <tr><td></td><th>width</th><th>height</th></tr>
- * <tr><th>minimum</th>
+ * <tr><td></td><th scope="col">width</th><th scope="col">height</th></tr>
+ * <tr><th scope="row">minimum</th>
  * <td>left/right insets</td>
  * <td>top/bottom insets plus the height of the text content</td></tr>
- * <tr><th>preferred</th>
+ * <tr><th scope="row">preferred</th>
  * <td>left/right insets plus the width of the text content</td>
  * <td>top/bottom insets plus the height of the text content</td></tr>
- * <tr><th>maximum</th>
+ * <tr><th scope="row">maximum</th>
  * <td>Double.MAX_VALUE</td><td>Double.MAX_VALUE</td></tr>
  * </table>
  * <p>
--- a/modules/javafx.media/src/main/java/javafx/scene/media/AudioEqualizer.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.media/src/main/java/javafx/scene/media/AudioEqualizer.java	Tue Oct 24 14:33:58 2017 -0700
@@ -78,17 +78,17 @@
      * unity gain (0 dB).
      * <table border="1">
      * <caption>AudioEqualizer Band Table</caption>
-     * <tr><th>Band Index</th><th>Center Frequency (Hz)</th><th>Bandwidth (Hz)</th></tr>
-     * <tr><td>0</td><td>32</td><td>19</td></tr>
-     * <tr><td>1</td><td>64</td><td>39</td></tr>
-     * <tr><td>2</td><td>125</td><td>78</td></tr>
-     * <tr><td>3</td><td>250</td><td>156</td></tr>
-     * <tr><td>4</td><td>500</td><td>312</td></tr>
-     * <tr><td>5</td><td>1000</td><td>625</td></tr>
-     * <tr><td>6</td><td>2000</td><td>1250</td></tr>
-     * <tr><td>7</td><td>4000</td><td>2500</td></tr>
-     * <tr><td>8</td><td>8000</td><td>5000</td></tr>
-     * <tr><td>9</td><td>16000</td><td>10000</td></tr>
+     * <tr><th scope="col">Band Index</th><th scope="col">Center Frequency (Hz)</th><th scope="col">Bandwidth (Hz)</th></tr>
+     * <tr><th scope="row">0</th><td>32</td><td>19</td></tr>
+     * <tr><th scope="row">1</th><td>64</td><td>39</td></tr>
+     * <tr><th scope="row">2</th><td>125</td><td>78</td></tr>
+     * <tr><th scope="row">3</th><td>250</td><td>156</td></tr>
+     * <tr><th scope="row">4</th><td>500</td><td>312</td></tr>
+     * <tr><th scope="row">5</th><td>1000</td><td>625</td></tr>
+     * <tr><th scope="row">6</th><td>2000</td><td>1250</td></tr>
+     * <tr><th scope="row">7</th><td>4000</td><td>2500</td></tr>
+     * <tr><th scope="row">8</th><td>8000</td><td>5000</td></tr>
+     * <tr><th scope="row">9</th><td>16000</td><td>10000</td></tr>
      * </table>
      *
      * @return ObservableList containing {@link EqualizerBand} elements.
--- a/modules/javafx.media/src/main/java/javafx/scene/media/MediaPlayer.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.media/src/main/java/javafx/scene/media/MediaPlayer.java	Tue Oct 24 14:33:58 2017 -0700
@@ -159,26 +159,26 @@
      * <table border="1">
      * <caption>MediaPlayer Status Transition Table</caption>
      * <tr>
-     * <th>Current \ Next</th><th>READY</th><th>PAUSED</th>
-     * <th>PLAYING</th><th>STALLED</th><th>STOPPED</th>
+     * <th scope="col">Current \ Next</th><th scope="col">READY</th><th scope="col">PAUSED</th>
+     * <th scope="col">PLAYING</th><th scope="col">STALLED</th><th scope="col">STOPPED</th>
      * </tr>
      * <tr>
-     * <td><b>UNKNOWN</b></td><td>pre-roll</td><td></td><td></td><td></td><td></td>
+     * <th scope="row"><b>UNKNOWN</b></th><td>pre-roll</td><td></td><td></td><td></td><td></td>
      * </tr>
      * <tr>
-     * <td><b>READY</b></td><td></td><td></td><td>autoplay; play()</td><td></td><td></td>
+     * <th scope="row"><b>READY</b></th><td></td><td></td><td>autoplay; play()</td><td></td><td></td>
      * </tr>
      * <tr>
-     * <td><b>PAUSED</b></td><td></td><td></td><td>play()</td><td></td><td>stop()</td>
+     * <th scope="row"><b>PAUSED</b></th><td></td><td></td><td>play()</td><td></td><td>stop()</td>
      * </tr>
      * <tr>
-     * <td><b>PLAYING</b></td><td></td><td>pause()</td><td></td><td>buffering data</td><td>stop()</td>
+     * <th scope="row"><b>PLAYING</b></th><td></td><td>pause()</td><td></td><td>buffering data</td><td>stop()</td>
      * </tr>
      * <tr>
-     * <td><b>STALLED</b></td><td></td><td>pause()</td><td>data buffered</td><td></td><td>stop()</td>
+     * <th scope="row"><b>STALLED</b></th><td></td><td>pause()</td><td>data buffered</td><td></td><td>stop()</td>
      * </tr>
      * <tr>
-     * <td><b>STOPPED</b></td><td></td><td>pause()</td><td>play()</td><td></td><td></td>
+     * <th scope="row"><b>STOPPED</b></th><td></td><td>pause()</td><td>play()</td><td></td><td></td>
      * </tr>
      * </table>
      * <p>The table rows represent the current state of the player and the columns
@@ -1367,13 +1367,13 @@
      * </p>
      * <table border="1">
      * <caption>MediaPlayer Seek Table</caption>
-     * <tr><th>seekTime</th><th>seek position</th></tr>
-     * <tr><td><code>null</code></td><td>no change</td></tr>
-     * <tr><td>{@link Duration#UNKNOWN}</td><td>no change</td></tr>
-     * <tr><td>{@link Duration#INDEFINITE}</td><td>stop time</td></tr>
-     * <tr><td>seekTime&nbsp;&lt;&nbsp;start time</td><td>start time</td></tr>
-     * <tr><td>seekTime&nbsp;&gt;&nbsp;stop time</td><td>stop time</td></tr>
-     * <tr><td>start time&nbsp;&le;&nbsp;seekTime&nbsp;&le;&nbsp;stop time</td><td>seekTime</td></tr>
+     * <tr><th scope="col">seekTime</th><th scope="col">seek position</th></tr>
+     * <tr><th scope="row"><code>null</code></th><td>no change</td></tr>
+     * <tr><th scope="row">{@link Duration#UNKNOWN}</th><td>no change</td></tr>
+     * <tr><th scope="row">{@link Duration#INDEFINITE}</th><td>stop time</td></tr>
+     * <tr><th scope="row">seekTime&nbsp;&lt;&nbsp;start time</th><td>start time</td></tr>
+     * <tr><th scope="row">seekTime&nbsp;&gt;&nbsp;stop time</th><td>stop time</td></tr>
+     * <tr><th scope="row">start time&nbsp;&le;&nbsp;seekTime&nbsp;&le;&nbsp;stop time</th><td>seekTime</td></tr>
      * </table>
      *
      * @param seekTime the requested playback time
--- a/modules/javafx.media/src/main/java/javafx/scene/media/package.html	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.media/src/main/java/javafx/scene/media/package.html	Tue Oct 24 14:33:58 2017 -0700
@@ -66,16 +66,16 @@
 
 <table border="1">
 <caption>Media Encoding Table</caption>
-<tr><th>Encoding</th><th>Type</th><th>Description</th></tr>
-<tr><td>AAC</td><td>Audio</td><td>Advanced Audio Coding audio compression</td></tr>
-<tr><td>MP3</td><td>Audio</td>
+<tr><th scope="col">Encoding</th><th scope="col">Type</th><th scope="col">Description</th></tr>
+<tr><th scope="row">AAC</th><td>Audio</td><td>Advanced Audio Coding audio compression</td></tr>
+<tr><th scope="row">MP3</th><td>Audio</td>
 <td>Raw MPEG-1, 2, and 2.5 audio; layers I, II, and III; all supported
 combinations of sampling frequencies and bit rates. Note: File must contain at least 3 MP3 frames.</td>
 </tr>
-<tr><td>PCM</td><td>Audio</td><td>Uncompressed, raw audio samples</td></tr>
-<tr><td>H.264/AVC</td><td>Video</td><td>H.264/MPEG-4 Part 10 / AVC (Advanced Video Coding)
+<tr><th scope="row">PCM</th><td>Audio</td><td>Uncompressed, raw audio samples</td></tr>
+<tr><th scope="row">H.264/AVC</th><td>Video</td><td>H.264/MPEG-4 Part 10 / AVC (Advanced Video Coding)
 video compression</td></tr>
-<tr><td>VP6 (*)</td><td>Video</td><td>On2 VP6 video compression</td></tr>
+<tr><th scope="row">VP6 (*)</th><td>Video</td><td>On2 VP6 video compression</td></tr>
 </table>
 
 <p>
@@ -94,21 +94,21 @@
 
 <table border="1">
 <caption>Media Container / Encoding Types Table</caption>
-<tr><th>Container</th><th>Description</th><th>Video Encoding</th>
-<th>Audio Encoding</th><th>MIME Type</th><th>File Extension</th></tr>
-<tr><td>AIFF</td><td>Audio Interchange File Format</td><td>N/A</td>
+<tr><th scope="col">Container</th><th scope="col">Description</th><th scope="col">Video Encoding</th>
+<th scope="col">Audio Encoding</th><th scope="col">MIME Type</th><th scope="col">File Extension</th></tr>
+<tr><th scope="row">AIFF</th><td>Audio Interchange File Format</td><td>N/A</td>
     <td>PCM</td><td>audio/x-aiff</td><td>.aif, .aiff</td></tr>
-<tr><td>FXM, FLV (*)</td><td>FX Media, Flash Video</td><td>VP6</td>
+<tr><th scope="row">FXM, FLV (*)</th><td>FX Media, Flash Video</td><td>VP6</td>
     <td>MP3</td><td>video/x-javafx, video/x-flv</td><td>.fxm, .flv</td></tr>
-<tr><td>HLS (**)</td><td>MP2T HTTP Live Streaming (audiovisual)</td><td>H.264/AVC</td>
+<tr><th scope="row">HLS (**)</th><td>MP2T HTTP Live Streaming (audiovisual)</td><td>H.264/AVC</td>
     <td>AAC</td><td>application/vnd.apple.mpegurl, audio/mpegurl</td><td>.m3u8</td></tr>
-<tr><td>HLS (**)</td><td>MP3 HTTP Live Streaming (audio-only)</td><td>N/A</td>
+<tr><th scope="row">HLS (**)</th><td>MP3 HTTP Live Streaming (audio-only)</td><td>N/A</td>
     <td>MP3</td><td>application/vnd.apple.mpegurl, audio/mpegurl</td><td>.m3u8</td></tr>
-<tr><td>MP3</td><td>MPEG-1, 2, 2.5 raw audio stream possibly with ID3 metadata v2.3 or v2.4</td>
+<tr><th scope="row">MP3</th><td>MPEG-1, 2, 2.5 raw audio stream possibly with ID3 metadata v2.3 or v2.4</td>
     <td>N/A</td><td>MP3</td><td>audio/mpeg</td><td>.mp3</td></tr>
-<tr><td>MP4</td><td>MPEG-4 Part 14</td><td>H.264/AVC</td>
+<tr><th scope="row">MP4</th><td>MPEG-4 Part 14</td><td>H.264/AVC</td>
     <td>AAC</td><td>video/mp4, audio/x-m4a, video/x-m4v</td><td>.mp4, .m4a, .m4v</td></tr>
-<tr><td>WAV</td><td>Waveform Audio Format</td><td>N/A</td>
+<tr><th scope="row">WAV</th><td>Waveform Audio Format</td><td>N/A</td>
     <td>PCM</td><td>audio/x-wav</td><td>.wav</td></tr>
 </table>
 
@@ -121,29 +121,29 @@
 
 <table border="1">
 <caption>Supported Protocols Table</caption>
-<tr><th>Protocol</th><th>Description</th><th>Reference</th></tr>
+<tr><th scope="col">Protocol</th><th scope="col">Description</th><th scope="col">Reference</th></tr>
 <tr>
-    <td>FILE</td>
+    <th scope="row">FILE</th>
     <td>Protocol for URI representation of local files</td>
     <td><a href="https://docs.oracle.com/javase/8/docs/api/java/net/URI.html">java.net.URI</a></td>
 </tr>
 <tr>
-    <td>HTTP</td>
+    <th scope="row">HTTP</th>
     <td>Hypertext transfer protocol for representation of remote files</td>
     <td><a href="https://docs.oracle.com/javase/8/docs/api/java/net/URI.html">java.net.URI</a></td>
 </tr>
 <tr>
-    <td>HTTPS</td>
+    <th scope="row">HTTPS</th>
     <td>Hypertext transfer protocol secure for representation of remote files</td>
     <td><a href="https://docs.oracle.com/javase/8/docs/api/java/net/URI.html">java.net.URI</a></td>
 </tr>
 <tr>
-    <td>JAR</td>
+    <th scope="row">JAR</th>
     <td>Representation of media entries in files accessible via the FILE, HTTP or HTTPS protocols</td>
     <td><a href="https://docs.oracle.com/javase/8/docs/api/java/net/JarURLConnection.html">java.net.JarURLConnection</a></td>
 </tr>
 <tr>
-    <td>HTTP Live Streaming (HLS)</td>
+    <th scope="row">HTTP Live Streaming (HLS)</th>
     <td>Playlist-based media streaming via HTTP or HTTPS</td>
     <td><a href="http://tools.ietf.org/html/draft-pantos-http-live-streaming">Internet-Draft: HTTP Live Streaming</a></td>
 </tr>
@@ -185,29 +185,29 @@
 
 <table border="1">
 <caption>"Metadata Keys and Tags Table</caption>
-<tr><th> Container </th><th> Tag (type String) </th><th> Type </th><th> Description </th></tr>
-<tr><td> FXM, FLV </td><td> audio&nbsp;codec </td><td> java.lang.String </td><td>The encoder used for the audio track.</td></tr>
-<tr><td> FXM, FLV </td><td> duration </td><td> javafx.util.Duration </td><td>The duration of the media.</td></tr>
-<tr><td> FXM, FLV </td><td> video&nbsp;codec </td><td> java.lang.String </td><td>The encoder used for the video track.</td></tr>
-<tr><td> FXM, FLV </td><td> width </td><td> java.lang.Integer </td><td>The width in pixels of the video track.</td></tr>
-<tr><td> FXM, FLV </td><td> height </td><td> java.lang.Integer </td><td>The height in pixels of the video track.</td></tr>
-<tr><td> FXM, FLV </td><td> framerate </td><td> java.lang.Double </td><td>The video frame rate in frames per second.</td></tr>
-<tr><td> FXM, FLV </td><td> creationdate </td><td> java.lang.String </td><td>The date when the video was created.</td></tr>
-<tr><td> FXM, FLV, MP3 </td><td> raw&nbsp;metadata </td><td> Map&lt;String,ByteBuffer&gt; </td><td>The raw metadata according to the appropriate media specification. The key "ID3" maps to MP3 ID3v2 metadata and "FLV" to the FLV onMetadata marker content.</td></tr>
-<tr><td> MP3 </td><td> album&nbsp;artist </td><td> java.lang.String </td><td>The artist for the overall album, possibly "Various Artists" for compilations.</td></tr>
-<tr><td> MP3 </td><td> album </td><td> java.lang.String </td><td>The name of the album.</td></tr>
-<tr><td> MP3 </td><td> artist </td><td> java.lang.String </td><td>The artist of the track.</td></tr>
-<tr><td> MP3 </td><td> comment-N </td><td> java.lang.String </td><td>A comment where N is a 0-relative index. Comment format: ContentDescription[lng]=Comment </td></tr>
-<tr><td> MP3 </td><td> composer </td><td> java.lang.String </td><td>The composer of the track.</td></tr>
-<tr><td> MP3 </td><td> year </td><td> java.lang.Integer </td><td>The year the track was recorded.</td></tr>
-<tr><td> MP3 </td><td> disc&nbsp;count </td><td> java.lang.Integer </td><td>The number of discs in the album.</td></tr>
-<tr><td> MP3 </td><td> disc&nbsp;number </td><td> java.lang.Integer </td><td>The 1-relative index of the disc on which this track appears.</td></tr>
-<tr><td> MP3 </td><td> duration </td><td> javafx.util.Duration </td><td>The duration of the track.</td></tr>
-<tr><td> MP3 </td><td> genre </td><td> java.lang.String </td><td>The genre of the track, for example, "Classical," "Darkwave," or "Jazz."</td></tr>
-<tr><td> MP3 </td><td> image </td><td> javafx.scene.image.Image </td><td>The album cover.</td></tr>
-<tr><td> MP3 </td><td> title </td><td> java.lang.String </td><td>The name of the track.</td></tr>
-<tr><td> MP3 </td><td> track&nbsp;count </td><td> java.lang.Integer </td><td>The number of tracks on the album.</td></tr>
-<tr><td> MP3 </td><td> track&nbsp;number </td><td> java.lang.Integer </td><td>The 1-relative index of this track on the disc.</td></tr>
+<tr><th scope="col"> Container </th><th scope="col"> Tag (type String) </th><th scope="col"> Type </th><th scope="col"> Description </th></tr>
+<tr><td> FXM, FLV </td><th scope="row"> audio&nbsp;codec </th><td> java.lang.String </td><td>The encoder used for the audio track.</td></tr>
+<tr><td> FXM, FLV </td><th scope="row"> duration </th><td> javafx.util.Duration </td><td>The duration of the media.</td></tr>
+<tr><td> FXM, FLV </td><th scope="row"> video&nbsp;codec </th><td> java.lang.String </td><td>The encoder used for the video track.</td></tr>
+<tr><td> FXM, FLV </td><th scope="row"> width </th><td> java.lang.Integer </td><td>The width in pixels of the video track.</td></tr>
+<tr><td> FXM, FLV </td><th scope="row"> height </th><td> java.lang.Integer </td><td>The height in pixels of the video track.</td></tr>
+<tr><td> FXM, FLV </td><th scope="row"> framerate </th><td> java.lang.Double </td><td>The video frame rate in frames per second.</td></tr>
+<tr><td> FXM, FLV </td><th scope="row"> creationdate </th><td> java.lang.String </td><td>The date when the video was created.</td></tr>
+<tr><td> FXM, FLV, MP3 </td><th scope="row"> raw&nbsp;metadata </th><td> Map&lt;String,ByteBuffer&gt; </td><td>The raw metadata according to the appropriate media specification. The key "ID3" maps to MP3 ID3v2 metadata and "FLV" to the FLV onMetadata marker content.</td></tr>
+<tr><td> MP3 </td><th scope="row"> album&nbsp;artist </th><td> java.lang.String </td><td>The artist for the overall album, possibly "Various Artists" for compilations.</td></tr>
+<tr><td> MP3 </td><th scope="row"> album </th><td> java.lang.String </td><td>The name of the album.</td></tr>
+<tr><td> MP3 </td><th scope="row"> artist </th><td> java.lang.String </td><td>The artist of the track.</td></tr>
+<tr><td> MP3 </td><th scope="row"> comment-N </th><td> java.lang.String </td><td>A comment where N is a 0-relative index. Comment format: ContentDescription[lng]=Comment </td></tr>
+<tr><td> MP3 </td><th scope="row"> composer </th><td> java.lang.String </td><td>The composer of the track.</td></tr>
+<tr><td> MP3 </td><th scope="row"> year </th><td> java.lang.Integer </td><td>The year the track was recorded.</td></tr>
+<tr><td> MP3 </td><th scope="row"> disc&nbsp;count </th><td> java.lang.Integer </td><td>The number of discs in the album.</td></tr>
+<tr><td> MP3 </td><th scope="row"> disc&nbsp;number </th><td> java.lang.Integer </td><td>The 1-relative index of the disc on which this track appears.</td></tr>
+<tr><td> MP3 </td><th scope="row"> duration </th><td> javafx.util.Duration </td><td>The duration of the track.</td></tr>
+<tr><td> MP3 </td><th scope="row"> genre </th><td> java.lang.String </td><td>The genre of the track, for example, "Classical," "Darkwave," or "Jazz."</td></tr>
+<tr><td> MP3 </td><th scope="row"> image </th><td> javafx.scene.image.Image </td><td>The album cover.</td></tr>
+<tr><td> MP3 </td><th scope="row"> title </th><td> java.lang.String </td><td>The name of the track.</td></tr>
+<tr><td> MP3 </td><th scope="row"> track&nbsp;count </th><td> java.lang.Integer </td><td>The number of tracks on the album.</td></tr>
+<tr><td> MP3 </td><th scope="row"> track&nbsp;number </th><td> java.lang.Integer </td><td>The 1-relative index of this track on the disc.</td></tr>
 </table>
 
 <a id="PlayingMediaInJavaFX"></a>
--- a/modules/javafx.web/src/main/java/javafx/scene/web/WebEngine.java	Mon Oct 23 15:11:00 2017 -0700
+++ b/modules/javafx.web/src/main/java/javafx/scene/web/WebEngine.java	Tue Oct 24 14:33:58 2017 -0700
@@ -126,21 +126,21 @@
  * <table border="1">
  * <caption>JavaScript Callback Table</caption>
  * <tr>
- *     <th>JavaScript method/property</th>
- *     <th>WebEngine callback</th>
+ *     <th scope="col">JavaScript method/property</th>
+ *     <th scope="col">WebEngine callback</th>
  * </tr>
- * <tr><td>{@code window.alert()}</td><td>{@code onAlert}</td></tr>
- * <tr><td>{@code window.confirm()}</td><td>{@code confirmHandler}</td></tr>
- * <tr><td>{@code window.open()}</td><td>{@code createPopupHandler}</td></tr>
- * <tr><td>{@code window.open()} and<br>
- *         {@code window.close()}</td><td>{@code onVisibilityChanged}</td></tr>
- * <tr><td>{@code window.prompt()}</td><td>{@code promptHandler}</td></tr>
- * <tr><td>Setting {@code window.status}</td><td>{@code onStatusChanged}</td></tr>
- * <tr><td>Setting any of the following:<br>
+ * <tr><th scope="row">{@code window.alert()}</th><td>{@code onAlert}</td></tr>
+ * <tr><th scope="row">{@code window.confirm()}</th><td>{@code confirmHandler}</td></tr>
+ * <tr><th scope="row">{@code window.open()}</th><td>{@code createPopupHandler}</td></tr>
+ * <tr><th scope="row">{@code window.open()} and<br>
+ *         {@code window.close()}</th><td>{@code onVisibilityChanged}</td></tr>
+ * <tr><th scope="row">{@code window.prompt()}</th><td>{@code promptHandler}</td></tr>
+ * <tr><th scope="row">Setting {@code window.status}</th><td>{@code onStatusChanged}</td></tr>
+ * <tr><th scope="row">Setting any of the following:<br>
  *         {@code window.innerWidth}, {@code window.innerHeight},<br>
  *         {@code window.outerWidth}, {@code window.outerHeight},<br>
  *         {@code window.screenX}, {@code window.screenY},<br>
- *         {@code window.screenLeft}, {@code window.screenTop}
+ *         {@code window.screenLeft}, {@code window.screenTop}</th>
  *         <td>{@code onResized}</td></tr>
  * </table>
  *