# accessibility-checker

**Repository Path**: GrapeCity/accessibility-checker

## Basic Information

- **Project Name**: accessibility-checker
- **Description**: 文章《Web 无障碍工程化实战：VSCode 扩展 + AI 自动修复全解析》
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-18
- **Last Updated**: 2025-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HTML 无障碍检查器

这是一个 VS Code 扩展，用于检测 HTML 文件中的无障碍（Accessibility）问题。

## 功能特性

- 🔍 使用 axe-core 引擎进行专业的无障碍检测
- 📝 在编辑器中直接显示问题标记和详细说明
- ⚡ 支持快捷键 `Ctrl+Alt+A`（Mac: `Cmd+Alt+A`）快速扫描
- 🎯 精确定位问题在源码中的位置
- 📊 在问题面板中统一查看所有检测结果

## 使用方法

### 方法一：右键菜单
1. 打开任意 HTML 文件
2. 在编辑器中右键点击
3. 选择"扫描无障碍问题"

### 方法二：快捷键
在 HTML 文件中按 `Ctrl+Alt+A`（Mac: `Cmd+Alt+A`）

### 方法三：命令面板
1. 按 `Ctrl+Shift+P`（Mac: `Cmd+Shift+P`）打开命令面板
2. 输入"无障碍检查"
3. 选择"无障碍检查: 扫描当前文件"

## 检测结果

扫描完成后，问题将以以下形式显示：
- 编辑器中的波浪线标记有问题的代码
- 鼠标悬停显示详细的问题描述和修复建议
- 在"问题"面板中查看完整的问题列表

## 要求

- VS Code 版本 1.74.0 或更高
- 仅支持 HTML 文件格式

## 反馈与支持

如有问题或建议，请在项目仓库中提交 Issue。