让您的论坛更易访问

:bookmark: 本指南介绍了如何通过利用符合 WCAG 标准的配色方案来提高 Discourse 论坛的可访问性。它涵盖了站点管理员、主题创建者和最终用户的使用说明。

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

Discourse 现在在所有安装中都包含了符合 WCAG 标准的配色方案,这为提高论坛的可访问性提供了绝佳的机会。本指南将介绍如何在三种不同场景下使用这些配色方案。

适用于站点管理员

作为站点管理员,您可以通过两种主要方式来实施符合 WCAG 标准的配色方案:

  1. 对于新站点:在创建新的配色方案时,您可以选择符合 WCAG 标准的调色板作为基础选项。

  2. 对于现有站点:您可以访问以下网址来获取符合 WCAG 标准的配色方案:
    discourse.example.com/wizard/steps/color

    或者,在以下位置创建新的配色方案时,您可以选择它们作为基础调色板:
    admin > customize > colors

    符合 WCAG 标准的配色方案有浅色和深色版本。它们是列表中最后两个选项。

允许用户选择

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

  1. 转到您的站点管理面板
  2. 导航到 admin > customize > 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 个赞