Merge pull request #1361 from ProcessMaker/feature/FOUR-2338

Accessibility updates
ProcessMaker · Jun 16, 2021 · 875236c · 875236c
2 parents 5c01410 + 0777029
commit 875236c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/inspectors/DocumentationFormTextArea.vue b/src/components/inspectors/DocumentationFormTextArea.vue
@@ -2,7 +2,7 @@
   <div>
     <div class="d-flex justify-content-between align-items-end mb-2">
       <label class="m-0">{{ $t(label) }}</label>
-      <button type="button" v-b-modal.documentation-modal class="btn-sm float-right" data-test="documentation-modal-button"><i class="fas fa-expand"/></button>
+      <button type="button" :aria-label="$t('Expand')" v-b-modal.documentation-modal class="btn-sm float-right" data-test="documentation-modal-button"><i class="fas fa-expand"/></button>
     </div>
 
     <form-text-area

diff --git a/src/components/inspectors/MessageSelect.vue b/src/components/inspectors/MessageSelect.vue
@@ -25,7 +25,7 @@
         </template>
       </multiselect>
       <div class="btn-group ml-1" role="group">
-        <button type="button" class="btn btn-secondary btn-sm" @click="toggleConfigMessage" data-cy="events-list">
+        <button type="button" class="btn btn-secondary btn-sm" @click="toggleConfigMessage" data-cy="events-list" :title="$t('Configure')">
           <i class="fa fa-ellipsis-h" />
         </button>
       </div>
@@ -96,8 +96,8 @@
               {{ message.name }}
             </td>
             <td align="right">
-              <button class="btn-link ml-2" @click="editMessage(message)"><i class="fa fa-pen" data-cy="events-edit" /></button>
-              <button class="btn-link ml-2" @click="removeMessage(message)"><i class="fa fa-trash" data-cy="events-remove" /></button>
+              <button :aria-label="$t('Edit')" class="btn-link ml-2" @click="editMessage(message)"><i class="fa fa-pen" data-cy="events-edit" /></button>
+              <button :aria-label="$t('Remove')" class="btn-link ml-2" @click="removeMessage(message)"><i class="fa fa-trash" data-cy="events-remove" /></button>
             </td>
           </tr>
         </tbody>

diff --git a/src/components/inspectors/SignalSelect.vue b/src/components/inspectors/SignalSelect.vue
@@ -26,7 +26,7 @@
         </template>
       </multiselect>
       <div class="btn-group ml-1" role="group" v-if="canEdit">
-        <button type="button" class="btn btn-secondary btn-sm" @click="toggleConfigSignal" data-cy="events-list">
+        <button type="button" class="btn btn-secondary btn-sm" @click="toggleConfigSignal" data-cy="events-list" :title="$t('Configure')">
           <i class="fa fa-ellipsis-h" />
         </button>
       </div>
@@ -100,8 +100,8 @@
               {{ signal.name }}
             </td>
             <td align="right">
-              <button class="btn-link ml-2" @click="editSignal(signal)" v-if="can('edit-signals')"><i class="fa fa-pen" data-cy="events-edit" /></button>
-              <button class="btn-link ml-2" @click="removeSignal(signal)" v-if="can('delete-signals')"><i class="fa fa-trash" data-cy="events-remove" /></button>
+              <button :aria-label="$t('Edit')" class="btn-link ml-2" @click="editSignal(signal)" v-if="can('edit-signals')"><i class="fa fa-pen" data-cy="events-edit" /></button>
+              <button :aria-label="$t('Remove')" class="btn-link ml-2" @click="removeSignal(signal)" v-if="can('delete-signals')"><i class="fa fa-trash" data-cy="events-remove" /></button>
             </td>
           </tr>
         </tbody>