Merge pull request #1948 from laws-africa/a11y

Accessibility improvements
laws-africa · Aug 14, 2024 · 18320e9 · 18320e9
2 parents 2bdc151 + 93eb0a8
commit 18320e9
Show file tree

Hide file tree

Showing 42 changed files with 123 additions and 14 deletions.
diff --git a/africanlii/static/stylesheets/_variables.scss b/africanlii/static/stylesheets/_variables.scss
@@ -1,5 +1,5 @@
 $primary: #EE7845;
-
+$visited-link: #A13F1D;
 :root {
   --primary: #{$primary};
 }
diff --git a/africanlii/static/stylesheets/africanlii.scss b/africanlii/static/stylesheets/africanlii.scss
@@ -31,3 +31,8 @@ iframe.video {
     display: block;
   }
 }
+
+.btn.btn-primary,
+.btn.btn-outline-primary:hover {
+  color: $black;
+}
diff --git a/africanlii/templates/africanlii/au_institution_detail.html b/africanlii/templates/africanlii/au_institution_detail.html
@@ -5,6 +5,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'au_detail_page' %}">{% trans 'African Union' %}</a>
         </li>

diff --git a/africanlii/templates/africanlii/au_organ_detail.html b/africanlii/templates/africanlii/au_organ_detail.html
@@ -4,6 +4,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'au_detail_page' %}">{% trans 'African Union' %}</a>
         </li>

diff --git a/africanlii/templates/africanlii/doc_index_detail.html b/africanlii/templates/africanlii/doc_index_detail.html
@@ -4,6 +4,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'doc_index_list' %}">{% trans 'Indexes' %}</a>
         </li>

diff --git a/africanlii/templates/africanlii/doc_index_first_level.html b/africanlii/templates/africanlii/doc_index_first_level.html
@@ -3,6 +3,9 @@
 {% block breadcrumb %}
   <nav aria-label="breadcrumb">
     <ol class="breadcrumb">
+      <li class="breadcrumb-item">
+        <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+      </li>
       <li class="breadcrumb-item">
         <a href="{% url 'doc_index_list' %}">{% trans 'Indexes' %}</a>
       </li>

diff --git a/africanlii/templates/africanlii/member_state_detail.html b/africanlii/templates/africanlii/member_state_detail.html
@@ -5,6 +5,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'au_detail_page' %}">{% trans 'African Union' %}</a>
         </li>

diff --git a/africanlii/templates/africanlii/regional_economic_community_detail.html b/africanlii/templates/africanlii/regional_economic_community_detail.html
@@ -5,6 +5,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'au_detail_page' %}">{% trans 'African Union' %}</a>
         </li>

diff --git a/civlii/static/stylesheets/_variables.scss b/civlii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #326fd1;
+$visited-link: #1E4280;
diff --git a/eswatinilii/static/stylesheets/_variables.scss b/eswatinilii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #326fd1;
+$visited-link: #1E4280;
diff --git a/ghalii/static/stylesheets/_variables.scss b/ghalii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #9a3102;
+$visited-link: #6A2201;
diff --git a/lawlibrary/static/stylesheets/_variables.scss b/lawlibrary/static/stylesheets/_variables.scss
@@ -1,4 +1,5 @@
-$primary: #5a9d1c;
+$primary: #248159;
+$visited-link: #154732;
 
 :root {
   --primary: #{$primary};

diff --git a/lawlibrary/templates/liiweb/locality_legislation_list.html b/lawlibrary/templates/liiweb/locality_legislation_list.html
@@ -1,8 +1,12 @@
 {% extends 'liiweb/locality_legislation_list.html' %}
+{% load i18n %}
 {% block breadcrumbs %}
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url "home_page" %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{{ breadcrumb_link }}">{{ locality_legislation_title }}</a>
         </li>

diff --git a/lawlibrary/templates/peachjam/gazette_year.html b/lawlibrary/templates/peachjam/gazette_year.html
@@ -4,6 +4,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'gazettes' %}">{% trans 'Gazettes' %}</a>
         </li>

diff --git a/lawlibrary/templates/peachjam/judgment_detail.html b/lawlibrary/templates/peachjam/judgment_detail.html
@@ -4,14 +4,26 @@
   <nav aria-label="breadcrumb">
     <ol class="breadcrumb">
       <li class="breadcrumb-item">
-        <a href="{% url 'judgment_list' %}">{% trans 'Judgments' %}</a>
+        <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
       </li>
       <li class="breadcrumb-item">
-        <a href="{% url 'court' document.court.code %}">{{ document.court.name }}</a>
+        <a href="{% url 'judgment_list' %}">{% trans 'Judgments' %}</a>
       </li>
       <li class="breadcrumb-item">
