From f8267f28e844695dcda25f2b0c11228d496417e7 Mon Sep 17 00:00:00 2001
From: Alexander <github@lichter.io>
Date: Thu, 12 Feb 2026 00:20:17 +0100
Subject: [PATCH 1/3] fix(a11y): use semantic html for keyword list

---
 app/components/Package/Card.vue | 44 +++++++++++++++++----------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/app/components/Package/Card.vue b/app/components/Package/Card.vue
index ce97a2884..0f09b6ef4 100644
--- a/app/components/Package/Card.vue
+++ b/app/components/Package/Card.vue
@@ -160,30 +160,32 @@ const numberFormatter = useNumberFormatter()
       </div>
     </div>
 
-    <div
+    <ul
       v-if="result.package.keywords?.length"
       :aria-label="$t('package.card.keywords')"
       class="relative z-10 flex flex-wrap gap-1.5 mt-3 pt-3 border-t border-border list-none m-0 p-0 pointer-events-none items-center"
     >
-      <ButtonBase
-        v-for="keyword in result.package.keywords.slice(0, 5)"
-        class="pointer-events-auto"
-        size="small"
-        :key="keyword"
-        :aria-pressed="props.filters?.keywords.includes(keyword)"
-        :title="`Filter by ${keyword}`"
-        :data-result-index="index"
-        @click.stop="emit('clickKeyword', keyword)"
-      >
-        {{ keyword }}
-      </ButtonBase>
-      <span
-        v-if="result.package.keywords.length > 5"
-        class="text-fg-subtle text-xs pointer-events-auto"
-        :title="result.package.keywords.slice(5).join(', ')"
-      >
-        +{{ numberFormatter.format(result.package.keywords.length - 5) }}
-      </span>
-    </div>
+      <li v-for="keyword in result.package.keywords.slice(0, 5)" :key="keyword">
+        <ButtonBase
+          class="pointer-events-auto"
+          size="small"
+          :aria-pressed="props.filters?.keywords.includes(keyword)"
+          :title="`Filter by ${keyword}`"
+          :data-result-index="index"
+          @click.stop="emit('clickKeyword', keyword)"
+        >
+          {{ keyword }}
+        </ButtonBase>
+      </li>
+      <li>
+        <span
+          v-if="result.package.keywords.length > 5"
+          class="text-fg-subtle text-xs pointer-events-auto"
+          :title="result.package.keywords.slice(5).join(', ')"
+        >
+          +{{ numberFormatter.format(result.package.keywords.length - 5) }}
+        </span>
+      </li>
+    </ul>
   </BaseCard>
 </template>

From 973881f4e626b58f15da6565c34b8e4e1e646607 Mon Sep 17 00:00:00 2001
From: Nathan Knowler <nathan@knowler.dev>
Date: Wed, 11 Feb 2026 19:46:32 -0600
Subject: [PATCH 2/3] fix: set `role=list` on non-nav flexbox list

For Safari + VoiceOver
---
 app/components/Package/Card.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/components/Package/Card.vue b/app/components/Package/Card.vue
index 0f09b6ef4..a51f43a9c 100644
--- a/app/components/Package/Card.vue
+++ b/app/components/Package/Card.vue
@@ -161,6 +161,7 @@ const numberFormatter = useNumberFormatter()
     </div>
 
     <ul
+        role="list"  
       v-if="result.package.keywords?.length"
       :aria-label="$t('package.card.keywords')"
       class="relative z-10 flex flex-wrap gap-1.5 mt-3 pt-3 border-t border-border list-none m-0 p-0 pointer-events-none items-center"

From 4eff2248fdb6f215c8f579d9b50ec029f1238fcf Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Thu, 12 Feb 2026 01:47:35 +0000
Subject: [PATCH 3/3] [autofix.ci] apply automated fixes

---
 app/components/Package/Card.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Package/Card.vue b/app/components/Package/Card.vue
index a51f43a9c..f0423b127 100644
--- a/app/components/Package/Card.vue
+++ b/app/components/Package/Card.vue
@@ -161,7 +161,7 @@ const numberFormatter = useNumberFormatter()
     </div>
 
     <ul
-        role="list"  
+      role="list"
       v-if="result.package.keywords?.length"
       :aria-label="$t('package.card.keywords')"
       class="relative z-10 flex flex-wrap gap-1.5 mt-3 pt-3 border-t border-border list-none m-0 p-0 pointer-events-none items-center"