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

fix(a11y): accessibility and ND-design audit fixes (#42-#48, #54, #80) #85

Merged
pyr0ball merged 9 commits from fix/a11y-audit into main 2026-04-15 10:21:14 -07:00
Conversation 0 Commits 9 Files changed 4 +12 -1
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 6741c6981d - Show all commits

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

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

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

@ -60,7 +60,7 @@
</button>
<!-- 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
v-for="n in 5"
:key="n"
@ -88,6 +88,7 @@
<button
v-if="recipe.notes.length > 120"
class="btn-link text-sm"
:aria-expanded="expandedNotes.has(recipe.id)"
@click="toggleNotes(recipe.id)"
>
{{ expandedNotes.has(recipe.id) ? 'Show less' : 'Show more' }}