From 04fa2073a6e725215e6d15353ebab4d97fe5d923 Mon Sep 17 00:00:00 2001 From: mi Date: Fri, 14 Nov 2025 18:47:02 +1000 Subject: [PATCH] :wheelchair: main content link --- static/css/style.css | 22 ++++++++++++++++++++++ templates/base.html | 5 ++++- 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/static/css/style.css b/static/css/style.css index 5329bd5..a5c7d3b 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -78,6 +78,28 @@ body { border-width: 0; } +/* Skip to main content link - hidden until focused */ +.skip-to-main { + position: absolute; + top: -100px; + left: 0; + z-index: 9999; + padding: var(--space-md) var(--space-lg); + background-color: var(--color-primary); + color: var(--color-background); + text-decoration: none; + font-weight: bold; + text-transform: uppercase; + letter-spacing: var(--letter-spacing-tight); + border: var(--border-width-thick) solid var(--color-primary); +} + +.skip-to-main:focus { + top: 0; + outline: 3px solid var(--color-primary); + outline-offset: 2px; +} + /* Focus indicators for accessibility */ a:focus, button:focus, diff --git a/templates/base.html b/templates/base.html index 001e9a5..0f61503 100644 --- a/templates/base.html +++ b/templates/base.html @@ -33,6 +33,9 @@ {% block extra_css %}{% endblock %} + + Skip to main content + {% if header_image %}
{{ comic_name }} Header @@ -77,7 +80,7 @@ -
+
{% block content %}{% endblock %}