如何从vite-plugin-svelte中移除SvelteKit的A11y错误？

关于SvelteKit 2023年7月版本的A11y错误 #

这些无障碍（A11y）检查错误来自Svelte官方的eslint-plugin-svelte插件，2023年7月的SvelteKit版本确实默认启用了更严格的无障碍检查规则，属于新增的默认配置项。

全局禁用指定A11y警告/错误的方法 #

1. 通过svelte.config.js过滤编译时警告 #

如果终端弹出的是Svelte编译阶段的警告，修改项目根目录的svelte.config.js，添加onwarn函数过滤指定规则：

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

/** @type {import('@sveltejs/kit').Config} */
const config = {
	kit: {
		adapter: adapter()
	},
	onwarn: (warning, handler) => {
		// 仅禁用特定的a11y-no-static-element-interactions警告
		if (warning.code === 'a11y-no-static-element-interactions') return;
		// 若要禁用所有A11y警告，替换为：if (warning.code.startsWith('a11y-')) return;
		handler(warning);
	}
};

export default config;

2. 通过ESLint配置禁用规则 #

如果终端的错误来自ESLint检查，修改项目的ESLint配置文件（通常是.eslintrc.cjs），在rules字段中关闭对应规则：

module.exports = {
	// 保留原有其他配置
	rules: {
		// 关闭单个无障碍规则
		'svelte/a11y-no-static-element-interactions': 'off',
		// 若要关闭所有Svelte无障碍规则，可写：'svelte/a11y-*': 'off'
	}
};

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