diff --git a/layouts/shortcodes/homepage/links.html b/layouts/shortcodes/homepage/links.html
index 8e826a7..bd753e8 100644
--- a/layouts/shortcodes/homepage/links.html
+++ b/layouts/shortcodes/homepage/links.html
@@ -1,10 +1,8 @@
-<ul class="list links site__links--content" style="margin: 0">
+<nav class="links site__links--content" style="margin: 0">
 {{ range $.Site.Menus.links }}
-<li>
-    <a href="{{ .URL }}" rel="me">{{ .Name }}</a>
-</li>
+  <a href="{{ .URL }}" rel="me">{{ .Name }}</a>
 {{ end }}
-</ul>
+</nav>
 <style>
 .links {
   --size: 1.5em;
diff --git a/layouts/shortcodes/homepage/social-links.html b/layouts/shortcodes/homepage/social-links.html
index 20da782..c6a91b8 100644
--- a/layouts/shortcodes/homepage/social-links.html
+++ b/layouts/shortcodes/homepage/social-links.html
@@ -1,6 +1,6 @@
 <!-- List all of the social media links -->
 {{ with (index $.Site.Data "more-contentful").contacts }}
-<ul class="list site__socials--content">
+<nav class="site__socials--content">
   {{ $useImage := index . "useImage" | default false }}
 
   {{ $links := sort .links "name" "asc" }}
@@ -8,12 +8,10 @@
 
   {{- /* Render the link only to externally linked pages/files and those with >=0 weight. */ -}}
   {{ if (and (not .excludeInMenu) (eq (absLangURL .url) .url)) }}
-  <li>
     <a {{ if $useImage }}class="site__social-icon"{{ end }} rel="me" href="{{ .url | absLangURL }}" aria-label="{{ with .name }}{{ . }}{{ else }}{{ .id }}{{ end }}">
       {{- .name }}
     </a>
-  </li>
   {{ end }}
   {{- end -}}
-</ul>
+</nav>
 {{ end }}