improve accessibility

assets/scss/partials/sidebar.scss

@@ -81,7 +81,7 @@
 		}
 	}
 
-	header {
+	#avatar-wrapper {
 		text-align: center;
 		user-select: none;
 		padding: inherit;
@@ -230,7 +230,6 @@
 			}
 		}
 	}
-	aside {
 	#social-links {
 		text-align: center;
 
@@ -311,5 +310,4 @@
 			pointer-events: all;
 		}
 	}
-	}
 }

layouts/partials/sidebar.html

@@ -1,14 +1,14 @@
 {{ $currentPage := . }}
 
-<nav id="sidebar">
-    <header>
+<header id="sidebar">
+    <div id="avatar-wrapper">
         {{ with .Site.Params.avatar }}
             {{ $avatar := resources.Get . }}
             {{ $avatar := $avatar.Resize "96x webp" }}
             <img id="avatar" alt="{{ $.Site.Params.displayName }}" src="{{ $avatar.RelPermalink }}" />
         {{ end }}
-    </header>
-    <section id="sidebar-menu">
+    </div>
+    <nav id="sidebar-menu" aria-labelledby="primary-navigation">
         <ul>
             {{- range .Site.Menus.main }}
                 {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
@@ -18,12 +18,12 @@
                 {{ end }}
             {{- end }}
         </ul>
-    </section>
-    <aside>
-        <section id="social-links">
+    </nav>
+    <div>
+        <nav id="social-links" aria-labelledby="social-links">
             <a class="hint-text" rel="me" href="https://social.anoxinon.de/@vri" aria-label="Mastodon">{{ partial "helpers/icons" "mastodon" }}</a>
-        </section>
-        <section id="languages">
+        </nav>
+        <div id="languages">
         {{- if .Site.IsMultiLingual }}
             {{ $siteLanguages := .Site.Languages }}
             {{ $pageLanguage := .Page.Lang }}
@@ -39,6 +39,6 @@
                 {{ end }}
             {{ end }}
         {{- end }}
-        </section>
-    </aside>
-</nav>
+        </div>
+    </div>
+</header>