From 2b213d95de865eae68e24c6d22951b6e6eaea485 Mon Sep 17 00:00:00 2001
From: Jacques Distler <distler@golem.ph.utexas.edu>
Date: Mon, 9 Nov 2009 11:58:57 -0600
Subject: [PATCH] Accessiblity: Skip Navigation Link

Thanks to John Gardner for the suggestion.
---
 app/views/navigation.rhtml     | 8 +++++---
 public/stylesheets/instiki.css | 6 ++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/views/navigation.rhtml b/app/views/navigation.rhtml
index 58d77975..1f8bfd13 100644
--- a/app/views/navigation.rhtml
+++ b/app/views/navigation.rhtml
@@ -9,7 +9,8 @@ end
 %>
 
 <div class="navigation">
-  <% if params['action'] != 'published' then %>
+    <span class="skipNav"><a href='#navEnd'>Skip the Navigation Links</a> |</span>
+  <%- if params['action'] != 'published' then -%>
     <%= list_item 'Home Page', {:action => 'show', :id => 'HomePage'}, 'Home, Sweet Home', 'H' %> | 
     <%= list_item 'All Pages', {:action => 'list'}, 'Alphabetically sorted list of pages', 'A' %> | 
     <%= list_item 'Recently Revised', {:action =>'recently_revised'}, 'Pages sorted by when they were last changed', 'U' %> |
@@ -22,8 +23,9 @@ end
              onfocus="this.value == 'Search' ? this.value = '' : true"
              onblur="this.value == '' ? this.value = 'Search' : true" /></fieldset>
     <% end %>
-  <% else %>
+  <% else -%>
   	<%= list_item 'Home Page', {:action => 'published', :id => 'HomePage'}, 'Home, Sweet Home', 'H' %> | 
     <%= list_item 'Feeds', {:action => 'feeds'}, 'Subscribe to changes by Atom' %>
-  <% end%>
+  <% end-%>
+  <span id='navEnd'></span>
 </div>
diff --git a/public/stylesheets/instiki.css b/public/stylesheets/instiki.css
index b85b734c..d61bc960 100644
--- a/public/stylesheets/instiki.css
+++ b/public/stylesheets/instiki.css
@@ -6,6 +6,12 @@ font-size:1em;
 line-height:1.3em;
 }
 
+.skipNav {
+position:relative;
+left:-1000em;
+font-size:0em;
+}
+
 #Container {
 margin:0 10px;
 text-align:center;