add invisible section headlines for better orientation for screen readers

layouts/partials/language.html

@@ -3,6 +3,7 @@
   <div class="container">
     <div class="row">
       <div class="col-lg-8 col-lg-offset-2 text-center">
+        <h2 class="hidden">{{ .Site.Params.navigation.links.language }}</h2>
         <p>{{ .Site.Params.language.description }}:</p>
         <p style="font-size:25px;"><i class="fa fa-globe" aria-hidden="true" style="font-size:1.5em;vertical-align:top;"></i></p>
         <ul>

layouts/partials/legal.html

@@ -1,6 +1,7 @@
 {{ "<!-- LEGAL -->" | safeHTML }}
 <section id="legal">
   <div class="text-center">
+    <h2 class="hidden">Legal Information</h2>
     <p>{{ .Site.Params.legal.by }} (<a href="https://fsfe.org/index.{{ .Lang }}.html" target="_blank">FSFE</a>) 
     – <a href="https://fsfe.org/about/legal/imprint.{{ .Lang }}.html" target="_blank">{{ .Site.Params.legal.imprint }}</a> 
     | <a href="https://fsfe.org/about/legal/imprint.{{ .Lang }}.html#id-privacy-policy" target="_blank">{{ .Site.Params.legal.privacy }}</a> 

layouts/partials/resources.html

@@ -2,6 +2,7 @@
 {{ $data := index .Site.Data .Site.Language.Lang }}
 <section class="no-padding" id="resources">
     <div class="container-fluid">
+      <h2 class="hidden">{{ .Site.Params.navigation.links.resources }}</h2>
         <div class="row no-gutter">
             {{ range $data.resources }}
                 <div class="col-lg-4 col-sm-6">