fixed an HTML accessibility weakness by adding invisible <li> inside <ul>
This commit is contained in:
parent
836512b252
commit
1af97a078a
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user