commit d2ac76d7922fff243174ee50ab05020a5064aa6e
author Dixsie Wolmers <dixsie@ibm.com> Wed Aug 26 17:23:45 2020 -0500
committer Yoshie Muranaka <yoshiemuranaka@gmail.com> Wed Sep 09 16:22:01 2020 +0000
tree 3e9b64191eb6c12cfa38dacbdef7f74638b84d00
parent 4afe2f762cf7f567579bcd3b03c9023c79b535fc

Add title attribute to all icon only buttons

- Title attribute allows action text to be displayed on hover
- Carets in hardware status table will be addressed in a separate
  commit as part of Hardware status accessibility updates

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I58a85b6d244d1125f0b43c22d0bb456a36815097

src/views/Configuration/DateTimeSettings/DateTimeSettings.vue

diff --git a/src/views/Configuration/DateTimeSettings/DateTimeSettings.vue b/src/views/Configuration/DateTimeSettings/DateTimeSettings.vue
index b6bc815..7358c0d 100644
--- a/src/views/Configuration/DateTimeSettings/DateTimeSettings.vue
+++ b/src/views/Configuration/DateTimeSettings/DateTimeSettings.vue
@@ -86,7 +86,10 @@
                     aria-controls="input-manual-date"
                   >
                     <template v-slot:button-content>
-                      <icon-calendar />
+                      <icon-calendar
+                        :title="$t('global.calendar.openDatePicker')"
+                        aria-hidden="true"
+                      />
                       <span class="sr-only">
                         {{ $t('global.calendar.openDatePicker') }}
                       </span>