Nuxtでimgタグにaltつけ忘れないようにするeslint-plugin-vue-a11y

a11y

誰にでも使えるようウェブサイトを設計・構築すること。

そんなwebサイトのユーザ補助技術を担保するためのeslintがあるので使ってみた。

今回はvue。jsx版とかもある。

↓公式通りに追加。

module.exports = {
 root: true,
 env: {
   browser: true,
   node: true
 },
 extends: [
   '@nuxtjs/eslint-config-typescript',
   'plugin:nuxt/recommended',
   'plugin:vue-a11y/base'　// ← 追加😄
 ],
 plugins: [
   'vue-a11y'　// ← 追加😄
 ],
 // add your custom rules here
 rules: {
   'vue-a11y/rule-name': 2　// ← 追加😄
 }
}

↓ちゃんと altがないので怒られてる。

参考

eslint-plugin-vue-a11y