Navigations-Hilfen ergänzt (Breadcrumb und Content-Skip)

diff --git a/src/main/webapp/WEB-INF/spring/tiles.xml b/src/main/webapp/WEB-INF/spring/tiles.xml
index ffeaa6469ebac4271d445308400c63089aa96be0..697c3e415853551dfe187fd827e2d0dad8782fda 100644 (file)
--- a/src/main/webapp/WEB-INF/spring/tiles.xml
+++ b/src/main/webapp/WEB-INF/spring/tiles.xml
@@ -6,6 +6,7 @@
 
   <definition name="BASEPAGE" template="/WEB-INF/templates/html5page.jsp">
     <put-attribute name="title" value="TITLE IS MISSING" type="string"/>
+    <put-attribute name="breadcrumb" value="BREADCRUMB IS MISSING" type="string"/>
     <put-attribute name="maincontent" value="/WEB-INF/templates/maincontent.jsp" type="template"/>
     <put-attribute name="contentclass" value="cols_2" type="string"/>
     <put-attribute name="marginalcontent" value="/WEB-INF/templates/marginalcontent.jsp" type="template"/>

diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
index b98eda1be8326bf9f4ff98fc0fed95b98c67ac7e..ba52ec5bcccf6bdff8a0d0fd62996286c1f190a7 100644 (file)
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -16,6 +16,13 @@
       <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
       <hr />
     </header>
+    <div id="breadcrumb">
+      <strong class="b">You are here:</strong>
+      <ol class="b">
+        <t:insertAttribute name="breadcrumb"/>
+      </ol>
+      <a class="hide" href="#navigation">Jump to navigation</a>
+    </div>
     <div class="content <t:getAsString name="contentclass"/> cf">
       <section id="content" class="main">
         <h1><t:getAsString name="title"/></h1>

diff --git a/src/main/webapp/WEB-INF/views/blog.jsp b/src/main/webapp/WEB-INF/views/blog.jsp
index 803c597e4ff6fb4a993f940384c19861cbd2126b..f0ede918bec7f46aec95083d7f1907f1d0bcea2f 100644 (file)
--- a/src/main/webapp/WEB-INF/views/blog.jsp
+++ b/src/main/webapp/WEB-INF/views/blog.jsp
@@ -4,6 +4,10 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Blog" type="string"/>
+    <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><strong class="b">Blog</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>

diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp
index 0626885df725c0d2514cc938de187755d553faa4..2fc10c113c54d6e35deeba6ca504b111a6541891 100644 (file)
--- a/src/main/webapp/WEB-INF/views/contact.jsp
+++ b/src/main/webapp/WEB-INF/views/contact.jsp
@@ -4,5 +4,9 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="ONECOLUMN">
   <t:putAttribute name="title" value="Contact" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><strong class="b">Contact</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>

diff --git a/src/main/webapp/WEB-INF/views/impressum.jsp b/src/main/webapp/WEB-INF/views/impressum.jsp
index 5519596c2c4490dcd11d77eefa94496c1e09fbd1..45946d21d7f2ace8f35f7944aa2ae7ef6f4125cf 100644 (file)
--- a/src/main/webapp/WEB-INF/views/impressum.jsp
+++ b/src/main/webapp/WEB-INF/views/impressum.jsp
@@ -4,5 +4,9 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="ONECOLUMN">
   <t:putAttribute name="title" value="Impressum" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><strong class="b">Impressum</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>

diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp
index 275947298cb22307806693d0f7b3f60d996619d2..9b8f53137ad1cd73c78bd52821cd0f4d9b704747 100644 (file)
--- a/src/main/webapp/WEB-INF/views/index.jsp
+++ b/src/main/webapp/WEB-INF/views/index.jsp
@@ -4,4 +4,7 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="ONECOLUMN">
   <t:putAttribute name="title" value="Branding" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><strong class="b">Home</strong></li>
+  </t:putAttribute>
 </t:insertDefinition>

diff --git a/src/main/webapp/WEB-INF/views/projects.jsp b/src/main/webapp/WEB-INF/views/projects.jsp
index c39e5c53f9ff5c38a5e0a0692639333124bc5df3..abf73304b7d8441c939bf080ba1a9d2475ff00a2 100644 (file)
--- a/src/main/webapp/WEB-INF/views/projects.jsp
+++ b/src/main/webapp/WEB-INF/views/projects.jsp
@@ -4,6 +4,10 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Projects" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><strong class="b">Projects</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>

diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
index fff0e39222abf3cc42d4ccd317915c3e4eef3795..697aaba049aa2fb67f07a2b02f9eeb8783990792 100644 (file)
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
@@ -4,6 +4,11 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Fix SWF" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><a class="b" href="projects.html">Projects</a></li>
+    <li class="b"><strong class="b">Fix SWF</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>

diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
index e29a1c6830f4d2d293725ed3d5be23b246546c7e..65ec88b6ecb3303f700c1f7157858cac4b8c3a45 100644 (file)
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
@@ -4,6 +4,12 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Fix SWF - Getting Started" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><a class="b" href="projects.html">Projects</a></li>
+    <li class="b"><a class="b" href="projects/fix-swf.html">Fix SWF</a></li>
+    <li class="b"><strong class="b">Getting Started</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>

diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
index 251cb31d68f6b8978fab556cbf2eb20b865c033c..f9eaa136dcd5a6b3f92787c0d99945f8f093712e 100644 (file)
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
@@ -4,6 +4,12 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Fix SWF - Overview" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><a class="b" href="projects.html">Projects</a></li>
+    <li class="b"><a class="b" href="projects/fix-swf.html">Fix SWF</a></li>
+    <li class="b"><strong class="b">Overview</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>

diff --git a/src/main/webapp/WEB-INF/views/projects/typo.jsp b/src/main/webapp/WEB-INF/views/projects/typo.jsp
index a55864c1f5349202ffe2b44f301f4ebf04b96995..52437cfa55d9f30665c956e3469ce0fcc81ffad4 100644 (file)
--- a/src/main/webapp/WEB-INF/views/projects/typo.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/typo.jsp
@@ -4,6 +4,11 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Typo" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><a class="b" href="projects.html">Projects</a></li>
+    <li class="b"><strong class="b">Typography</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>

diff --git a/src/main/webapp/css/base/navigation.css b/src/main/webapp/css/base/navigation.css
index e56e931fa3ece6d046f75c31516d056154b81a3d..9b1daa352b18aa9a3b2f2717b0ddbe2f07ac6e7d 100644 (file)
--- a/src/main/webapp/css/base/navigation.css
+++ b/src/main/webapp/css/base/navigation.css
@@ -46,6 +46,58 @@
   margin-left: -.92em;
 }
 
+#breadcrumb
+{
+  position: absolute;
+  top: 8.4em;
+  left: 13.4em;
+  z-index: 3;
+  font-family: 'BPreplay', Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  color: #0ACF00;
+}
+#breadcrumb > strong.b
+{
+  float: left;
+}
+#breadcrumb > ol.b
+{
+  display: inline;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+#breadcrumb > ol.b > li.b
+{
+  float: left;
+  margin: 0 .5em 0 0;
+  padding: 0;
+}
+#breadcrumb > ol.b > li.b:before
+{
+  content: '> ';
+  margin-right: .25em;
+}
+#breadcrumb > ol.b > li.b:first-child:before
+{
+  content: '';
+  margin: 0 0 0 1em;
+}
+#breadcrumb > ol.b > li.b > strong.b
+{
+  border-bottom: 1px solid #0ACF00;
+}
+#breadcrumb > ol.b > li.b > a.b
+{
+  color: #0ACF00;
+}
+#breadcrumb > ol.b > li.b > a.b:hover,
+#breadcrumb > ol.b > li.b > a.b:focus,
+#breadcrumb > ol.b > li.b > a.b:active
+{
+  color: #078600;
+}
+
 #nav > h1.nav,
 #nav > h2.nav.menu
 {

diff --git a/src/main/webapp/css/base/util.css b/src/main/webapp/css/base/util.css
index 6ddf6c075ebd5949117cccde9893f13df60dbb8e..1ab1226c30b655da5f54bad2a510ae5ca5bf0d36 100644 (file)
--- a/src/main/webapp/css/base/util.css
+++ b/src/main/webapp/css/base/util.css
@@ -12,3 +12,9 @@
   clear:both;
 }
 
+/** Hide helpful content in a way, that it is still accessible to screen-readers */
+.hide{
+  position: absolute;
+  left: -99999999em;
+}
+