feat(a11y): add labels to color picker and sort select
Adds aria-label to the color input and sort select elements so screen readers announce their purpose. Fixes WCAG 3.3.2 (Labels or Instructions).
This commit is contained in:
parent
4618f3491b
commit
c1f74ae9dc
|
|
@ -15,6 +15,7 @@
|
|||
type="color"
|
||||
:list="colorListID"
|
||||
:class="{'is-empty': isEmpty}"
|
||||
:aria-label="$t('input.projectColor')"
|
||||
>
|
||||
<svg
|
||||
v-show="isEmpty"
|
||||
|
|
|
|||
|
|
@ -16,7 +16,10 @@
|
|||
</p>
|
||||
<div class="field">
|
||||
<div class="select is-fullwidth">
|
||||
<select v-model="selected">
|
||||
<select
|
||||
v-model="selected"
|
||||
:aria-label="$t('misc.sortBy')"
|
||||
>
|
||||
<option
|
||||
v-for="o in options"
|
||||
:key="o.value"
|
||||
|
|
|
|||
Loading…
Reference in New Issue