diff --git a/app/components/LabCard.vue b/app/components/LabCard.vue
index 54d954d..50f249f 100644
--- a/app/components/LabCard.vue
+++ b/app/components/LabCard.vue
@@ -61,8 +61,9 @@ defineProps<{
           icon="i-lucide-arrow-right"
           color="neutral"
           size="sm"
-          label="View details"
-        />
+        >
+          View details<span class="sr-only"> for {{ lab.title }}</span>
+        </UButton>
         <UButton
           v-if="lab.url"
           :to="lab.url"
@@ -71,8 +72,9 @@ defineProps<{
           icon="i-lucide-external-link"
           color="neutral"
           size="sm"
-          label="Demo"
-        />
+        >
+          Demo<span class="sr-only"> of {{ lab.title }}</span>
+        </UButton>
         <UButton
           v-if="lab.repoUrl"
           :to="lab.repoUrl"
@@ -81,8 +83,9 @@ defineProps<{
           icon="i-simple-icons-github"
           color="neutral"
           size="sm"
-          label="Repository"
-        />
+        >
+          Repository<span class="sr-only"> for {{ lab.title }}</span>
+        </UButton>
       </div>
     </div>
   </UCard>
diff --git a/app/components/landing/Hero.vue b/app/components/landing/Hero.vue
index 12d2c1e..7928629 100644
--- a/app/components/landing/Hero.vue
+++ b/app/components/landing/Hero.vue
@@ -34,7 +34,7 @@ defineProps<{
         <NuxtImg
           class="size-18 rounded-full object-cover ring ring-default ring-offset-3 ring-offset-(--ui-bg)"
           :src="avatarSrc"
-          :alt="global.picture?.alt ?? 'Profile picture'"
+          alt=""
           width="72"
           height="72"
           sizes="72px"
@@ -67,14 +67,22 @@ defineProps<{
     </template>
 
     <template #links>
-      <div class="hero-enter hero-enter-4 flex flex-wrap items-center justify-center gap-3">
-        <UButton
-          v-for="link of footer?.links"
-          :key="link['aria-label'] || link.to"
-          v-bind="{ size: 'xs', color: 'neutral', variant: 'ghost', ...link }"
-          class="text-highlighted hover:text-highlighted"
-        />
-      </div>
+      <nav
+        aria-label="Social and contact links"
+        class="hero-enter hero-enter-4"
+      >
+        <ul class="flex flex-wrap items-center justify-center gap-3">
+          <li
+            v-for="link of footer?.links"
+            :key="link['aria-label'] || link.to"
+          >
+            <UButton
+              v-bind="{ size: 'xs', color: 'neutral', variant: 'ghost', ...link }"
+              class="text-highlighted hover:text-highlighted"
+            />
+          </li>
+        </ul>
+      </nav>
     </template>
   </UPageHero>
 </template>
diff --git a/app/components/landing/LabsTeaser.vue b/app/components/landing/LabsTeaser.vue
index 8b465ce..6793e7a 100644
--- a/app/components/landing/LabsTeaser.vue
+++ b/app/components/landing/LabsTeaser.vue
@@ -69,8 +69,9 @@ defineProps<{
             color="neutral"
             size="sm"
             icon="i-lucide-arrow-right"
-            label="View details"
-          />
+          >
+            View details<span class="sr-only"> for {{ lab.title }}</span>
+          </UButton>
         </div>
       </div>
     </UCard>
diff --git a/app/components/talks/TalkPreviewCard.vue b/app/components/talks/TalkPreviewCard.vue
index 8788373..91035d2 100644
--- a/app/components/talks/TalkPreviewCard.vue
+++ b/app/components/talks/TalkPreviewCard.vue
@@ -137,8 +137,9 @@ const subtitle = computed(() => {
           color="neutral"
           size="sm"
           icon="i-lucide-arrow-right"
-          :label="primaryAction.label"
-        />
+        >
+          {{ primaryAction.label }}<span class="sr-only"> for {{ talk?.title }}</span>
+        </UButton>
       </div>
     </div>
 
diff --git a/app/pages/labs/[slug].vue b/app/pages/labs/[slug].vue
index 2721129..2bd3244 100644
--- a/app/pages/labs/[slug].vue
+++ b/app/pages/labs/[slug].vue
@@ -50,31 +50,37 @@ const hasImage = computed(() => Boolean(lab.value?.image))
       </template>
 
       <template #links>
-        <div class="flex flex-wrap items-center gap-3">
-          <UButton
-            to="/labs"
-            color="neutral"
-            variant="outline"
-            icon="i-lucide-arrow-left"
-            label="Back to Labs"
-          />
-          <UButton
-            v-if="lab.url"
-            :to="lab.url"
-            target="_blank"
-            color="neutral"
-            icon="i-lucide-external-link"
-            label="Open demo"
-          />
-          <UButton
-            v-if="lab.repoUrl"
-            :to="lab.repoUrl"
-            target="_blank"
-            color="neutral"
-            icon="i-simple-icons-github"
-            label="View repository"
-          />
-        </div>
+        <nav aria-label="Lab actions">
+          <ul class="flex flex-wrap items-center gap-3 list-none p-0">
+            <li>
+              <UButton
+                to="/labs"
+                color="neutral"
+                variant="outline"
+                icon="i-lucide-arrow-left"
+                label="Back to Labs"
+              />
+            </li>
+            <li v-if="lab.url">
+              <UButton
+                :to="lab.url"
+                target="_blank"
+                color="neutral"
+                icon="i-lucide-external-link"
+                label="Open demo"
+              />
+            </li>
+            <li v-if="lab.repoUrl">
+              <UButton
+                :to="lab.repoUrl"
+                target="_blank"
+                color="neutral"
+                icon="i-simple-icons-github"
+                label="View repository"
+              />
+            </li>
+          </ul>
+        </nav>
       </template>
 
       <template #default>
diff --git a/app/pages/speaking/[slug].vue b/app/pages/speaking/[slug].vue
index 8e37f15..3755b4a 100644
--- a/app/pages/speaking/[slug].vue
+++ b/app/pages/speaking/[slug].vue
@@ -77,23 +77,28 @@ const resourceKindLabels: Record<ResolvedTalkResource['kind'], string> = {
       </template>
 
       <template #links>
-        <div class="flex flex-wrap items-center gap-3">
-          <UButton
-            to="/speaking"
-            color="neutral"
-            variant="outline"
-            icon="i-lucide-arrow-left"
-            label="Back to Speaking"
-          />
-          <UButton
-            v-if="talk.url"
-            :to="talk.url"
-            target="_blank"
-            color="neutral"
-            icon="i-lucide-external-link"
-            label="View organizer session"
-          />
-        </div>
+        <nav aria-label="Talk actions">
+          <ul class="flex flex-wrap items-center gap-3 list-none p-0">
+            <li>
+              <UButton
+                to="/speaking"
+                color="neutral"
+                variant="outline"
+                icon="i-lucide-arrow-left"
+                label="Back to Speaking"
+              />
+            </li>
+            <li v-if="talk.url">
+              <UButton
+                :to="talk.url"
+                target="_blank"
+                color="neutral"
+                icon="i-lucide-external-link"
+                label="View organizer session"
+              />
+            </li>
+          </ul>
+        </nav>
       </template>
 
       <template #default>