-        <a href="{% url 'court_year' document.court.code document.date.year %}">{{ document.date.year }}</a>
+        <a href="{% url 'court' document.court.code %}">{{ document.court.name }}</a>
       </li>
+      {% if document.registry %}
+        <li class="breadcrumb-item">
+          <a href="{% url 'court_registry' document.court.code document.registry.code %}">{{ document.registry.name }}</a>
+        </li>
+        <li class="breadcrumb-item">
+          <a href="{% url 'court_registry_year' document.court.code document.registry.code document.date.year %}">{{ document.date.year }}</a>
+        </li>
+      {% else %}
+        <li class="breadcrumb-item">
+          <a href="{% url 'court_year' document.court.code document.date.year %}">{{ document.date.year }}</a>
+        </li>
+      {% endif %}
     </ol>
   </nav>
 {% endblock %}
diff --git a/lawlibrary/templates/peachjam/legislation_detail.html b/lawlibrary/templates/peachjam/legislation_detail.html
@@ -4,6 +4,9 @@
   <nav aria-label="breadcrumb">
     {% if document.locality %}
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         {% if document.locality.code in PROVINCIAL_CODES %}
           <li class="breadcrumb-item">
             <a href="{% url 'locality_legislation' %}">{% trans 'Provincial Legislation' %}</a>

diff --git a/lesotholii/static/stylesheets/_variables.scss b/lesotholii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
-$primary: #00AFC4;
+$primary: #008699;
+$visited-link: #005766;
diff --git a/liiweb/templates/liiweb/_hero_search.html b/liiweb/templates/liiweb/_hero_search.html
@@ -1,12 +1,11 @@
 {% load i18n %}
-<div class="row justify-content-center">
+<div id="search" class="row justify-content-center">
   <div class="col col-md-10 col-lg-8">
     <form method="get" action="{% url 'search:search' %}" class="d-flex mb-2">
       <input type="text"
              class="form-control form-control-lg flex-grow-1"
              placeholder="{% blocktrans %}Search {{ APP_NAME }}{% endblocktrans %}"
              aria-label="{% blocktrans %}Search {{ APP_NAME }}{% endblocktrans %}"
-             autofocus=""
              name="q"/>
       <input type="submit"
              class="btn btn-primary ms-2 btn-lg"

diff --git a/liiweb/templates/liiweb/locality_legislation_list.html b/liiweb/templates/liiweb/locality_legislation_list.html
@@ -5,6 +5,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'locality_legislation' %}">{{ locality_legislation_title }}</a>
         </li>

diff --git a/malawilii/static/stylesheets/_variables.scss b/malawilii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #326fd1;
+$visited-link: #1E4280;
diff --git a/mauritiuslii/static/stylesheets/_variables.scss b/mauritiuslii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #326fd1;
+$visited-link: #1E4280;
diff --git a/namiblii/static/stylesheets/_variables.scss b/namiblii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #326fd1;
+$visited-link: #1E4280;
diff --git a/nigerialii/static/stylesheets/_variables.scss b/nigerialii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
-$primary: #5dc09c;
+$primary: #2F806C;
+$visited-link: #1F5549;
diff --git a/open_by_laws/static/stylesheets/_variables.scss b/open_by_laws/static/stylesheets/_variables.scss
@@ -1,4 +1,5 @@
-$primary: #5a9d1c;
+$primary: #248159;
+$visited-link: #154732;
 
 :root {
   --primary: #{$primary};

diff --git a/peachjam/static/stylesheets/_global.scss b/peachjam/static/stylesheets/_global.scss
@@ -179,3 +179,18 @@ html[data-user-agent*='pocketlaw'] .pocketlaw-hidden {
   max-height: 25vh;
   overflow-y: auto;
 }
+
+a:visited {
+  color: $visited-link;
+}
+
+#skip-links li {
+  list-style-type: none;
+}
+#skip-links a {
+  position: absolute;
+  top: -201px;
+}
+#skip-links a:focus {
+  top: -1px;
+}
diff --git a/peachjam/static/stylesheets/_variables.scss b/peachjam/static/stylesheets/_variables.scss
@@ -18,6 +18,7 @@ $youtube-color: #FF0000 !default;
 $anntn-highlight-color: #a68bdc !default;
 $diff-green-color: #a6f3a6 !default;
 $diff-red-color: #f8cbcb !default;
