about summary refs log tree commit diff stats
path: root/themes
diff options
context:
space:
mode:
authorAlan Pearce2023-06-21 13:21:25 +0200
committerAlan Pearce2023-06-21 13:21:25 +0200
commit6be02cea11848175ead843d2ecad78dd0548a8a4 (patch)
tree69bcd1f49b4ceeede63d2651004a9edf8c8a6f52 /themes
parentf8acc923560a4b3fde660256ae7b7a6f9688b306 (diff)
downloadwebsite-6be02cea11848175ead843d2ecad78dd0548a8a4.tar.lz
website-6be02cea11848175ead843d2ecad78dd0548a8a4.tar.zst
website-6be02cea11848175ead843d2ecad78dd0548a8a4.zip
Add skip links for accessibility
Diffstat (limited to 'themes')
-rw-r--r--themes/bear/templates/header.html1
-rw-r--r--themes/bear/templates/page.html2
-rw-r--r--themes/bear/templates/section.html2
-rw-r--r--themes/bear/templates/style.html9
-rw-r--r--themes/bear/templates/taxonomy_list.html2
-rw-r--r--themes/bear/templates/taxonomy_single.html2
6 files changed, 14 insertions, 4 deletions
diff --git a/themes/bear/templates/header.html b/themes/bear/templates/header.html
index 90d5a7e..d08ea29 100644
--- a/themes/bear/templates/header.html
+++ b/themes/bear/templates/header.html
@@ -1,3 +1,4 @@
+<a class="skip" href="#content">Skip to main content</a>
 <header>
   <h2>
     <a href="{{ config.base_url }}" class="title">
diff --git a/themes/bear/templates/page.html b/themes/bear/templates/page.html
index 89de955..996f229 100644
--- a/themes/bear/templates/page.html
+++ b/themes/bear/templates/page.html
@@ -15,7 +15,7 @@
       </p>
     {%- endif %}
   {%- endif %}
-  <main>
+  <main id="content">
     {{ page.content | safe }}
   </main>
   <p>
diff --git a/themes/bear/templates/section.html b/themes/bear/templates/section.html
index e596ffb..838e001 100644
--- a/themes/bear/templates/section.html
+++ b/themes/bear/templates/section.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block main %}
-  <main>
+  <main id="content">
     {%- if taxonomy.term %}
       <h3 style="margin-bottom:0">Filtering for "{{ section.title }}"</h3>
       <small>
diff --git a/themes/bear/templates/style.html b/themes/bear/templates/style.html
index b242914..9015890 100644
--- a/themes/bear/templates/style.html
+++ b/themes/bear/templates/style.html
@@ -12,6 +12,15 @@
     color: #444;
   }
 
+  .skip {
+    position: absolute;
+    top: -3em;
+    background: #fff;
+  }
+  .skip:focus {
+    top: 0;
+  }
+
   h1,
   h2,
   h3,
diff --git a/themes/bear/templates/taxonomy_list.html b/themes/bear/templates/taxonomy_list.html
index 69d9fa2..abf4294 100644
--- a/themes/bear/templates/taxonomy_list.html
+++ b/themes/bear/templates/taxonomy_list.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block main %}
-  <main>
+  <main id="content">
     <small>
       <div>
         {% set tags = get_taxonomy(kind="tags") %}
diff --git a/themes/bear/templates/taxonomy_single.html b/themes/bear/templates/taxonomy_single.html
index c252440..95962a4 100644
--- a/themes/bear/templates/taxonomy_single.html
+++ b/themes/bear/templates/taxonomy_single.html
@@ -6,7 +6,7 @@
 {%- endblock -%}
 
 {% block main %}
-  <main>
+  <main id="content">
     {%- if taxonomy.term %}
       <h3 style="margin-bottom:0">Filtering for "{{ term.name }}"</h3>
       <small>