fixed an HTML accessibility weakness by adding invisible <li> inside <ul>

This commit is contained in:
eclipse 2025-04-01 14:42:36 +02:00
parent 836512b252
commit 1af97a078a
2 changed files with 5 additions and 1 deletions

View File

@ -182,6 +182,10 @@ h1, h2, h3, h4, h5, h6 {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
li#li-subtitle {
padding: 0;
}
li.sun-moon-li { li.sun-moon-li {
padding-right: 0; padding-right: 0;
} }

View File

@ -1,6 +1,6 @@
<nav role="navigation" data-breakpoint="my-md" id="site-navbar"> <nav role="navigation" data-breakpoint="my-md" id="site-navbar">
<ul> <ul>
<h2>{{ SITESUBTITLE }}</h2> <li id="li-subtitle"><h2>{{ SITESUBTITLE }}</h2></li>
</ul> </ul>
<input type="checkbox" id="hamburger"> <input type="checkbox" id="hamburger">
<label id="hamburger-label" for="hamburger" aria-label="Menu" aria-controls="main-menu-items"> <label id="hamburger-label" for="hamburger" aria-label="Menu" aria-controls="main-menu-items">