fix(theme): improve accessibility on API reference

tsedio · Oct 28, 2024 · 0be3995 · 0be3995
1 parent 83fac5a
commit 0be3995
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/theme/organisms/api/Api.vue b/packages/theme/organisms/api/Api.vue
@@ -75,11 +75,11 @@ const modules = computed<Record<string, { name: string; symbols: ApiSymbol[]; }>
         <h2 class="font-bold text-xl">{{ module.name }}</h2>
 
         <div class="bg-gray-100 dark:bg-gray-900 pb-4 p-5 mt-4 mb-10 rounded-sm">
-          <div class="grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-4 gap-4">
-            <div v-for="item in module.symbols" :key="item.symbolName">
+          <ul class="grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-4 gap-4">
+            <li v-for="item in module.symbols" :key="item.symbolName">
               <ApiAnchor class="w-full px-2 py-1" v-bind="item" theme="list"/>
-            </div>
-          </div>
+            </li>
+          </ul>
         </div>
       </div>
     </template>