commit a4b9e40a15cefe8bf4c48bf994ac91ea5ee94ef6
author Yoshie Muranaka <yoshiemuranaka@gmail.com> Fri Mar 06 14:59:46 2020 -0800
committer Yoshie Muranaka <yoshiemuranaka@gmail.com> Tue Mar 10 06:41:27 2020 -0700
tree e4949bc7c31e91abdc8734947ad976819625c766
parent 8326855ba5f82dbfbfcfe2b65e49e9a30d9bf710

Fix accessibility violation in user modal

Add missing 'label-for', prop to select dropdown to
fix form accessibility issue.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I89a530bf67165c4051c7b773917b4d60d0d17a6f

src/views/AccessControl/LocalUserManagement/ModalUser.vue

diff --git a/src/views/AccessControl/LocalUserManagement/ModalUser.vue b/src/views/AccessControl/LocalUserManagement/ModalUser.vue
index ef13761..aacda11 100644
--- a/src/views/AccessControl/LocalUserManagement/ModalUser.vue
+++ b/src/views/AccessControl/LocalUserManagement/ModalUser.vue
@@ -70,8 +70,10 @@
             </b-form-group>
             <b-form-group
               :label="$t('pageLocalUserManagement.modal.privilege')"
+              label-for="privilege"
             >
               <b-form-select
+                id="privilege"
                 v-model="form.privilege"
                 :options="privilegeTypes"
                 :state="getValidationState($v.form.privilege)"