SvelteKit中如何全局禁用特定无障碍（a11y）警告？

处理Svelte编译器发出的警告 #

修改项目根目录的svelte.config.js，通过compilerOptions.onwarn过滤指定的警告代码：

import adapter from '@sveltejs/adapter-auto';

/** @type {import('@sveltejs/kit').Config} */
const config = {
  kit: {
    adapter: adapter()
  },
  compilerOptions: {
    onwarn: (warning, defaultHandler) => {
      // 列出需要忽略的a11y警告代码
      const ignoredWarnings = [
        'a11y-click-events-have-key-events',
        'a11y-no-static-element-interactions'
      ];
      // 只处理未被忽略的警告
      if (!ignoredWarnings.includes(warning.code)) {
        defaultHandler(warning);
      }
    }
  }
};

export default config;

处理ESLint发出的a11y警告 #

如果警告来自eslint-plugin-svelte的规则检查，修改项目的ESLint配置文件（通常是.eslintrc.cjs），在rules中关闭对应规则：

module.exports = {
  // 其他配置项...
  rules: {
    'svelte/a11y-click-events-have-key-events': 'off',
    'svelte/a11y-no-static-element-interactions': 'off'
  }
};

注意：全局禁用无障碍警告可能降低项目的兼容性，仅在确认当前场景无需遵循对应规则时使用。

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