集成到你的应用 键盘与无障碍
键盘与无障碍
鼠标能做的，键盘都能做，屏幕阅读器也能获知当前位置。浏览器测试到达的每个状态都会用 axe 按 WCAG 2.2 AA 标准检查，两种主题都会检查。
按键
| 按键 | 作用 |
|---|---|
| ↑ ↓、Home、End | 在列表或网格中移动。 |
| Enter | 打开：进入文件夹，或在查看器中打开文件。 |
| 空格、Shift + ↑ ↓、⌘/Ctrl + A | 多选。 |
| F2 | 重命名。 |
| Delete、Backspace | 移到回收站。 |
| ⌘/Ctrl + Z | 撤销上一次移到回收站、移动、重命名或更改颜色。 |
| Shift + F10、菜单键 | 打开所选内容的菜单。 |
| ← → | 在查看器中切换到上一个和下一个文件。 |
| Escape | 关闭菜单、对话框或查看器。 |
屏幕阅读器会听到什么
- 列表是一个 listbox：每个条目都会读出所有者、日期和大小，以及已选择的数量。
- 提示消息是会被朗读的 status，其中的“撤销”按钮可以用 Tab 访问。
- 对话框会把焦点保持在内部，关闭时把焦点还给原来的位置。
- 上传面板是一个 region；每个文件都有以其名称命名的进度条，失败时会发出 alert。
- 文件夹颜色是一组单选按钮，每个都有名称。
如何检查
npm run test:browser 只用键盘走遍整个网盘，并在每个状态下运行 axe：空网盘和有文件时、列表和网格、每个对话框、回收站、搜索、手机宽度下的西班牙语界面、未登录访问链接，以及深色主题（手动选择和跟随系统）下的相同场景。