From 5ca05af8a02236c22945651b4964e28e172d96a0 Mon Sep 17 00:00:00 2001 From: Denperidge Date: Wed, 26 Feb 2025 15:15:56 +0100 Subject: [PATCH] [feat] Added skip link, improved HTML landmark usage style.less - Added .skip-link & .sr-only base.html - Added skip-link - Added optional skip_link_id block - Added header element - main -> div, as it's a full application container and not the main content 404.html - div -> main index.html - div -> main preferences.html - added main results.html - Added skip_link_id to "results" - Moved search.html to header block - div#results -> main#results - div#sidebar -> aside#sidebar --- .../static/themes/simple/src/less/style.less | 28 +++++++++++++++++++ searx/templates/simple/404.html | 4 +-- searx/templates/simple/base.html | 7 +++-- searx/templates/simple/index.html | 4 +-- searx/templates/simple/preferences.html | 3 +- searx/templates/simple/results.html | 14 ++++++---- 6 files changed, 47 insertions(+), 13 deletions(-) diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index 7dca47402..aa8c83da2 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -1160,3 +1160,31 @@ summary.title { pre code { white-space: pre-wrap; } + +.sr-only { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} + +.skip-link { + &:focus { + left: 0; + top: 0; + width: auto; + height: auto; + + z-index: 6000; + + padding: 0.7rem; + background: var(--color-btn-background); + color: var(--color-btn-font); + } + + &:link, &:visited, &:hover, &:active { + color: white; /* Normalise the color */ + } +} diff --git a/searx/templates/simple/404.html b/searx/templates/simple/404.html index 1a10514cc..e9e00d56d 100644 --- a/searx/templates/simple/404.html +++ b/searx/templates/simple/404.html @@ -1,9 +1,9 @@ {% extends "simple/base.html" %} {% block content %} -
+

{{ _('Page not found') }}

{% autoescape false %}

{{ _('Go to %(search_page)s.', search_page='{}'.format(url_for('index'), _('search page'))) }}

{% endautoescape %} -
+ {% endblock %} diff --git a/searx/templates/simple/base.html b/searx/templates/simple/base.html index 93249fbf8..996ed83fd 100644 --- a/searx/templates/simple/base.html +++ b/searx/templates/simple/base.html @@ -31,7 +31,9 @@ -
+ +
+
{% if errors %}
{% block content %} {% endblock %} -
+