diff options
| author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-04-06 11:10:42 +0200 |
|---|---|---|
| committer | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-04-06 12:37:40 +0200 |
| commit | 0df1361dddcc43c6b0a3fd9bfbae9610b7ed673c (patch) | |
| tree | caa2d7aa42682e5b6e4ff3a7667a1249a40ea02d /apps/dashboard | |
| parent | f61bcd8b5f49a7b85576849469d3a73b14d0ecd7 (diff) | |
| download | nextcloud-server-0df1361dddcc43c6b0a3fd9bfbae9610b7ed673c.tar.gz nextcloud-server-0df1361dddcc43c6b0a3fd9bfbae9610b7ed673c.zip | |
Add `aria-hidden='true'` to decorative icons inside of modal dialogs
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Diffstat (limited to 'apps/dashboard')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 4e238a51f6f..dffcd783516 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -2,11 +2,11 @@ <div id="app-dashboard"> <h2>{{ greeting.text }}</h2> <ul class="statuses"> - <div v-for="status in sortedRegisteredStatus" + <li v-for="status in sortedRegisteredStatus" :id="'status-' + status" :key="status"> <div :ref="'status-' + status" /> - </div> + </li> </ul> <Draggable v-model="layout" @@ -51,7 +51,7 @@ :checked="isStatusActive(status)" @input="updateStatusCheckbox(status, $event.target.checked)"> <label :for="'status-checkbox-' + status"> - <div :class="statusInfo[status].icon" role="img" /> + <div :class="statusInfo[status].icon" aria-hidden="true" role="img" /> {{ statusInfo[status].text }} </label> </li> @@ -69,7 +69,7 @@ :checked="isActive(panel)" @input="updateCheckbox(panel, $event.target.checked)"> <label :for="'panel-checkbox-' + panel.id" :class="{ draggable: isActive(panel) }"> - <div :class="panel.iconClass" role="img" /> + <div :class="panel.iconClass" aria-hidden="true" role="img" /> {{ panel.title }} </label> </li> @@ -627,7 +627,7 @@ export default { flex-wrap: wrap; margin-bottom: 36px; - & > div { + & > li { margin: 8px; } } |