From a4b9e40a15cefe8bf4c48bf994ac91ea5ee94ef6 Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Date: Fri, 6 Mar 2020 14:59:46 -0800
Subject: 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 | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'src')

diff --git a/src/views/AccessControl/LocalUserManagement/ModalUser.vue b/src/views/AccessControl/LocalUserManagement/ModalUser.vue
index ef13761f..aacda11b 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)"
-- 
cgit v1.2.3