click-events-have-key-events

Enforce @click is accompanied by at least one of the following: @keyup, @keydown, @keypress. Coding for the keyboard is important for users with physical disabilities who cannot use a mouse, AT compatibility, and screenreader users.

🔧 Options

This rule takes no arguments.

✔ Succeed

<template>
  <div @click="foo" @keydown="bar" />
  <div @click="foo" @keyup="bar" />
  <div @click="foo" @keypress="bar" />
</template>

❌ Fail

<template>
  <div @click="foo" />
</template>