Add a11y labels for buttons

2026-05-18 06:44:46 -07:00 · 2021-10-21 12:55:48 -05:00 · 2021-10-21 12:55:48 -05:00 · 434a9cfb42
commit 434a9cfb42
parent c29b1084b3
4 changed files with 5 additions and 0 deletions
--- a/components/search.vue
+++ b/components/search.vue
@ -35,6 +35,7 @@
                        'border-2 border-white focus:outline-none',
                        query.includes(button.query) ? 'border-opacity-50 bg-darkest' : 'border-opacity-0 neumorphic-shadow-inner'
                    ]"
+                    :aria-label="`Filter list by ${button.label}`"
                    @click="toggleFilter(button.query); queryResults(query)"
                >{{ button.label }}</button>
            </div>