Improve accessibility
This commit is contained in:
parent
c40a32ca3d
commit
cfd9e5410f
@ -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>
|
||||
|
||||
@ -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' },
|
||||
{
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user