diff options
author | Alan Pearce | 2023-06-21 13:21:25 +0200 |
---|---|---|
committer | Alan Pearce | 2023-06-21 13:21:25 +0200 |
commit | 6be02cea11848175ead843d2ecad78dd0548a8a4 (patch) | |
tree | 69bcd1f49b4ceeede63d2651004a9edf8c8a6f52 /themes | |
parent | f8acc923560a4b3fde660256ae7b7a6f9688b306 (diff) | |
download | website-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.html | 1 | ||||
-rw-r--r-- | themes/bear/templates/page.html | 2 | ||||
-rw-r--r-- | themes/bear/templates/section.html | 2 | ||||
-rw-r--r-- | themes/bear/templates/style.html | 9 | ||||
-rw-r--r-- | themes/bear/templates/taxonomy_list.html | 2 | ||||
-rw-r--r-- | themes/bear/templates/taxonomy_single.html | 2 |
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> |