add classes for unused skip element, add message in the footer to

report problems to us, more with ev

4 files changed, 47 insertions, 3 deletions

diff --git a/common/footer.j2.inc b/common/footer.j2.inc
index 804f10f4..8a39e0af 100644
--- a/common/footer.j2.inc
+++ b/common/footer.j2.inc
@@ -1,4 +1,4 @@
-<footer>
+<footer id="footer">
   <div class="container-fluid cushion-below">
     <div class="container">
       <div class="row">
@@ -28,5 +28,6 @@
   <div class="container text-center">
     <p>&copy; <a href="ev.html">GNUnet e.V.</a> 2015, 2016, 2017, 2018, 2019</p>
     <p>{{ _("This page was created using <a href='https://www.gnu.org/'>Free Software</a> only.") }}</p>
+    <p>{{ _("Report issues with this website to <a href='contact.html'>us</a>.") }}</p>
   </div>
 </footer>
diff --git a/common/navigation.j2.inc b/common/navigation.j2.inc
index e03dd9c6..84f5b087 100644
--- a/common/navigation.j2.inc
+++ b/common/navigation.j2.inc
@@ -1,3 +1,12 @@
+<!--
+<div id="header" class="">
+       <ul class="skip">
+         <!-- <li><a href="#nav">jump to main navigation</a></li> -->
+         <li><a href="#content">jump to main content</a></li>
+         <li><a href="#footer">jump to footer</a></li>
+       </ul>
+</div>
+-->
 <nav class="navbar navbar-inverse navbar-default">
   <div class="container-fluid">
     <ul class="nav navbar-nav">
diff --git a/ev.html.j2 b/ev.html.j2
index 7824bf9a..b0d2bf42 100644
--- a/ev.html.j2
+++ b/ev.html.j2
@@ -1,6 +1,6 @@
 {% extends "common/base.j2" %}
 {% block body_content %}
-<div>
+<main>
 <div class="container-fluid">
   <div class="container text-center">
     <h1>{{ _("Verein zur F&ouml;rderung von GNUnet e.V.") }}</h1>
@@ -116,5 +116,5 @@
 </div>
 
 </div> <!-- /container -->
-</div>
+</main>
 {% endblock body_content %}
diff --git a/styles.css b/styles.css
index 2f7cd174..4534f9e6 100644
--- a/styles.css
+++ b/styles.css
@@ -6,6 +6,34 @@
         z-index: 3;
 }
 
+.skip {
+        display:none!important;
+}
+
+.skip {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: .857143em;
+}
+
+.skip li {
+        position:absolute;
+        z-index:1;
+        margin:0;
+}
+.skip a {
+        position:absolute;
+        left:-9999px;
+}
+.skip a:active,
+.skip a:focus {
+ display:block;
+ position:static;
+ left:0;
+ padding:.25em 1em;
+}
 
 /* hyperlinks and buttons */
 #body_content a,
@@ -20,6 +48,12 @@ a.btn:visited {
         text-decoration: none !important;
         color: white !important;
 }
+/* For reference if bootstrap does not cover the main-Element issue in IE9-11 */
+/*
+main {
+        display:block;
+}
+*/
 #body_content a:hover {
         transition: background-color 0.7s;
         background-color: #d00;