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

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;
     }

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">