diff --git a/resource/css/styles.css b/resource/css/styles.css
index e241725bc..596aec5ec 100644
--- a/resource/css/styles.css
+++ b/resource/css/styles.css
@@ -24,7 +24,7 @@ h1, .prefLabel, .prefLabelLang, .notation {
   font-weight: bold;
 }
 
-h2 {
+h2, h3 {
   font-family: 'Fira Sans', sans-serif;
   font-size: 16px;
 }
@@ -154,6 +154,19 @@ ul {
   width: 25px;
 }
 
+/* Generic screen reader class
+ * Code from https://webaim.org/techniques/css/invisiblecontent/
+ ***************************/
+
+.sr-only {
+  position:absolute;
+  left:-10000px;
+  top:auto;
+  width:1px;
+  height:1px;
+  overflow:hidden;
+}
+
 /* topbar styles
  ***************************/
 
@@ -643,7 +656,7 @@ span.xl-pref-label > img {
   width: 100% !important;
 }
 
-#vocabulary-list > div > h2, #vocabulary-list-wide > div > h2 {
+#vocabulary-list > div > h2, #vocabulary-list > div > h3, #vocabulary-list-wide > div > h2, #vocabulary-list-wide > div > h3 {
   margin-bottom: 0;
   margin-top: 0;
   padding: 15px 0 15px 10px;
@@ -651,30 +664,21 @@ span.xl-pref-label > img {
 
 .vocab-category {
   display: inline-block;
-  padding-left: 0;
   width: 100%;
 }
 
-.vocab-category > ul > li, .vocab-category > h2 {
+.vocab-category > h3 {
   display: inline-block;
-}
-
-.vocab-category > h2 {
   margin: 0 0 5px 0;
 }
 
-.vocab-category > ul > li {
-  display: block;
-}
-
 .vocab-category > ul {
-  display: inline-block;
   width: 72%;
   float: right;
   padding-left: 0;
 }
 
-.vocab-category > li > h2 {
+.vocab-category > li > h3 {
   margin-bottom: 5px;
   margin-top: 0;
 }
@@ -1065,6 +1069,10 @@ li.sub-group {
   margin-bottom: 15px;
 }
 
+.download-links a {
+  margin-left: 5px;
+}
+
 .count-type {
   padding-right: 20px;
 }
@@ -1093,8 +1101,20 @@ li.sub-group {
   right: 0;
 }
 
-.alert h2 {
+.alert-danger {
+  font-size: 18px;
+}
+
+.content .alert-danger p {
+  color: #fff;
+  font-weight: 500;
   margin: 5px 0 5px 0;
+  line-height: 1.1;
+}
+
+.search-result-listing .deprecated-alert {
+  margin-left: 10px;
+  color: #D95F8A;
 }
 
 .alert-replaced a {
@@ -1125,6 +1145,11 @@ li.sub-group {
   margin-bottom: 20px;
 }
 
+.concept-info h3 {
+  margin: 0;
+  line-height: 22.85px;
+}
+
 .deprecated-concept * {
   color: #888;
 }
@@ -1151,10 +1176,6 @@ li.sub-group {
   position: relative;
 }
 
-.logo-header {
-  padding-left: 18%;
-}
-
 .property-value-column > .row > .col-xs-5 > .versal {
   word-wrap: break-word;
 }
@@ -1331,6 +1352,22 @@ tr.replaced-by > td > ul > li > a {
   padding-left: 0;
 }
 
+#vocab-info h2 {
+  font-size: 27px;
+  font-weight: 400;
+}
+
+#vocab-info h3 {
+  font-weight: 400;
+  display: initial;
+}
+
+#vocab-info > div > h3 {
+  font-weight: 500;
+  margin-bottom: 10px;
+  display: block;
+}
+
 #counts { max-width: 300px; }
 
 #statistics { max-width: 450px; }
@@ -1358,8 +1395,9 @@ tr.replaced-by > td > ul > li > a {
   width: 25px;
 }
 
-.pagination > li:last-child > a {
+.pagination > li:nth-last-child(2) > a, .pagination > li:last-child > a {
   width: auto;
+  min-width: 26px;
 }
 
 .pagination {
@@ -1371,7 +1409,7 @@ tr.replaced-by > td > ul > li > a {
   width: 310px;
 }
 
-.nav-tabs, #groups > a {
+.nav-tabs {
   background-color: #e0e4e7;
   border-bottom: none;
 }
@@ -1380,7 +1418,7 @@ ul.nav-tabs > li {
   margin-bottom: 0;
 }
 
-.nav-tabs > li > a, .nav-tabs > li > p, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
+.sidebar-buttons .nav-tabs > li > a, .sidebar-buttons .nav-tabs > li > p, .sidebar-buttons .nav-tabs > li.active > a {
   background-color: #e6e9eb;
   border-radius: 0;
   border: 0;
@@ -1389,8 +1427,23 @@ ul.nav-tabs > li {
   text-align: center;
 }
 
+.nav-tabs > li:nth-of-type(even) > a {
+  background-color: #e0e4e7;
+}
+
+.nav-tabs > li:nth-of-type(odd) > a {
+  background-color: #e6e9eb;
+}
+
+.sidebar-buttons .nav-tabs > li.active > a {
+  background-color: #f6f7f8;
+}
+
+.sidebar-buttons .nav-tabs > li > a:hover {
+  background-color: white;
+}
+
 #limit {
-  margin-top: -1px;
   width: 33%;
 }
 
@@ -1402,9 +1455,6 @@ ul.nav-tabs > li {
   width: 34%;
 }
 
-#alpha > a {
-}
-
 .nav-four-wide > li {
   width: 28%;
 }
@@ -1413,32 +1463,18 @@ ul.nav-tabs > li {
   width: 16%;
 }
 
-.nav-tabs > li.active > a {
-  background-color: #f6f7f8;
-}
-
 #hierarchy-disabled > *, #hierarchy-disabled > *:hover {
   background-color: #B9C1C6;
   color: #74787A;
   cursor: default;
 }
 
-#changes > a {
-  background-color: #DEDFE0;
-}
-
 .nav-tabs > *:hover {
   background-color: #ffffff;
 }
 
-
-.change-list > span {
-  display: inline-block;
-  margin-top: 15px;
-}
-
-.change-list > span:first-of-type {
-  margin: 0;
+.change-list > h5 {
+  margin-bottom: 2px;
 }
 
 .content {
@@ -1709,7 +1745,7 @@ p.autocomplete-label {
  * https://code.google.com/p/chromium/issues/detail?id=336476
  ************************************/
 
-body, .versal, h1, h2, p, .versal-bold {
+body, .versal, h1, h2, h3, p, .versal-bold {
   -webkit-animation-delay: 0.1s;
   -webkit-animation-name: fontfix;
   -webkit-animation-duration: 0.1s;
@@ -1786,10 +1822,10 @@ body, .versal, h1, h2, p, .versal-bold {
 }
 
 @media (max-width: 340px) {
-  #vocab-info .vocab-info-literals > table > tbody > tr > th {
+  #vocab-info .vocab-info-literals .property-label {
     max-width: 120px;
   }
-  #vocab-info .vocab-info-literals > table > tbody > tr > td {
+  #vocab-info .vocab-info-literals .property-value-column {
     max-width: 180px;
   }
 }
diff --git a/resource/js/docready.js b/resource/js/docready.js
index ffaf9f024..db63c676c 100644
--- a/resource/js/docready.js
+++ b/resource/js/docready.js
@@ -97,6 +97,15 @@ $(function() { // DOCUMENT READY
       });
     });
 
+    var active_tab = $('li.active').attr('id');
+    if (active_tab == 'groups') {
+      $('#sidebar > h4').remove();
+      $('.sidebar-grey').before('<h4 class="sr-only">' + sr_only_translations.groups_listing + '</h4>');
+    } else if (active_tab == 'hierarchy') {
+      $('#sidebar > h4').remove();
+      $('.sidebar-grey').before('<h4 class="sr-only">' + sr_only_translations.hierarchy_listing + '</h4>');
+    }
+
     countAndSetOffset();
 
     hideCrumbs();
@@ -104,8 +113,16 @@ $(function() { // DOCUMENT READY
   });
 
   // if the hierarchy tab is active filling the jstree with data
-  if ($('#hierarchy').hasClass('active')) { invokeParentTree(getTreeConfiguration()); }
-  if ($('#groups').hasClass('active')) { invokeGroupTree(); }
+  if ($('#hierarchy').hasClass('active')) {
+    $('#sidebar > h4').remove();
+    invokeParentTree(getTreeConfiguration());
+    $('.sidebar-grey').before('<h4 class="sr-only">' + sr_only_translations.hierarchical_listing + '</h4>');
+  }
+  if ($('#groups').hasClass('active')) {
+    $('#sidebar > h4').remove();
+    invokeGroupTree();
+    $('.sidebar-grey').before('<h4 class="sr-only">' + sr_only_translations.groups_listing + '</h4>');
+  }
 
   var textColor = $('.search-parameter-highlight').css('color');
   countAndSetOffset();
@@ -384,8 +401,8 @@ $(function() { // DOCUMENT READY
         $('.active').removeClass('active');
         $('#changes').addClass('active');
         $('.sidebar-grey').empty().prepend(spinner);
-        var $pagination = $('.pagination');
-        if ($pagination) { $pagination.hide(); }
+        $('.pagination').hide();
+        $('#sidebar > h4.sr-only').hide();
         var targetUrl = event.target.href;
         $.ajax({
             url : targetUrl,
@@ -423,8 +440,10 @@ $(function() { // DOCUMENT READY
         $('.active').removeClass('active');
         $('#hier-trigger').parent().addClass('active');
         $('.pagination').hide();
+        $('#sidebar > h4.sr-only').hide();
         $content.append('<div class="sidebar-grey concept-hierarchy"></div>');
         invokeParentTree(getTreeConfiguration());
+        $('.sidebar-grey').before('<h4 class="sr-only">' + sr_only_translations.hierarchy_listing + '</h4>');
         $('#hier-trigger').attr('href', '#');
         return false;
       }
@@ -444,13 +463,13 @@ $(function() { // DOCUMENT READY
         $('.active').removeClass('active');
         var $clicked = $(this);
         $clicked.parent().addClass('active');
-        var $pagination = $('.pagination');
-        if ($pagination) { $pagination.hide(); }
-        if ($('.changes-navi')) { $('.changes-navi').hide(); }
+        $('.pagination').hide();
+        $('#sidebar > h4.sr-only').hide();
         $('.sidebar-grey').remove().prepend(spinner);
         $('#sidebar').append('<div class="sidebar-grey"><div class="group-hierarchy"></div></div>');
         if (window.history.pushState) { window.history.pushState({}, null, encodeURI(event.target.href)); }
         invokeGroupTree();
+        $('.sidebar-grey').before('<h4 class="sr-only">' + sr_only_translations.groups_listing + '</h4>');
         return false;
       }
   );
@@ -489,20 +508,20 @@ $(function() { // DOCUMENT READY
           alpha_complete = false;
           var $content = $('.sidebar-grey');
           $content.empty().prepend(spinner);
-          var targetUrl = event.target.href;
+          var targetUrl = event.currentTarget.href;
           $.ajax({
             url : targetUrl,
             success : function(data) {
               updateSidebar(data);
               $('.nav').scrollTop(0);
-              if (window.history.pushState) { window.history.pushState({}, null, encodeURI(event.target.href)); }
+              if (window.history.pushState) { window.history.pushState({}, null, encodeURI(event.currentTarget.href)); }
               updateTitle(data);
               // take the content language buttons from the response
               $('.header-float .dropdown-menu').empty().append($('.header-float .dropdown-menu', data).html());
             }
           });
         } else {
-          var selectedLetter = $(event.target).text().trim();
+          var selectedLetter = $(event.currentTarget).find("span:last-child").text().trim();
           if (document.getElementsByName(selectedLetter).length === 0) { return false; }
           var offset = $('li[name=' + selectedLetter + ']').offset().top - $('body').offset().top - 5;
           $('.nav').scrollTop(offset);
@@ -867,7 +886,7 @@ $(function() { // DOCUMENT READY
       alpha_complete = true;
       $('.alphabetical-search-results').append($loading);
       var parameters = $.param({'offset' : 250, 'clang': content_lang});
-      var letter = '/' + ($('.pagination > .active')[0] ? $('.pagination > .active > a')[0].innerHTML : $('.pagination > li > a')[0].innerHTML);
+      var letter = '/' + ($('.pagination > .active')[0] ? $('.pagination > .active > a > span:last-child')[0].innerHTML : $('.pagination > li > a > span:last-child')[0].innerHTML);
       $.ajax({
         url : vocab + '/' + lang + '/index' + letter,
         data : parameters,
@@ -885,7 +904,7 @@ $(function() { // DOCUMENT READY
   function changeListWaypointCallback() {
     $('.change-list').append($loading);
     var parameters = $.param({'offset' : changeOffset, 'clang': content_lang});
-    var lastdate = $('.change-list > span:last-of-type')[0].innerHTML;
+    var lastdate = $('.change-list > h5:last-of-type')[0].innerHTML;
     $.ajax({
       url : vocab + '/' + lang + '/new',
       data : parameters,
@@ -893,7 +912,7 @@ $(function() { // DOCUMENT READY
         $loading.detach();
         if ($(data).find('.change-list').length === 1) {
           $('.change-list').append($(data).find('.change-list')[0].innerHTML);
-          var $lastdate = $('.change-list > span:contains(' + lastdate + ')');
+          var $lastdate = $('.change-list > h5:contains(' + lastdate + ')');
           if ($lastdate.length === 2)
            $lastdate[1].remove();
           $('.change-list > p:last-of-type').remove();
@@ -1047,12 +1066,12 @@ $(function() { // DOCUMENT READY
    */
   var $replaced = $('.replaced-by a');
   if ($replaced.length > 0) {
-    var $replacedSpan = $('.replaced-by span');
-    var undoUppercasing = $replacedSpan.text().substr(0,1) + $replacedSpan.text().substr(1).toLowerCase();
+    var $replacedElem = $('.replaced-by h3');
+    var undoUppercasing = $replacedElem.text().substr(0,1) + $replacedElem.text().substr(1).toLowerCase();
     var html = ''
     for (var i = 0; i < $replaced.length; i++) {
         var replacedBy = '<a href="' + $replaced[i] + '">' + $replaced[i].innerHTML + '</a>';
-        html += '<h2 class="alert-replaced">' + undoUppercasing + ': ' + replacedBy + '</h2>';
+        html += '<p class="alert-replaced">' + undoUppercasing + ': ' + replacedBy + '</p>';
     }
     $('.alert-danger').append(html);
     $(document).on('click', '#groups',
diff --git a/resource/js/scripts.js b/resource/js/scripts.js
index 5fbd57e51..c44910bdf 100644
--- a/resource/js/scripts.js
+++ b/resource/js/scripts.js
@@ -263,8 +263,6 @@ function countAndSetOffset() {
   $('.sidebar-grey').attr('style', function() {
     var pixels = $('.nav-tabs').height() + 2; // the 2 pixels are for the borders
     if ($('#sidebar > .pagination').is(':visible')) { pixels += $('.pagination').height(); }
-    var $changesNavi = $('.changes-navi');
-    if ($changesNavi.is(':visible')) { pixels += $changesNavi.height(); }
     return 'height: calc(100% - ' + pixels + 'px) !important';
   });
   var $sidebar = $('#sidebar');
diff --git a/resource/translations/en/LC_MESSAGES/skosmos.mo b/resource/translations/en/LC_MESSAGES/skosmos.mo
index f2fe4b21c..c376efb2f 100644
Binary files a/resource/translations/en/LC_MESSAGES/skosmos.mo and b/resource/translations/en/LC_MESSAGES/skosmos.mo differ
diff --git a/resource/translations/fi/LC_MESSAGES/skosmos.mo b/resource/translations/fi/LC_MESSAGES/skosmos.mo
index 074963743..00db9831d 100644
Binary files a/resource/translations/fi/LC_MESSAGES/skosmos.mo and b/resource/translations/fi/LC_MESSAGES/skosmos.mo differ
diff --git a/resource/translations/skosmos_en.po b/resource/translations/skosmos_en.po
index 2e4dbfae3..1070638c1 100644
--- a/resource/translations/skosmos_en.po
+++ b/resource/translations/skosmos_en.po
@@ -779,3 +779,9 @@ msgstr "Concept types"
 
 msgid "Skip to main"
 msgstr "Skip to main content"
+
+msgid "Available vocabularies and ontologies"
+msgstr "Available vocabularies and ontologies"
+
+msgid "Search from selected vocabularies"
+msgstr "Search from selected vocabularies"
diff --git a/resource/translations/skosmos_fi.po b/resource/translations/skosmos_fi.po
index 1cfc5d8b0..e1bdb2654 100644
--- a/resource/translations/skosmos_fi.po
+++ b/resource/translations/skosmos_fi.po
@@ -778,3 +778,9 @@ msgstr "Käsitteen tyypit"
 
 msgid "Skip to main"
 msgstr "Hyppää sisältöön"
+
+msgid "Available vocabularies and ontologies"
+msgstr "Sanastot ja ontologiat"
+
+msgid "Search from selected vocabularies"
+msgstr "Hae valituista sanastoista"
diff --git a/resource/translations/skosmos_sv.po b/resource/translations/skosmos_sv.po
index afe3622a8..a9bff30e2 100644
--- a/resource/translations/skosmos_sv.po
+++ b/resource/translations/skosmos_sv.po
@@ -776,3 +776,9 @@ msgstr "Typ av koncept"
 
 msgid "Skip to main"
 msgstr "Hoppa till innehållet"
+
+msgid "Available vocabularies and ontologies"
+msgstr "Tillgängliga tesaurusar och ontologier"
+
+msgid "Search from selected vocabularies"
+msgstr "Sök i utvalda vokabulärer"
diff --git a/resource/translations/sv/LC_MESSAGES/skosmos.mo b/resource/translations/sv/LC_MESSAGES/skosmos.mo
index 86ad57dc1..e1bb0860a 100644
Binary files a/resource/translations/sv/LC_MESSAGES/skosmos.mo and b/resource/translations/sv/LC_MESSAGES/skosmos.mo differ
diff --git a/view/changes.twig b/view/changes.twig
index 1d252490f..560827da5 100644
--- a/view/changes.twig
+++ b/view/changes.twig
@@ -3,24 +3,30 @@
 
 {% block sidebar %}
 <div class="sidebar-buttons">
+  <h2 class="sr-only">{% trans "Sidebar listing: assort and traverse vocabulary contents by a criteria" %}</h2>
   <ul class="nav nav-tabs{% if vocab.config.showChangeList and vocab.config.groupClassURI %} nav-four-wide{% endif %}">
     {% if request.vocab.config.showAlphabeticalIndex %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts alphabetically" %}</h3>
     <li id="alpha"><a href="{{ request.vocabid }}/{{ request.lang }}/index{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% if vocab.config.showChangeList and vocab.config.groupClassURI %}{% trans 'A-Z' %}{% else %}{% trans "Alpha-nav" %}{% endif %}</a></li>
     {% endif %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts hierarchically" %}</h3>
     <li id="hierarchy{% if not vocab.config.showHierarchy %}-disabled{% endif %}"{% if active_tab == 'hierarchy' %} class="active"{% endif %}><a href="#" id="hier-trigger"{% if not vocab.config.showHierarchy %} title="{% trans 'hierarchy-disabled-help' %}"{% endif %}>{% trans "Hier-nav" %}</a></li>
     {% if vocab.config.groupClassURI %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts and groupings hierarchically" %}</h3>
     <li id="groups"><a href="{{ request.vocabid }}/{{ request.lang }}/groups{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Group-nav" %}</a></li>
     {% endif %}
     {% if vocab.config.showChangeList %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts by newest additions" %}</h3>
     <li id="changes" class="active"><a href="{{ request.vocabid }}/{{ request.lang }}/new{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Changes-nav" %}</a></li>
     {% endif %}
   </ul>
 </div>
+<h4 class="sr-only">{% trans "Listing vocabulary concepts by newest additions" %}</h4>
 <div class="sidebar-grey">
   <div class="group-container">
     <ul class="change-list side-navi">
       {% for day,concepts in changeList %}
-        <span class="versal versal-bold">{{day}}</span>
+        <h5 class="versal versal-bold">{{day}}</h5>
         {% for concept in concepts %}
           <li><a href="{{ concept.uri | link_url(vocab,request.lang,'page', request.contentLang) }}">{{ concept.prefLabel }}</a></li>
         {% endfor %}
diff --git a/view/concept-shared.twig b/view/concept-shared.twig
index 1fbdf27d2..c9af3fb21 100644
--- a/view/concept-shared.twig
+++ b/view/concept-shared.twig
@@ -1,14 +1,15 @@
 {% if vocab.title != null or search_results != null %}
   {% if search_results %}
     {% for concept in search_results %} {# loop through the hits #}
+    <h2 class="sr-only">{% trans "Concept information" %}</h2>
     {% if concept.deprecated %}
     <div class="alert alert-danger">
-      <h2 class="deprecated-alert">{% trans %}deprecated{% endtrans %}</h2>
+      <p class="deprecated-alert">{% trans %}deprecated{% endtrans %}</p>
     </div>
     {% endif %}
     {% if concept.label.lang != request.contentLang %}
     <div class="alert alert-lang">
-      <h2 class="language-alert">{% trans %}There is no term for this concept in this language{% endtrans %}</h2>
+      <p class="language-alert">{% trans %}There is no term for this concept in this language{% endtrans %}</p>
     </div>
     {% endif %}
     <div class="concept-info{% if concept.deprecated %} deprecated-concept{% endif %}">
@@ -41,7 +42,7 @@
       {% spaceless %}
       <div class="row{% if concept.type == 'skosext:DeprecatedConcept' %} deprecated{% endif %} property prop-preflabel">
         <div class="property-label property-label-pref">
-          <span class="versal">{% set subPrefLabelTranslation = concept.preferredSubpropertyLabelTranslation(request.lang) %}{% if subPrefLabelTranslation %}{{ subPrefLabelTranslation|upper }}{% else %}{{ 'skos:prefLabel'|trans|upper }}{% endif %}</span>
+          <h3 class="versal">{% set subPrefLabelTranslation = concept.preferredSubpropertyLabelTranslation(request.lang) %}{% if subPrefLabelTranslation %}{{ subPrefLabelTranslation|upper }}{% else %}{{ 'skos:prefLabel'|trans|upper }}{% endif %}</h3>
         </div>
         {% if concept.foundBy %} {# hit has been found through an alternative label #}
         <span class="versal">{{ concept.foundBy }} >></span>
@@ -50,9 +51,35 @@
         {% endif %}
       </div>
       {% else %}
-      <div class="property-value-column">{% if concept.notation %}<span class="notation" id="notation">{{ concept.notation }}</span>{% endif %}
-        {% if concept.hasXlLabel %}<span class="reified-property-value xl-pref-label"><img src="resource/pics/about.png"></span><div class="reified-tooltip">{% for key, val in concept.xlLabel.properties %}{% if key != 'rdf:type' and key != 'skosxl:literalForm' %}<p>{{ key|trans }}: <span class="versal">{{ val }}</span></p>{% endif %}{% endfor %}</div><span class="prefLabel" id="pref-label">{{ concept.xlLabel }}</span>{% else %}<span class="prefLabel conceptlabel" id="pref-label">{{ concept.label }}</span>{% if concept.label.lang != request.contentLang and concept.label.lang != '' %}<span class="prefLabelLang"> ({{ concept.label.lang }})</span>{% endif %}{% endif %}
-        &nbsp;<button type="button" data-toggle="tooltip" data-placement="button" title="Copy to clipboard" class="btn btn-default btn-xs copy-clipboard" for="#{% if concept.notation %}notation{% else %}pref-label{% endif %}"><span class="glyphicon glyphicon-copy" aria-hidden="true"></span></button>
+      <div class="property-value-column">
+        {% apply spaceless %}
+        {% if concept.notation %}<span class="notation" id="notation">{{ concept.notation }}</span>{% endif %}
+        {% if concept.hasXlLabel %}
+        <span class="reified-property-value xl-pref-label">
+          <img src="resource/pics/about.png">
+        </span>
+        <div class="reified-tooltip">
+          {% for key, val in concept.xlLabel.properties %}
+            {% if key != 'rdf:type' and key != 'skosxl:literalForm' %}
+            <p>{{ key|trans }}:
+              <span class="versal">{{ val }}</span>
+            </p>
+            {% endif %}
+          {% endfor %}
+        </div>
+        <span class="prefLabel" id="pref-label">{{ concept.xlLabel }}</span>
+        {% else %}
+        <span class="prefLabel conceptlabel" id="pref-label">{{ concept.label }}</span>
+        {% if concept.label.lang != request.contentLang and concept.label.lang != '' %}
+        <span class="prefLabelLang"> ({{ concept.label.lang }})</span>
+        {% endif %}
+        {% endif %}
+        &nbsp;
+        <button type="button" data-toggle="tooltip" data-placement="button" title="Copy to clipboard" class="btn btn-default btn-xs copy-clipboard"
+          for="#{% if concept.notation %}notation{% else %}pref-label{% endif %}">
+          <span class="glyphicon glyphicon-copy" aria-hidden="true"></span>
+        </button>
+        {% endapply %}
         </div>
       {% endif %}
         <div class="col-md-12"><div class="preflabel-spacer"></div></div>
@@ -62,7 +89,7 @@
         {% if property.getSubPropertyOf != 'skos:hiddenLabel' %}
         <div class="row{% if property.type == 'dc:isReplacedBy' %} replaced-by{% endif%} property prop-{{property.ID}}">
           <div class="property-label">
-            <span class="versal{% if property.type == 'rdf:type' %}-bold{% endif %}{% if property.description %} property-click" title="{{ property.description }}{% endif %}">{{ property.label|upper }}</span>
+            <h3 class="versal{% if property.type == 'rdf:type' %}-bold{% endif %}{% if property.description %} property-click" title="{{ property.description }}{% endif %}">{{ property.label|upper }}</h3>
           </div>
           <div class="property-value-column"><div class="property-value-wrapper">
         {% if request.vocab.config.hasMultiLingualProperty(property.type) %}
@@ -114,7 +141,7 @@
       {% set foreignLabels = concept.foreignLabels %}
       {% if foreignLabels %}
       <div class="row property prop-other-languages">
-        <div class="property-label"><span class="versal property-click" title="{% trans "foreign prefLabel help" %}" >{{ 'foreign prefLabels'|trans|upper }}</span></div>
+        <div class="property-label"><h3 class="versal property-click" title="{% trans "foreign prefLabel help" %}" >{{ 'foreign prefLabels'|trans|upper }}</h3></div>
         <div class="property-value-column">
           <div class="property-value-wrapper">
             <ul>
@@ -141,11 +168,11 @@
       </div>
       {% endif %}
         <div class="row property prop-uri">
-            <div class="property-label"><span class="versal">URI</span></div>
+            <div class="property-label"><h3 class="versal">URI</h3></div>
             <div class="property-value-column"><div class="property-value-wrapper"><span class="versal uri-input-box" id="uri-input-box">{{ concept.uri }}</span> <button type="button" data-toggle="tooltip" data-placement="button" title="Copy to clipboard" class="btn btn-default btn-xs copy-clipboard" for="#uri-input-box"><span class="glyphicon glyphicon-copy" aria-hidden="true"></span></button></div></div>
         </div>
         <div class="row">
-            <div class="property-label"><span class="versal">{% trans %}Download this concept in SKOS format:{% endtrans %}</span></div>
+            <div class="property-label"><h3 class="versal">{% trans %}Download this concept in SKOS format:{% endtrans %}</h3></div>
             <div class="property-value-column">
 <span class="versal concept-download-links"><a href="rest/v1/{% if concept.vocab %}{{ concept.vocab.id }}{% else %}{{ vocab.id }}{% endif %}/data?uri={{ concept.uri|url_encode }}&amp;format=application/rdf%2Bxml">RDF/XML</a>
           <a href="rest/v1/{% if concept.vocab %}{{ concept.vocab.id }}{% else %}{{ vocab.id }}{% endif %}/data?uri={{ concept.uri|url_encode }}&amp;format=text/turtle">
@@ -167,12 +194,12 @@
 
   {% else %}
   <div class="alert alert-danger">
-    <h4>{% trans %}Error: Term "{{ term }}" not found in vocabulary!{% endtrans %}</h4>
+    <p>{% trans %}Error: Term "{{ term }}" not found in vocabulary!{% endtrans %}</p>
   </div>
   {% endif %}
 {% else %}
   <div class="alert alert-danger">
-    <h4>{% trans %}Error: Requested vocabulary not found!{% endtrans %}</h4>
+    <p>{% trans %}Error: Requested vocabulary not found!{% endtrans %}</p>
   </div>
 {% endif %}
 
@@ -180,7 +207,7 @@
 <template id="property-mappings-template">
     {{#each properties}}
     <div class="row{{#ifDeprecated concept.type 'skosext:DeprecatedConcept'}} deprecated{{/ifDeprecated}} property prop-{{ id }}">
-        <div class="property-label"><span class="versal{{#ifNotInDescription type description}} property-click" title="{{ description }}{{/ifNotInDescription}}">{{toUpperCase label}}</span></div>
+        <div class="property-label"><h3 class="versal{{#ifNotInDescription type description}} property-click" title="{{ description }}{{/ifNotInDescription}}">{{toUpperCase label}}</h3></div>
         <div class="property-value-column">
             {{#each values }} {{! loop through ConceptPropertyValue objects }}
             {{#if prefLabel }}
diff --git a/view/group-contents.twig b/view/group-contents.twig
index 62a4511c2..feb18a276 100644
--- a/view/group-contents.twig
+++ b/view/group-contents.twig
@@ -5,20 +5,26 @@
 
 {% block sidebar %}
 <div class="sidebar-buttons">
+  <h2 class="sr-only">{% trans "Sidebar listing: assort and traverse vocabulary contents by a criteria" %}</h2>
   <ul class="nav nav-tabs{% if vocab.config.showChangeList and vocab.config.groupClassURI and vocab.config.showAlphabeticalIndex %} nav-four-wide{% endif %}">
     {% if request.vocab.config.showAlphabeticalIndex %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts alphabetically" %}</h3>
     <li id="alpha"><a href="{{ request.vocabid }}/{{ request.lang }}/index{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% if vocab.config.showChangeList and vocab.config.groupClassURI %}{% trans 'A-Z' %}{% else %}{% trans "Alpha-nav" %}{% endif %}</a></li>
     {% endif %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts hierarchically" %}</h3>
     <li id="hierarchy{% if not vocab.config.showHierarchy %}-disabled{% endif %}"><a href="#" id="hier-trigger"{% if not vocab.config.showHierarchy %} title="{% trans 'hierarchy-disabled-help' %}"{% endif %}>{% trans "Hier-nav" %}</a></li>
     {% if vocab.config.groupClassURI %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts and groupings hierarchically" %}</h3>
     <li id="groups"{% if search_results|first.isGroup %} class="active"{% endif %}><a href="{{ request.vocabid }}/{{ request.lang }}/groups{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Group-nav" %}</a></li>
     {% endif %}
     {% if vocab.config.showChangeList %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts by newest additions" %}</h3>
     <li id="changes"><a href="{{ request.vocabid }}/{{ request.lang }}/new{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Changes-nav" %}</a></li>
     {% endif %}
   </ul>
 </div>
 
+<h4 class="sr-only">{% trans "Hierarchical listing of vocabulary concepts and groupings" %}</h4>
 <div class="sidebar-grey">
   <div class="group-hierarchy">
   </div>
diff --git a/view/group-index.twig b/view/group-index.twig
index 7b4e991c4..1c56a8858 100644
--- a/view/group-index.twig
+++ b/view/group-index.twig
@@ -4,20 +4,26 @@
 
 {% block sidebar %}
 <div class="sidebar-buttons">
+  <h2 class="sr-only">{% trans "Sidebar listing: assort and traverse vocabulary contents by a criteria" %}</h2>
   <ul class="nav nav-tabs{% if vocab.config.showChangeList and vocab.config.groupClassURI and vocab.config.showAlphabeticalIndex %} nav-four-wide{% endif %}">
     {% if request.vocab.config.showAlphabeticalIndex %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts alphabetically" %}</h3>
     <li id="alpha"><a href="{{ request.vocabid }}/{{ request.lang }}/index{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% if vocab.config.showChangeList and vocab.config.groupClassURI %}{% trans 'A-Z' %}{% else %}{% trans "Alpha-nav" %}{% endif %}</a></li>
     {% endif %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts hierarchically" %}</h3>
     <li id="hierarchy{% if not vocab.config.showHierarchy %}-disabled{% endif %}"><a href="#" id="hier-trigger"{% if not vocab.config.showHierarchy %} title="{% trans 'hierarchy-disabled-help' %}"{% endif %}>{% trans "Hier-nav" %}</a></li>
     {% if vocab.config.groupClassURI %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts and groupings hierarchically" %}</h3>
     <li id="groups" class="active"><a href="{{ request.vocabid }}/{{ request.lang }}/groups{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Group-nav" %}</a></li>
     {% endif %}
     {% if vocab.config.showChangeList %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts by newest additions" %}</h3>
     <li id="changes"><a href="{{ request.vocabid }}/{{ request.lang }}/new{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Changes-nav" %}</a></li>
     {% endif %}
   </ul>
 </div>
 
+<h4 class="sr-only">{% trans "Hierarchical listing of vocabulary concepts and groupings" %}</h4>
 <div class="sidebar-grey">
   <div class="group-hierarchy">
   </div>
diff --git a/view/headerbar.twig b/view/headerbar.twig
index 91e4f84f4..490591e22 100644
--- a/view/headerbar.twig
+++ b/view/headerbar.twig
@@ -6,15 +6,17 @@
 {% endif %}
 <div class="header-float">
 {% if request.page != 'About' and request.page != 'Feedback' %}
-
-  {% if request.page != '' %}<div class="search-vocab-text"><p>{% trans "Content language" %}</p></div>{% endif %}
   {% if sorted_vocabs is defined %}
-    <label class="sr-only" for="multiselect">{% trans "Search from vocabulary" %}</label>
+    <h2 class="sr-only">{% trans "Search from selected vocabularies" %}</h2>
+    <label class="sr-only" for="multiselect">{% trans "Search from selected vocabularies" %}</label>
     <select class="multiselect" id="multiselect" multiple="multiple">
     {% for vocab in sorted_vocabs %}
       <option value="{{ vocab.id }}" data-voc-shortname="{{ vocab.shortname }}" data-label="{{ vocab.title }}" title="{{ vocab.title }}">{{ vocab.shortname }}</option>
     {% endfor %}
     </select>
+  {% else %}
+    <h2 class="sr-only">{% trans "Search from vocabulary" %}</h2>
+    <div class="search-vocab-text"><p>{% trans "Content language" %}</p></div>
   {% endif %}
   <form class="navbar-form" role="search" name="text-search" action="{% if request.vocabid != '' %}{{ request.vocabid }}/{% endif %}{{ request.lang }}/search">
     <input style="display: none" name="clang" value="{% if request.contentLang %}{{ request.contentLang }}{% else %}{{ request.lang }}{% endif %}" id="lang-input">
diff --git a/view/light.twig b/view/light.twig
index 14a637b78..f9a46d2a8 100644
--- a/view/light.twig
+++ b/view/light.twig
@@ -37,31 +37,58 @@
     {% block sidebar %}
       {% if request.vocabid != '' or request.page == 'feedback' or request.page == 'about' %}
       <div class="sidebar-buttons">
+        {% set sidebarHeading = request.page != 'search' ? "Sidebar listing: assort and traverse vocabulary contents by a criterion" : "Sidebar listing: vocabulary search options" %}
+        <h2 class="sr-only">{% trans sidebarHeading %}</h2>
         <ul class="nav nav-tabs{% if vocab.config.showChangeList and vocab.config.groupClassURI and vocab.config.showAlphabeticalIndex %} nav-four-wide{% endif %}">
         {% if request.page != 'search' %}
           {% if request.vocab.config.showAlphabeticalIndex %}
+          <h3 class="sr-only">{% trans "Assort vocabulary concepts alphabetically" %}</h3>
           <li id="alpha"{% if search_results|length != 1 or (term and search_results|length == 1) %} class ="active"{% endif %}><a href="{{ request.vocabid }}/{{ request.lang }}/index{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% if vocab.config.showChangeList and vocab.config.groupClassURI %}{% trans'A-Z'%}{% else %}{% trans "Alpha-nav" %}{% endif %}</a></li>
           {% endif %}
-          <li id="hierarchy{% if not vocab.config.showHierarchy and not search_results|length == 1 %}-disabled{% endif %}"{% if search_results|length == 1 and not term %} class="active"{% endif %}><a href="#" id="hier-trigger"{% if not vocab.config.showHierarchy and not search_results|length == 1 %} title="{% trans 'hierarchy-disabled-help' %}"{% endif %}>{% trans "Hier-nav" %}</a></li>
+          {% set disabledHierarchy = not vocab.config.showHierarchy and not search_results|length == 1 %}
+          <h3 class="sr-only">{% trans "Assort vocabulary concepts hierarchically" %}</h3>
+          <li id="hierarchy
+            {%- if disabledHierarchy %}-disabled{% endif -%}
+            "
+            {% if search_results|length == 1 and not term %} class="active"{% endif %}
+          >
+            <a href="#" id="hier-trigger"
+            {% if disabledHierarchy%} title="{% trans 'hierarchy-disabled-help' %}"{% endif %}
+            >{% trans "Hier-nav" %}
+            </a>
+          </li>
           {% if vocab.config.groupClassURI %}
+          <h3 class="sr-only">{% trans "Assort vocabulary concepts and groupings hierarchically" %}</h3>
           <li id="groups"><a href="{{ request.vocabid }}/{{ request.lang }}/groups{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Group-nav" %}</a></li>
           {% endif %}
           {% if vocab.config.showChangeList %}
+            <h3 class="sr-only">{% trans "Assort vocabulary concepts by newest additions" %}</h3>
             <li id="changes"><a href="{{ request.vocabid }}/{{ request.lang }}/new{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Changes-nav" %}</a></li>
           {% endif %}
         {% else %}
+          <h3 class="sr-only">{% trans "Search options tab" %}</h3>
           <li id="limit"><p>{% trans "Search options" %}</p></li>
         {% endif %}
         </ul>
       </div>
       {% if letters %}
+        <h4 class="sr-only">{% trans "Choose alphabetical listing letter" %}</h4>
         <ul class="pagination">
         {% for letter in letters %} {# looping through all letters #}
-          <li{% if letter == request.letter %} class="active"{% endif %}><a href="{{ request.vocabid }}/{{ request.lang }}/index/{{ letter }}{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{{ letter }}</a></li>
+          <li
+            {% if letter == request.letter %} class="active"{% endif %}
+          >
+            <a href="{{ request.vocabid }}/{{ request.lang }}/index/{{ letter }}
+              {%- if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif -%}
+            "><span class="sr-only">{{ letter | lower }}</span><span aria-hidden=true>{{ letter }}</span></a>
+          </li>
         {% endfor %}
         </ul>
       {% endif %}
 
+      {% if request.page != 'search' %}
+      <h4 class="sr-only">{% trans "Listing vocabulary concepts alphabetically" %}</h4>
+      {% endif %}
       <div class="sidebar-grey {% if alpha_results %} sidebar-grey-alpha{% elseif search_results|length == 1 and not term %} concept-hierarchy{% endif %}">
         <div id="alphabetical-menu">
           {% if alpha_results %}
@@ -69,11 +96,20 @@
             <ul class="list-group alphabetical-search-results side-navi">
               {% for key,value in alpha_results %}
               {% if all_letters == true %}
-                {% set alpha = (value.altLabel ?? value.prefLabel)|upper|first %}{% if alpha != previous %}<li class="alphabet-header" name="{{ alpha }}"><h5>{{ alpha }}</h5></li>{% set previous = alpha %}{% endif %}
+                {% set alpha = (value.altLabel ?? value.prefLabel)|upper|first %}
+                {% if alpha != previous %}
+                <li class="alphabet-header" name="{{ alpha }}">
+                  <h5 class="sr-only">{{ alpha | lower }}</h5>
+                  <h5 aria-hidden=true>{{ alpha }}</h5>
+                </li>
+                {% set previous = alpha %}
+                {% endif %}
               {% endif %}
               <li>
               {% if value.altLabel %}
-              <span class="replaced">{{ value.altLabel }}</span>	&rarr; <a href="{{ value.uri | link_url(vocab,request.lang,'page',request.contentLang) }}">{{ value.prefLabel }}{% if value.qualifier %} ({{ value.qualifier }}){% endif %}</a>
+              {% set prefLabelAltogether = value.prefLabel ~ (value.qualifier ? ' (' ~ value.qualifier ~ ')' : "") %}
+              <span aria-hidden=true><span class="replaced">{{ value.altLabel }}</span>	&rarr;</span>
+              <a href="{{ value.uri | link_url(vocab,request.lang,'page',request.contentLang) }}"><span class="sr-only">{{ value.altLabel}} {% trans "Prefer using" %} {{ prefLabelAltogether}}</span><span aria-hidden=true>{{prefLabelAltogether}}</span></a>
               {% else %}
               <a href="{{ value.uri | link_url(vocab,request.lang,'page',request.contentLang) }}">{{ value.prefLabel }}{% if value.qualifier %} ({{ value.qualifier }}){% endif %}</a>
               {% endif %}
@@ -83,11 +119,12 @@
           {% endif %}
         </div>
         {% if request.page == 'search' %}
+        <h4 class="sr-only">{% trans "Limit search" %}</h4>
         <form class="search-options">
           {% set conceptSchemes = vocab.conceptSchemes %}
           {% if conceptSchemes|length > 1 %}
           <div class="input-group">
-            <span class="versal">{% trans "By scheme" %}</span>
+            <label for="scheme-limit" class="versal">{% trans "By scheme" %}</label>
             <select id="scheme-limit" value="{{ limit-scheme }}" class="form-control multiselect" multiple="multiple">
               {% for uri,scheme in conceptSchemes %}
                 <option value="{{ uri }}">{% if scheme.prefLabel %}{{ scheme.prefLabel }}{% elseif scheme.label %}{{ scheme.label }}{% elseif scheme.title %}{{ scheme.title }}{% else %}{{ uri|trans }}{% endif %}</option>
@@ -97,7 +134,7 @@
           {% endif %}
           {% if types|length > 1 %}
           <div class="input-group">
-            <span class="versal">{% trans "By type" %}</span>
+            <label for="type-limit" class="versal">{% trans "By type" %}</label>
             <select id="type-limit" value="{{ limit-type }}" class="form-control multiselect" multiple="multiple">
               {% for uri,type in types %}
                 <option value="{{ uri }}">{% if type.label %}{{ type.label }}{% else %}{{ uri|trans }}{% endif %}</option>
@@ -107,7 +144,7 @@
           {% endif %}
           {% if vocab.config.groupClassURI %}
           <div class="input-group">
-            <span class="versal">{% trans "By group" %}</span>
+            <label for="group-limit" class="versal">{% trans "By group" %}</label>
             <select id="group-limit" value="{{ limit-group }}" class="form-control multiselect">
               <option></option>
               {% for uri,group in group_index %}
@@ -117,7 +154,7 @@
           </div>
           {% endif %}
           <div class="input-group">
-            <span class="versal">{% trans "By parent" %}</span><input type="text" id="parent-limit" class="form-control" value="{{ limit_parent }}">
+            <label for="parent-limit" class="versal">{% trans "By parent" %}</label><input type="text" id="parent-limit" class="form-control" value="{{ limit_parent }}">
           </div>
           <button type="button submit" class="btn btn-default">{% trans "Limit search" %}</button>
         </form>
diff --git a/view/scripts.twig b/view/scripts.twig
index b09ed03c6..688cfdf97 100644
--- a/view/scripts.twig
+++ b/view/scripts.twig
@@ -10,6 +10,10 @@ var missing_value = "{% trans %}Value is required and can not be empty{% endtran
 var expand_paths = "{% trans %}show all # paths{% endtrans %}";
 var expand_propvals = "{% trans %}show all # values{% endtrans %}";
 var hiertrans = "{% trans "Hier-nav" %}";
+var sr_only_translations = {
+  hierarchy_listing: "{% trans "Hierarchical listing of vocabulary concepts" %}",
+  groups_listing: "{% trans "Hierarchical listing of vocabulary concepts and groupings" %}",
+};
 
 <!-- variables passed through to javascript -->
 var lang = "{{ request.lang }}";
diff --git a/view/search-result.twig b/view/search-result.twig
index c99a32e81..348892873 100644
--- a/view/search-result.twig
+++ b/view/search-result.twig
@@ -21,7 +21,7 @@
     <a class="prefLabel conceptlabel" href="{% if "isothes:ConceptGroup" in concept.type %}{{ concept.uri | link_url(concept.vocab, request.lang, 'page') }}{% elseif concept.exvocab is defined%}{{ concept.uri | link_url(concept.exvocab,concept.contentLang) }}{% else %}{{ concept.uri | link_url(concept.vocab,request.lang,'page',concept.contentLang) }}{% endif %}">{{ concept.label(request.contentLang) }}</a>{% if explicit_langcodes or request.queryparam('anylang') %}<span class="versal"> ({{ concept.contentLang }})</span>{% endif %}
     {% endif %}
   {% endspaceless %}
-  {% if concept.type == 'skosext:DeprecatedConcept' %}<h2 class="deprecated-alert">{% trans %}deprecated{% endtrans %}</h2>{% endif %}
+  {%- if concept.type == 'skosext:DeprecatedConcept' %}<span class="versal deprecated-alert">{% trans %}deprecated{% endtrans %}</span>{% endif -%}
   {% set conceptProperties = concept.properties %}
   {% for property in conceptProperties %} {# loop through ConceptProperty objects #}
     {% if property.type in PreferredProperties or property.type in concept.vocab.config.additionalSearchProperties  or property.type in concept.vocab.config.hierarchyProperty %}
diff --git a/view/vocab-search-listing.twig b/view/vocab-search-listing.twig
index f42748118..b6b466bea 100644
--- a/view/vocab-search-listing.twig
+++ b/view/vocab-search-listing.twig
@@ -4,10 +4,11 @@
 {% endblock %}
 {% block content %}
 <div class="search-result-listing">
+  <h2 class="sr-only">{% trans "Search results" %}</h2>
   {% include 'search-result.twig' %}
   {% if request.vocabid == 'null' and not global_search %}
   <div class="alert alert-danger">
-    <h4>{% trans %}Error: Requested vocabulary not found!{% endtrans %}</h4>
+    <span>{% trans %}Error: Requested vocabulary not found!{% endtrans %}</span>
   </div>
   {% endif %}
 </div>
diff --git a/view/vocab-shared.twig b/view/vocab-shared.twig
index c247e8d75..d76841fbc 100644
--- a/view/vocab-shared.twig
+++ b/view/vocab-shared.twig
@@ -1,7 +1,7 @@
 <div class="container">
   <div id="vocab-info">
     <div>
-      <h1>{% trans "Vocabulary information" %}</h1>
+      <h2>{% trans "Vocabulary information" %}</h2>
       <hr />
     </div>
     <div class="vocab-info-literals">
@@ -9,40 +9,40 @@
         {% for key, values in vocab.info(request.contentLang) %}
         {% set keytrans = key %}
         <div class="row">
-          <div class="property-label versal">{{ keytrans|trans|upper }}<div class="property-divider"></div></div>
+          <div class="property-label versal"><h3>{{ keytrans|trans|upper }}</h3><div class="property-divider"></div></div>
           <div class="property-value-column versal">
             {% for val in values %}
-                <div class="property-value-wrapper">
-                    {% if val.get('skosmos:vocab') %}
-                        <a href="{{ val.uri | link_url(val.get('skosmos:vocab').value,request.lang,'page',request.contentLang) }}">{{ val.get('skosmos:label') }}</a>
-                    {% elseif val.label %}
-                        <a href="{{ val.uri }}">
-                            {% if val.label(request.contentLang) %}{{ val.label(request.contentLang) }}
-                            {% else %}{{ val.label }}
-                            {% endif %}</a>
-                    {% elseif val matches '|^(https?://)|' %}<a href="{{ val }}">{{ val }}</a>
-                    {% elseif val matches '|<\\w*\\b[^>]*>|' %}{{ val|raw|nl2br }}
-                        {% else %}{{ val|nl2br }}
-                    {% endif %}
-                </div>
+            <div class="property-value-wrapper">
+              {% if val.get('skosmos:vocab') %}
+              <a href="{{ val.uri | link_url(val.get('skosmos:vocab').value,request.lang,'page',request.contentLang) }}">{{ val.get('skosmos:label') }}</a>
+              {% elseif val.label %}
+              <a href="{{ val.uri }}">
+                {% if val.label(request.contentLang) %}{{ val.label(request.contentLang) }}
+                {% else %}{{ val.label }}
+                {% endif %}
+              </a>
+              {% elseif val matches '|^(https?://)|' %}<a href="{{ val }}">{{ val }}</a>
+              {% elseif val matches '|<\\w*\\b[^>]*>|' %}{{ val|raw|nl2br }}
+              {% else %}{{ val|nl2br }}
+              {% endif %}
+            </div>
             {% endfor %}
           </div>
         </div>
         {% endfor %}
         <div class="row">
-          <div class="property-label versal">URI</div>
-          <div class="property-value-column versal"><span class="uri-input-box">{{ vocab.defaultConceptScheme }}</span></td>
+          <div class="property-label versal"><h3>URI</h3></div>
+          <div class="property-value-column versal"><span class="uri-input-box">{{ vocab.defaultConceptScheme }}</span></div>
         </div>
       </div>
     </div>
     {% if vocab.config.showStatistics %}
     <div>
-      <h2>{% trans "Resource counts by type" %}</h2>
+      <h3>{% trans "Resource counts by type" %}</h3>
       <table class="table" id="counts">
         <tr><th class="versal">{% trans "Type" %}</th><th class="versal">{% trans "Count" %}</th></tr>
-        <tr><td class="property-divider"></td></tr>
       </table>
-      <h2>{% trans "Term counts by language" %}</h2>
+      <h3>{% trans "Term counts by language" %}</h3>
       <table class="table" id="statistics">
       <tr>
         <th class="versal">{% trans "Concept language" %}</th>
@@ -50,11 +50,11 @@
         <th class="versal">{% trans "Alternate terms" %}</th>
         <th class="versal">{% trans "Hidden terms" %}</th>
       </tr>
-      <tr><td class="property-divider"></td></tr>
       </table>
     </div>
     {% endif %}
     {% if vocab.config.dataURLs %}
+    {% apply spaceless %}
     <div class="download-links">
       <span class="versal">{% trans %}Download this vocabulary:{% endtrans %}
         {% if 'application/rdf+xml' in vocab.config.dataURLs|keys %}
@@ -74,6 +74,7 @@
         {% endif %}
       </span>
     </div>
+    {% endapply %}
     {% endif %}
   </div>
 </div>
diff --git a/view/vocab.twig b/view/vocab.twig
index 11846f299..6b6121011 100644
--- a/view/vocab.twig
+++ b/view/vocab.twig
@@ -4,15 +4,20 @@
 {% block sidebar %}
 {% if vocab.config.showAlphabeticalIndex or vocab.config.showChangeList or vocab.config.showTopHierarchy %}
 <div class="sidebar-buttons">
+  <h2 class="sr-only">{% trans "Sidebar listing: assort and traverse vocabulary contents by a criteria" %}</h2>
   <ul class="nav nav-tabs{% if vocab.config.showChangeList and vocab.config.groupClassURI and vocab.config.showAlphabeticalIndex %} nav-four-wide{% endif %}">
     {% if request.vocab.config.showAlphabeticalIndex %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts alphabetically" %}</h3>
     <li id="alpha"{% if active_tab == 'alphabetical' %} class="active"{% endif %}><a href="{{ request.vocabid }}/{{ request.lang }}/index{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% if vocab.config.showChangeList and vocab.config.groupClassURI %}{% trans 'A-Z' %}{% else %}{% trans "Alpha-nav" %}{% endif %}</a></li>
     {% endif %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts hierarchically" %}</h3>
     <li id="hierarchy{% if not vocab.config.showHierarchy %}-disabled{% endif %}"{% if active_tab == 'hierarchy' %} class="active"{% endif %}><a href="#" id="hier-trigger"{% if not vocab.config.showHierarchy %} title="{% trans 'hierarchy-disabled-help' %}"{% endif %}>{% trans "Hier-nav" %}</a></li>
     {% if vocab.config.groupClassURI %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts and groupings hierarchically" %}</h3>
     <li id="groups"><a href="{{ request.vocabid }}/{{ request.lang }}/groups{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Group-nav" %}</a></li>
     {% endif %}
     {% if vocab.config.showChangeList %}
+    <h3 class="sr-only">{% trans "Assort vocabulary concepts by newest additions" %}</h3>
     <li id="changes"><a href="{{ request.vocabid }}/{{ request.lang }}/new{% if request.contentLang != request.lang %}?clang={{ request.contentLang }}{% endif %}">{% trans "Changes-nav" %}</a></li>
     {% endif %}
   </ul>
diff --git a/view/vocabularylist.twig b/view/vocabularylist.twig
index fa2bba5ab..54b789552 100644
--- a/view/vocabularylist.twig
+++ b/view/vocabularylist.twig
@@ -5,12 +5,14 @@
   {% else %}
     {% if category_label %}
     <h2>{{ category_label }}</h2>
+    {% else %}
+    <h2>{% trans "Available vocabularies and ontologies" %}</h2>
     {% endif %}
   </div>
   <div class="vocabularies">
     {% for vocabClassName,vocabArray in request.vocabList %}
     <div class="vocab-category">
-      <h2>{{ vocabClassName|upper }}</h2>
+      <h3>{{ vocabClassName|upper }}</h3>
       <ul>
       {% for vocab in vocabArray %}
         <li><a class="navigation-font" href="{{ vocab.id }}/{{ request.lang }}/{% if request.contentLang != request.lang and request.contentLang != '' %}?clang={{ request.contentLang }}{% endif %}">{{ vocab.title }}</a></li>