VSCode中实现ARIA属性智能提示需五步：一、启用HTML语言模式并触发Ctrl/Cmd+Space；二、安装Auto Close Tag扩展；三、安装并启用A11y Linter插件；四、在settings.json中配置html.suggest.html5等选项；五、用Emmet缩写如div[aria-label]快速生成ARIA结构。
如果您在使用 VSCode 编写 HTML 或 JSX 代码时希望快速获取 ARIA 属性的语义化建议，以确保网页对屏幕阅读器等辅助技术更友好，则可能是由于编辑器未启用或未正确配置可访问性相关的语言功能。以下是实现 ARIA 属性智能提示的具体步骤：
本文运行环境：MacBook Air M2，macOS Sequoia。
一、启用内置 HTML 语言特性
VSCode 自带的 HTML 语言支持已集成基础 ARIA 属性提示，但需确保其处于激活状态，且文件被识别为正确的语言模式。
1、打开任意 .html 文件或新建一个空白文件。
2、点击右下角显示的语言模式（如“Plain Text”），在弹出菜单中选择HTML。
3、输入<div aria-，随后按下Ctrl+Space（Windows/Linux）或 Cmd+Space（macOS）触发建议列表。
二、安装并配置 Auto Close Tag 扩展
该扩展可增强标签闭合行为，并与 ARIA 提示协同工作，避免因语法错误导致提示失效。
1、在 VSCode 左侧活动栏点击扩展图标（或按 Ctrl+Shift+X）。
2、在搜索框中输入Auto Close Tag，找到作者 Jun Han 发布的同名扩展。
3、点击安装按钮，安装完成后重启 VSCode 窗口。
三、启用 ARIA 检查插件——A11y Linter
A11y Linter 可在编辑时实时校验 ARIA 属性使用是否符合 WAI-ARIA 规范，并提供上下文相关提示。
1、在扩展市场中搜索A11y Linter，安装由 knsv 发布的版本。
2、安装后打开设置（Cmd+,），搜索“a11y validate”，勾选A11y Linter: Enabled。
3、在 HTML 文件中输入 aria-hidden="true" 后，将光标置于引号内，再次触发智能提示即可看到可选值建议。
四、手动配置 settings.json 增强提示精度
通过修改用户设置，可强制 VSCode 对 aria-* 属性启用更严格的补全策略和文档提示。
1、打开命令面板（Cmd+Shift+P），输入并选择Preferences: Open Settings (JSON)。
2、在大括号内添加如下配置项：
"html.suggest.html5": true,
"editor.quickSuggestions": { "other": true, "comments": false, "strings": true },
"html.autoClosingTag": true
五、使用 Emmet 缩写快速插入标准 ARIA 模式
Emmet 内置了部分 ARIA 模式缩写，配合 Tab 键可一键生成含正确属性的结构化代码片段。
1、在 HTML 文件中输入div[aria-label]，然后按 Tab 键。
2、光标将自动定位到引号内部，此时可直接输入描述文本。
3、继续输入div[role="button"][aria-pressed="false"]并按 Tab，即可生成带完整 ARIA 状态属性的元素。
