#386462 by Jeff Burnz, mgifford, Cliff, Everett Zufelt, annmcmeekin, et al: Added 'Skip to main content' links in all core themes.

2 files changed, 26 insertions, 0 deletions

diff --git a/themes/garland/page.tpl.php b/themes/garland/page.tpl.php
index a3a1cf30e..cf01a8ee1 100644
--- a/themes/garland/page.tpl.php
+++ b/themes/garland/page.tpl.php
@@ -31,6 +31,7 @@
       <div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">
           <?php print $breadcrumb; ?>
           <?php if ($page['highlight']): ?><div id="highlight"><?php render($page['highlight']); ?></div><?php endif; ?>
+          <a name="main-content" id="main-content"></a>
           <?php if ($tabs): ?><div id="tabs-wrapper" class="clearfix"><?php endif; ?>
           <?php if ($title): ?><h2<?php print $tabs ? ' class="with-tabs"' : '' ?>><?php print $title ?></h2><?php endif; ?>
           <?php if ($tabs): ?><ul class="tabs primary"><?php print render($tabs) ?></ul></div><?php endif; ?>
diff --git a/themes/garland/style.css b/themes/garland/style.css
index bdc4e4972..eac8f2fb1 100644
--- a/themes/garland/style.css
+++ b/themes/garland/style.css
@@ -291,6 +291,31 @@ table .form-button, table .form-submit {
 }
 
 /**
+ * Skip link
+ */
+#skip-link a:link, #skip-link a:visited {
+  font-weight: bold; 
+  background: #fff; 
+  padding: 0px 5px;
+  text-decoration: none;
+  font-size: 80%;
+  text-align: right;
+  top: -99em;
+  left: auto;
+  position: absolute;
+}
+
+#skip-link a:hover, #skip-link a:focus, #skip-link a:active  {
+  height: auto;
+  width: auto;
+  overflow: visible;
+  top:0;
+  left:0;
+  position: fixed;
+  z-index: 1000;
+}
+
+/**
  * Layout
  */
 .region-header {