diff --git a/assets/scss/partials/sidebar.scss b/assets/scss/partials/sidebar.scss
index 12a7250..e94e8c8 100644
--- a/assets/scss/partials/sidebar.scss
+++ b/assets/scss/partials/sidebar.scss
@@ -34,7 +34,7 @@
 			position: relative;
 
 			&::before {
-				content: attr(data-title);
+				content: attr(aria-label);
 				left: calc(100% + 0.5rem);
 				position: absolute;
 				top: 50%;
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 73de7c4..9b07a0a 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -21,7 +21,7 @@
     </section>
     <aside>
         <section id="social-links">
-            <a class="hint-text" rel="me" href="https://social.anoxinon.de/@vri" data-title="Mastodon">{{ partial "helpers/icons" "mastodon" }}</a>
+            <a class="hint-text" rel="me" href="https://social.anoxinon.de/@vri" aria-label="Mastodon">{{ partial "helpers/icons" "mastodon" }}</a>
         </section>
         <section id="languages">
         {{- if .Site.IsMultiLingual }}
@@ -33,7 +33,7 @@
                 {{ range $siteLanguages }}
                     {{ if eq $translation.Lang .Lang }}
                         {{ if ne $pageLanguage .Lang }}
-                            <a class="hint-text" id="language" href="{{ $translation.Permalink }}" data-title="{{ .LanguageName }}">{{ .Params.languageFlag }}</a>
+                            <a class="hint-text" id="language" href="{{ $translation.Permalink }}" aria-label="{{ .LanguageName }}">{{ .Params.languageFlag }}</a>
                         {{ end }}
                     {{ end }}
                 {{ end }}