让您的论坛更易于访问

:bookmark: 本指南说明如何通过利用符合 WCAG (Web 内容无障碍指南) 的配色方案来提高您的 Discourse 论坛的可访问性。它涵盖了网站管理员、主题创建者和最终用户的说明。

:person_raising_hand: 所需用户级别:所有用户(针对管理员和主题创建者有特定部分)

Discourse 现已在所有安装中包含符合 WCAG 的配色方案,这为增强您论坛的可访问性提供了绝佳机会。本指南将说明如何在三种不同场景中利用这些配色方案。

针对网站管理员

作为网站管理员,您可以通过以下位置创建新配色方案时将其选为基本调色板,从而实施符合 WCAG 的配色方案:
管理 > 配置 > 颜色 (admin > config > colors)

符合 WCAG 的配色方案的亮色和暗色版本均可用。

允许用户选择

如果您不想将符合 WCAG 的配色方案设置为您网站的默认设置,仍然可以使其可供用户单独选择:

  1. 访问您网站的管理面板
  2. 导航到 管理 > 配置 > 颜色 (admin > config > colors)
  3. 启用允许用户选择这些调色板的选项

针对所有用户

如果您的网站管理员启用了用户可选的配色方案,您可以在用户偏好设置中选择符合 WCAG 的配色方案:

  1. 转到您的用户偏好设置
  2. 导航到“界面”部分
  3. 查找颜色方案选择选项

此页面的 URL 通常是:
discourse.example.com/my/preferences/interface

:information_source: 如果您在偏好设置中没有看到 WCAG 配色方案作为选项,请考虑联系您的网站管理员。您可以将本指南的说明转给他们,以便他们了解如何启用这些无障碍配色方案。

针对主题创建者

如果您正在开发一个主题并希望确保符合 WCAG 标准:

  1. 使用 Discourse WCAG 配色方案作为您自定义主题的基础。
  2. 利用 WAVE 扩展 等工具来验证您所做的任何颜色修改仍然符合 WCAG 标准。

附加资源

有关 Discourse 对可访问性承诺的更全面信息,请参阅官方可访问性声明

9 个赞

我想问一下,浅色和深色的 WCAG 配色方案是否已经根据 WCAG 2.2 的要求进行了评估或更新?(因为新的指南是在 2023 年发布的,晚于本主题发布的时间。)

1 个赞