+$visited-link: $primary !default;
 
 :root {
   --facebook-color: #{$facebook-color};

diff --git a/peachjam/templates/peachjam/_header.html b/peachjam/templates/peachjam/_header.html
@@ -1,7 +1,14 @@
 {% load static i18n %}
 <header>
+  {% block skip-links %}
+    <div id="skip-links">
+      <a class="bg-white" href="#top">{% trans 'Go to page content' %}</a>
+      <a class="bg-white" href="#main-nav">{% trans 'Go to main menu' %}</a>
+      <a class="bg-white" href="#search">{% trans 'Go to search' %}</a>
+    </div>
+  {% endblock %}
   {% block top-bar %}<div>Top bar content</div>{% endblock %}
-  <nav class="navbar navbar-expand-lg shadow-sm">
+  <nav id="main-nav" class="navbar navbar-expand-lg shadow-sm">
     <div class="container">
       <a class="navbar-brand" href="{% url 'home_page' %}">
         {% block navbar-logo %}Logo image{% endblock %}

diff --git a/peachjam/templates/peachjam/court_detail.html b/peachjam/templates/peachjam/court_detail.html
@@ -5,6 +5,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'judgment_list' %}">{% trans 'Judgments' %}</a>
         </li>

diff --git a/peachjam/templates/peachjam/gazette_detail.html b/peachjam/templates/peachjam/gazette_detail.html
@@ -3,6 +3,9 @@
 {% block breadcrumbs %}
   <nav aria-label="breadcrumb">
     <ol class="breadcrumb">
+      <li class="breadcrumb-item">
+        <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+      </li>
       <li class="breadcrumb-item">
         <a href="{% url 'gazettes' %}">{% trans 'Gazettes' %}</a>
       </li>

diff --git a/peachjam/templates/peachjam/gazette_list.html b/peachjam/templates/peachjam/gazette_list.html
@@ -10,6 +10,9 @@
         {% if place %}
           <nav aria-label="breadcrumb">
             <ol class="breadcrumb">
+              <li class="breadcrumb-item">
+                <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+              </li>
               <li class="breadcrumb-item">
                 <a href="{% url 'gazettes' %}">{% trans 'Gazettes' %}</a>
               </li>

diff --git a/peachjam/templates/peachjam/gazette_year.html b/peachjam/templates/peachjam/gazette_year.html
@@ -7,6 +7,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'gazettes' %}">{% trans 'Gazettes' %}</a>
         </li>

diff --git a/peachjam/templates/peachjam/judgment_detail.html b/peachjam/templates/peachjam/judgment_detail.html
@@ -3,6 +3,9 @@
 {% block breadcrumbs %}
   <nav aria-label="breadcrumb">
     <ol class="breadcrumb">
+      <li class="breadcrumb-item">
+        <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+      </li>
       <li class="breadcrumb-item">
         <a href="{% url 'judgment_list' %}">{% trans 'Judgments' %}</a>
       </li>

diff --git a/peachjam/templates/peachjam/taxonomy_detail.html b/peachjam/templates/peachjam/taxonomy_detail.html
@@ -6,6 +6,9 @@
   <div class="container">
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+        </li>
         <li class="breadcrumb-item">
           <a href="{% url 'top_level_taxonomy_list' %}">{% trans 'Taxonomies' %}</a>
         </li>

diff --git a/peachjam/templates/peachjam/taxonomy_first_level_detail.html b/peachjam/templates/peachjam/taxonomy_first_level_detail.html
@@ -6,6 +6,9 @@
     {% block breadcrumb %}
       <nav aria-label="breadcrumb">
         <ol class="breadcrumb">
+          <li class="breadcrumb-item">
+            <a href="{% url 'home_page' %}">{% trans 'Home' %}</a>
+          </li>
           <li class="breadcrumb-item">
             <a href="{% url 'top_level_taxonomy_list' %}">{% trans 'Taxonomies' %}</a>
           </li>

diff --git a/rwandalii/static/stylesheets/_variables.scss b/rwandalii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #326fd1;
+$visited-link: #1E4280;
diff --git a/seylii/static/stylesheets/_variables.scss b/seylii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #0094A4;
+$visited-link: #004F57;
diff --git a/sierralii/static/stylesheets/_variables.scss b/sierralii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
-$primary: #47baef;
+$primary: #0E77B4;
+$visited-link: #094B73;
diff --git a/tanzlii/static/stylesheets/_variables.scss b/tanzlii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
-$primary: #00a3f8;
+$primary: #0076B3;
+$visited-link: #004B73;
diff --git a/tcilii/static/stylesheets/_variables.scss b/tcilii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #9f1e1f;
+$visited-link: #5C1011;
diff --git a/ulii/static/stylesheets/_variables.scss b/ulii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #2b2e90;
+$visited-link: #151854;
diff --git a/zambialii/static/stylesheets/_variables.scss b/zambialii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
-$primary: #16a085;
+$primary: #0F7A64;
+$visited-link: #0A4F41;
diff --git a/zimlii/static/stylesheets/_variables.scss b/zimlii/static/stylesheets/_variables.scss
@@ -1 +1,2 @@
 $primary: #c3a918;
+$visited-link: #867510;