diff options
author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2018-07-20 13:37:41 +0300 |
---|---|---|
committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2018-07-20 13:37:41 +0300 |
commit | 953f4b8f2590100700cf53a3d69834414a5dd5cd (patch) | |
tree | 90aff6ddd3ff16d53f1fe0c4d013e7e0e2a81af9 /src/App.vue | |
parent | 560cbce688c64203fc0dffaa447b0c945dba3ec9 (diff) |
Fix visual keyboard tab feedback for icon in header
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'src/App.vue')
-rw-r--r-- | src/App.vue | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/App.vue b/src/App.vue index 1b890e7..c430998 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,9 @@ <template> <div v-if="!shutdown" class="notifications"> - <div class="notifications-button menutoggle" ref="button" :class="{ hasNotifications: notifications.length }"> + <div class="notifications-button menutoggle" ref="button" :class="{ hasNotifications: notifications.length }" + tabindex="0" role="button" + aria-label="t('notifications', 'Notifications')" + aria-haspopup="true" aria-controls="notification-container" aria-expanded="false"> <img class="svg" alt="" ref="icon" :title="t('notifications', 'Notifications')" :src="iconPath"> </div> <div class="notification-container" ref="container"> |