Improve accessibility

This commit is contained in:
Hubert Van De Walle 2020-05-05 12:47:28 +02:00
parent c40a32ca3d
commit cfd9e5410f
4 changed files with 14 additions and 3 deletions

View File

@ -4,7 +4,7 @@
<v-spacer />
<v-menu bottom left>
<template v-slot:activator="{ on }">
<v-btn icon v-on="on">
<v-btn aria-label="menu" icon v-on="on">
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</template>

View File

@ -8,6 +8,9 @@ export default {
head: {
titleTemplate: '%s - ' + process.env.npm_package_name,
title: process.env.npm_package_name || '',
htmlAttrs: {
lang: 'en',
},
meta: [
{ charset: 'utf-8' },
{

View File

@ -1,7 +1,7 @@
<template>
<v-col cols="12" sm="8" md="6">
<v-card color="primary" dark>
<v-btn icon to="/">
<v-btn icon to="/" aria-label="Go back">
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
<v-card-title class="text-center justify-center py-6">

View File

@ -36,6 +36,7 @@
</template>
<template v-slot:item.actions="{ item }">
<v-icon
aria-label="See Note"
small
color="secondary"
dark
@ -45,6 +46,7 @@
mdi-eye
</v-icon>
<v-icon
aria-label="Edit Note"
small
color="secondary"
dark
@ -53,7 +55,13 @@
>
mdi-pencil
</v-icon>
<v-icon small color="secondary" dark @click="deleteItem(item)">
<v-icon
aria-label="Delete Note"
small
color="secondary"
dark
@click="deleteItem(item)"
>
mdi-delete
</v-icon>
</template>