From 1af97a078aa263cbfc406040bf0c4e9455f332b0 Mon Sep 17 00:00:00 2001
From: eclipse <eclipse@unterdemradar.de>
Date: Tue, 1 Apr 2025 14:42:36 +0200
Subject: [PATCH] fixed an HTML accessibility weakness by adding invisible <li>
 inside <ul>

---
 theme/static/css/custom.css          | 4 ++++
 theme/templates/includes/navbar.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/theme/static/css/custom.css b/theme/static/css/custom.css
index aa60d1e..9243da3 100644
--- a/theme/static/css/custom.css
+++ b/theme/static/css/custom.css
@@ -182,6 +182,10 @@ h1, h2, h3, h4, h5, h6 {
     margin-left: 0;
     margin-right: 0;
 
+    li#li-subtitle { 
+      padding: 0;
+    }
+
     li.sun-moon-li {
       padding-right: 0;
     }
diff --git a/theme/templates/includes/navbar.html b/theme/templates/includes/navbar.html
index 9179e70..94abd16 100644
--- a/theme/templates/includes/navbar.html
+++ b/theme/templates/includes/navbar.html
@@ -1,6 +1,6 @@
 <nav role="navigation" data-breakpoint="my-md" id="site-navbar">
   <ul>
-    <h2>{{ SITESUBTITLE }}</h2>
+    <li id="li-subtitle"><h2>{{ SITESUBTITLE }}</h2></li>
   </ul>
   <input type="checkbox" id="hamburger">
   <label id="hamburger-label" for="hamburger" aria-label="Menu" aria-controls="main-menu-items">