fix: improve public detail keyboard access and reflow

2026-09-10 07:48:42 -04:00
parent 94c37250d1
commit a02965de4a
15 changed files with 193 additions and 18 deletions
@@ -24,8 +24,8 @@ onMounted(async () => {
 <template>
  <main class="detail-page">
    <RouterLink class="detail-back" :to="{ name: 'catalog' }">Back to catalog</RouterLink>
-    <p v-if="isLoading" class="catalog-state">Loading product...</p>
-    <p v-else-if="error" class="catalog-state catalog-state--error">{{ error.message }}</p>
+    <p v-if="isLoading" class="catalog-state" role="status">Loading product...</p>
+    <p v-else-if="error" class="catalog-state catalog-state--error" role="alert">{{ error.message }}</p>
    <CollectibleDetail
      v-else-if="product"
      :title="product.name"