Circuit-Forge/kiwi
3
0
Fork 0
Code Issues 17 Pull requests 3 Projects Releases 2 Packages Wiki Activity Actions 2

fix(kiwi-a11y): chip-remove touch targets, btn-link undo target, star rating label, notes aria-expanded

Browse source
This commit is contained in:
pyr0ball 2026-04-15 10:12:17 -07:00
parent 5c135d0860
commit 6741c6981d
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/components/RecipesView.vue
View file

@ -1068,6 +1068,11 @@ watch(
color: inherit; color: inherit;
opacity: 0.7; opacity: 0.7;
transition: opacity 0.15s; transition: opacity 0.15s;
min-width: 24px;
min-height: 24px;
display: flex;
align-items: center;
justify-content: center;
} }
.chip-remove:hover { .chip-remove:hover {
@ -1535,4 +1540,9 @@ details[open] .collapsible-summary::before {
align-items: center; align-items: center;
gap: var(--spacing-sm); gap: var(--spacing-sm);
} }
.undo-toast .btn-link {
min-height: 24px;
padding: 2px 4px;
}
</style> </style>

3
frontend/src/components/SavedRecipesPanel.vue
View file

@ -60,7 +60,7 @@
</button> </button>
<!-- Stars display --> <!-- Stars display -->
<div v-if="recipe.rating !== null" class="stars-display flex gap-xs" aria-label="Rating"> <div v-if="recipe.rating !== null" class="stars-display flex gap-xs" :aria-label="`Rating: ${recipe.rating} out of 5`">
<span <span
v-for="n in 5" v-for="n in 5"
:key="n" :key="n"
@ -88,6 +88,7 @@
<button <button
v-if="recipe.notes.length > 120" v-if="recipe.notes.length > 120"
class="btn-link text-sm" class="btn-link text-sm"
:aria-expanded="expandedNotes.has(recipe.id)"
@click="toggleNotes(recipe.id)" @click="toggleNotes(recipe.id)"
> >
{{ expandedNotes.has(recipe.id) ? 'Show less' : 'Show more' }} {{ expandedNotes.has(recipe.id) ? 'Show less' : 'Show more' }}