无障碍功能概述准备就绪
承诺
Grafana Labs 致力于改进我们的图形用户界面和整体体验,以使我们的产品对残障人士以及其他所有人来说都可用和可访问。
一致性状态
《Web 内容无障碍指南 (WCAG)》定义了设计人员和开发人员为残障人士改进无障碍功能的要求。它定义了三个一致性级别:A 级、AA 级和 AAA 级。
Grafana 部分符合 WCAG 2.1 AA 级,并致力于在未来达到此状态。部分符合意味着内容的某些部分未能完全符合无障碍标准。
支持无障碍功能采取的步骤
Grafana Labs 采取以下措施确保 Grafana 的无障碍功能
- 确保开发人员拥有无障碍功能知识和技能,并由一群无障碍功能大使推动
- 在编写可访问的组件方面提供最佳实践和建议
- 通过内部无障碍功能工作组推动持续改进并确保责任到位
- 为我们的员工提供无障碍功能培训
- 使用自动化工具对正在开发的功能执行无障碍功能测试
- 与残障参与者进行可用性测试
技术规范
Grafana 的无障碍功能依赖以下技术,以便与特定组合的 Web 浏览器以及安装在您计算机上的任何辅助技术或插件一起使用
- HTML
- WAI-ARIA
- CSS
- JavaScript
这些技术是符合所使用的无障碍标准所依赖的。
限制和替代方案
尽管 Grafana Labs 致力于改进 Grafana 的无障碍功能,但我们知道目前存在一些限制。如果您想提出一个不在以下列表中的问题,请在 GitHub 上提交一个议题。请添加 'type:accessibility' 标签到新议题。
截至本文撰写时,主要限制存在于以下领域
- 图表:我们计划为创建的图表提供色盲友好调色板和模式的替代方案,以及一种轻松切换到图表背后数据表的方法
- 颜色对比度:现代 Grafana 界面通常没有颜色对比度问题。然而,较旧的代码可能低于建议的对比度水平。随着我们继续更新代码,这个问题将自然消失。
- 键盘支持:Grafana 的某些部分无法完全通过键盘访问。我们计划改进键盘支持,提供跳到内容的可能性,避免键盘陷阱,并始终显示焦点指示器。
要查看各个工单,请查看我们带有“type/accessibility”标签的 GitHub 议题。
评估和测试环境
Grafana Labs 通过以下方法评估了 Grafana 的无障碍功能
- 自我评估:内容由我们自己的组织或内容开发人员进行评估。定期对所有主要浏览器和操作系统进行手动测试,外加以下屏幕阅读器
- MacOS 上的 VoiceOver,使用 Safari、Chrome 和 Edge
- Windows 上的 NVDA,使用 Chrome 和 Firefox
- Linux 上的 Orca -自动化评估:我们正在使用 pa11y 来测试我们的主要工作流程和用例。
- 无障碍功能代码检查:我们正在努力在开发过程中整合 a11y 代码检查,以确保在早期阶段就考虑无障碍功能。我们在 GitHub 上有一个正在进行的议题来跟踪这项工作的进展。
反馈
我们欢迎您就 Grafana 的无障碍功能提供反馈。如果您在使用 Grafana 时遇到无障碍功能障碍,请通过在 GitHub 上提交议题 或发送电子邮件至 info@grafana.com 告知我们。