跳到主要内容

无障碍功能概述
准备就绪

承诺

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 告知我们。