[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[taler-taler-merchant-demos] branch master updated: add accessibility sk
|
From: |
gnunet |
|
Subject: |
[taler-taler-merchant-demos] branch master updated: add accessibility skip link to demo pages |
|
Date: |
Mon, 10 Oct 2022 12:13:16 +0200 |
This is an automated email from the git hooks/post-receive script.
grothoff pushed a commit to branch master
in repository taler-merchant-demos.
The following commit(s) were added to refs/heads/master by this push:
new 314ec17 add accessibility skip link to demo pages
314ec17 is described below
commit 314ec1716a51cdeab1a4c005aa3909b77668b699
Author: Christian Grothoff <grothoff@gnunet.org>
AuthorDate: Mon Oct 10 12:13:13 2022 +0200
add accessibility skip link to demo pages
---
talermerchantdemos/static/demo.css | 16 ++++++++++++++++
talermerchantdemos/templates/common-base.html.j2 | 1 +
2 files changed, 17 insertions(+)
diff --git a/talermerchantdemos/static/demo.css
b/talermerchantdemos/static/demo.css
index ed4f4ca..e0982d1 100644
--- a/talermerchantdemos/static/demo.css
+++ b/talermerchantdemos/static/demo.css
@@ -1,6 +1,22 @@
@charset "UTF-8";
@import url(/static/theme.css);
+
+.skip {
+ position: absolute;
+ left: -10000px;
+ top: auto;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+}
+
+.skip:focus {
+ position: static;
+ width: auto;
+ height: auto;
+}
+
.demobar h1 {
text-align: center;
}
diff --git a/talermerchantdemos/templates/common-base.html.j2
b/talermerchantdemos/templates/common-base.html.j2
index 5fc07cb..e2a5585 100644
--- a/talermerchantdemos/templates/common-base.html.j2
+++ b/talermerchantdemos/templates/common-base.html.j2
@@ -26,6 +26,7 @@
<body>
<header class="demobar" style="display: flex; flex-direction: row;
justify-content: space-between;">
+ <a href="#main" class="skip">Skip to main content</a>
<div style="max-width: 50em; margin-left: 2em;">
{% block header_content %}
<p>This is the header content.</p>
--
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.
| [Prev in Thread] |
Current Thread |
[Next in Thread] |
- [taler-taler-merchant-demos] branch master updated: add accessibility skip link to demo pages,
gnunet <=