无障碍功能
我们致力于让每个人都能顺利访问我们的网站。了解我们为确保包容性数字体验而实施的完整无障碍功能。
快捷键参考
按下以下按键即可立即导航
H
首页
A
关于我们
M
使命
R
路线图
E
活动
I
倡议
O
成员
D
数据
?显示全部快捷键
全面的无障碍支持
我们遵循行业领先的无障碍标准，确保每位用户都能访问并使用平台。
导航
键盘导航
完整的键盘导航支持，配备快捷键以快速进入各个版块
使用方法：
- 按下 “h” 跳转到首页版块
- 按下 “a” 跳转到关于我们
- 按下 “m” 跳转到使命版块
- 按下 “r” 跳转到路线图版块
- 按下 “e” 跳转到活动页面
- 按下 “i” 跳转到倡议页面
- 按下 “o” 跳转到成员页面
- 按下 “d” 跳转到数据页面
- 按下 “?” 显示全部键盘快捷键
键盘快捷键：
HAMREIOD?
屏幕阅读器
屏幕阅读器支持
语义化 HTML 结构，包含适当的 ARIA 标注、角色与实时区域，方便屏幕阅读器使用
使用方法：
- 兼容 NVDA、JAWS、VoiceOver 等常用屏幕阅读器
- 使用 H 键按照标题结构导航
- 使用 D 键在页面地标之间切换
- 重要公告会自动向屏幕阅读器播报
- 使用 Tab 键浏览所有交互元素
视觉
焦点管理
通过清晰的焦点指示和键盘陷阱管理，始终掌握所在位置
使用方法：
- 按逻辑顺序使用 Tab 键逐项导航
- 所有元素都提供明显的焦点样式
- 模态窗口会自动保持焦点
- 按下 Escape 关闭模态并将焦点返回触发位置
导航
跳转链接
为键盘用户提供跳过导航、直接进入主要内容的链接
使用方法：
- 页面加载后按下 Tab 键即可显示跳转链接
- 按 Enter 激活“跳转到主要内容”链接
- 按 Enter 激活“跳转到导航”链接
- 链接默认隐藏，仅在聚焦时显示
视觉
高对比度
全站色彩对比度符合 WCAG AA 标准，提升可读性
使用方法：
- 正文文字至少满足 4.5:1 的对比度
- 交互元素具有充足的对比度
- 聚焦状态具备清晰的视觉提示
- 不会仅通过颜色传递信息
布局
响应式设计
采用移动优先的响应式设计，适配所有设备与屏幕尺寸
使用方法：
- 页面可放大至 200% 而无需水平滚动
- 移动端触控目标至少 44 像素
- 内容会根据不同屏幕自动重排
- 纵向与横向模式均可流畅使用
表单
无障碍表单
所有表单提供明确标签、错误提示与验证反馈
使用方法：
- 每个字段都带有描述性标签
- 必填字段会清楚标识
- 错误消息会提示屏幕阅读器
- 表单验证提供明确且可理解的反馈
内容
包容性内容
采用清晰易懂的语言并遵循合理的标题结构
使用方法：
- 标题遵循 H1-H6 的逻辑层级
- 全文使用简洁明了的语言
- 重要信息不会仅依赖时间提醒
- 所有图像均附有描述性替代文本
标准与合规
WCAG 2.1 AA
符合 Web 内容无障碍指南 (WCAG) 2.1 AA 级标准，确保内容可感知、可操作、可理解且稳健。
Section 508
符合美国《康复法》第 508 条款的要求，满足政府级无障碍标准。
屏幕阅读器
已针对 NVDA、JAWS、VoiceOver 等辅助技术进行测试与优化。
帮助我们改进
我们持续改进网站的无障碍体验。如果您遇到任何障碍或有建议，请告诉我们。
联系我们的无障碍团队：
电子邮件： accessibility@sgua.org
电话： +65 8193 8194