Add missing ARIA labels to the Toot component

This commit is contained in:
L. E. Segovia 2018-12-12 00:47:59 +00:00
parent f2037e2e90
commit 9d7969e43c
No known key found for this signature in database
GPG Key ID: D5D1DC48B52B7AD5
1 changed files with 3 additions and 3 deletions

View File

@ -73,7 +73,7 @@
</span>
</div>
<div class="tool-box">
<el-button type="text" @click="openReply(message)" class="reply" :title="$t('cards.toot.reply')">
<el-button type="text" @click="openReply(message)" class="reply" :title="$t('cards.toot.reply')" :aria-label="$t('cards.toot.reply')">
<icon name="reply" scale="0.9"></icon>
</el-button>
<el-button v-show="locked(message)" type="text" class="locked">
@ -88,13 +88,13 @@
<span class="count">
{{ reblogsCount(message) }}
</span>
<el-button type="text" @click="changeFavourite(originalMessage(message))" :class="originalMessage(message).favourited ? 'favourited animated bounceIn' : 'favourite'" :title="$t('cards.toot.fav')">
<el-button type="text" @click="changeFavourite(originalMessage(message))" :class="originalMessage(message).favourited ? 'favourited animated bounceIn' : 'favourite'" :title="$t('cards.toot.fav')" :aria-label="$t('cards.toot.fav')">
<icon name="star" scale="0.9"></icon>
</el-button>
<span class="count">
{{ favouritesCount(message) }}
</span>
<el-button class="pinned" type="text" :title="$t('cards.toot.pinned')" v-show="pinned">
<el-button class="pinned" type="text" :title="$t('cards.toot.pinned')" :aria-label="$t('cards.toot.pinned')" v-show="pinned">
<icon name="thumbtack" scale="0.9"></icon>
</el-button>
<popper trigger="click" :options="{placement: 'bottom'}" ref="popper">