Added table.spacer.image to improve tabular style accessibility. This is a fairly...

diff --git a/website/xsl/param.xsl b/website/xsl/param.xsl
index e43dac85e8363b1be8e236e4e665046a2a3f72bf..179366c702361c2d4217a465960a4d4d4264d46d 100644 (file)
--- a/website/xsl/param.xsl
+++ b/website/xsl/param.xsl
@@ -364,14 +364,18 @@ will be used to indent the TOC.</para>
 
 <!-- ==================================================================== -->
 
-<doc:param name="" xmlns="">
-<refpurpose></refpurpose>
+<xsl:param name="table.spacer.image" select="'graphics/spacer.gif'"/>
+
+<doc:param name="table.spacer.image" xmlns="">
+<refpurpose>Invisible pixel for tabular accessibility</refpurpose>
 <refdescription>
-<para></para>
+<para>This is the 1x1 pixel, transparent pixel used for
+<ulink url="http://diveintoaccessibility.org/day_10_presenting_your_main_content_first.html">the table trick</ulink> to increase the accessibility of the tabular
+website presentation.
+</para>
 </refdescription>
 </doc:param>
 
 <!-- ==================================================================== -->
 
-
 </xsl:stylesheet>

diff --git a/website/xsl/tabular.xsl b/website/xsl/tabular.xsl
index 07daa9170f5183c9c3de7aee1417f58f5da6bc40..7861892f55dcde05c3376faf3a28eb65e73d2cf8 100644 (file)
--- a/website/xsl/tabular.xsl
+++ b/website/xsl/tabular.xsl
@@ -121,12 +121,43 @@
 
         <xsl:call-template name="allpages.banner"/>
 
-        <table xsl:use-attribute-sets="table.properties">
+        <table xsl:use-attribute-sets="table.properties" border="0">
           <xsl:if test="$nav.table.summary!=''">
             <xsl:attribute name="summary">
               <xsl:value-of select="$nav.table.summary"/>
             </xsl:attribute>
           </xsl:if>
+          <tr>
+            <td><img src="{$table.spacer.image}" alt=" " width="1" height="1"/></td>
+            <xsl:call-template name="hspacer"/>
+            <td rowspan="2" xsl:use-attribute-sets="table.body.cell.properties">
+              <xsl:if test="$navbodywidth != ''">
+                <xsl:attribute name="width">
+                  <xsl:value-of select="$navbodywidth"/>
+                </xsl:attribute>
+              </xsl:if>
+
+              <xsl:if test="$autolayout/autolayout/toc[1]/@id = $id">
+                <table border="0" summary="home page extra headers"
+                       cellpadding="0" cellspacing="0" width="100%">
+                  <tr>
+                    <xsl:call-template name="home.navhead.cell"/>
+                    <xsl:call-template name="home.navhead.upperright.cell"/>
+                  </tr>
+                </table>
+                <xsl:call-template name="home.navhead.separator"/>
+              </xsl:if>
+
+              <xsl:if test="$autolayout/autolayout/toc[1]/@id != $id
+                            or $suppress.homepage.title = 0">
+                <xsl:apply-templates select="./head/title" mode="title.mode"/>
+              </xsl:if>
+
+              <xsl:apply-templates select="child::*[name(.) != 'webpage']"/>
+              <xsl:call-template name="process.footnotes"/>
+              <br/>
+            </td>
+          </tr>
           <tr>
             <td xsl:use-attribute-sets="table.navigation.cell.properties">
               <xsl:if test="$navtocwidth != ''">
@@ -155,36 +186,7 @@
                 <xsl:otherwise>&#160;</xsl:otherwise>
               </xsl:choose>
             </td>
-
             <xsl:call-template name="hspacer"/>
-
-            <td xsl:use-attribute-sets="table.body.cell.properties">
-              <xsl:if test="$navbodywidth != ''">
-                <xsl:attribute name="width">
-                  <xsl:value-of select="$navbodywidth"/>
-                </xsl:attribute>
-              </xsl:if>
-
-              <xsl:if test="$autolayout/autolayout/toc[1]/@id = $id">
-                <table border="0" summary="home page extra headers"
-                       cellpadding="0" cellspacing="0" width="100%">
-                  <tr>
-                    <xsl:call-template name="home.navhead.cell"/>
-                    <xsl:call-template name="home.navhead.upperright.cell"/>
-                  </tr>
-                </table>
-                <xsl:call-template name="home.navhead.separator"/>
-              </xsl:if>
-
-              <xsl:if test="$autolayout/autolayout/toc[1]/@id != $id
-                            or $suppress.homepage.title = 0">
-                <xsl:apply-templates select="./head/title" mode="title.mode"/>
-              </xsl:if>
-
-              <xsl:apply-templates select="child::*[name(.) != 'webpage']"/>
-              <xsl:call-template name="process.footnotes"/>
-              <br/>
-            </td>
           </tr>
           <xsl:call-template name="webpage.table.footer"/>
         </table>