diff options
author | Joas Schilling <coding@schilljs.com> | 2022-07-13 17:36:23 +0200 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-07-13 17:41:30 +0200 |
commit | bb40af310831bca4477270a3e3cdc86b2d04fb48 (patch) | |
tree | 2a30f56e94575127b7973603bf6b5cde47ea687d /src/components/CallView/Grid/Grid.vue | |
parent | 52fd57e1a0edbab389161eb510b272ad81b22dc0 (diff) |
Since v5.0.0 of the lib, the property decorative has been removed.
This means the "decorative" is added to the span element, causing the
HTML validation to fail:
> Attribute decorative not allowed on element span at this point.
Upstream commit
https://github.com/robcresswell/vue-material-design-icons/commit/c65d8ea786ea49210193cb3129c12a68ed6c0baf
> This patch also removes the default title, encouraging better
> accessibility by removing unhelpful titles that dont indicate usage. The
> `decorative` prop has been removed and any icons that do not have a
> meaningful title will be hidden from screen readers.
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src/components/CallView/Grid/Grid.vue')
-rw-r--r-- | src/components/CallView/Grid/Grid.vue | 12 |
1 files changed, 2 insertions, 10 deletions
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue index 41e24cbed..c4504ec51 100644 --- a/src/components/CallView/Grid/Grid.vue +++ b/src/components/CallView/Grid/Grid.vue @@ -27,13 +27,9 @@ @click="handleClickStripeCollapse"> <ChevronDown v-if="stripeOpen" fill-color="#ffffff" - decorative - title="" :size="20" /> <ChevronUp v-else fill-color="#ffffff" - decorative - title="" :size="20" /> </button> <transition :name="isStripe ? 'slide-down' : ''"> @@ -44,9 +40,7 @@ class="grid-navigation grid-navigation__previous" :aria-label="t('spreed', 'Previous page of videos')" @click="handleClickPrevious"> - <ChevronLeft decorative - fill-color="#ffffff" - title="" + <ChevronLeft fill-color="#ffffff" :size="20" /> </button> <div ref="grid" @@ -110,9 +104,7 @@ :class="{'stripe': isStripe}" :aria-label="t('spreed', 'Next page of videos')" @click="handleClickNext"> - <ChevronRight decorative - fill-color="#ffffff" - title="" + <ChevronRight fill-color="#ffffff" :size="20" /> </button> </div> |