如何清除Svelte插件提示的A11y: on:blur替代on:change警告？

这条A11y规则的初衷是避免在文本输入类组件上误用on:change，打断键盘用户的输入流程，但是在<select>元素场景下，on:change会在用户选中选项（无论是鼠标点击还是键盘回车确认）时正常触发，不会影响无障碍访问，你的用法是完全合理的。

方法1：单行局部禁用（推荐） #

仅针对当前这行<select>代码关闭警告，不会影响项目其他位置的A11y校验，是最灵活的方案。
只需在<select>代码的上一行添加注释即可：

<!-- svelte-ignore a11y-no-onchange -->
<select bind:value={selected} on:change={() => changeTheme()}>

方法2：全局关闭规则 #

如果你的项目里大量场景需要在<select>上绑定on:change，可以在项目配置中全局关闭这条校验规则。
修改svelte.config.js的compilerOptions配置：

const config = {
  compilerOptions: {
    a11y: {
      'no-onchange': 'off'
    }
  }
}

export default config

内容的提问来源于stack exchange，提问作者Omortis