2

我一直在研究一些具有漂亮调色板但没有提供足够高的文本和背景对比度以供可访问性的网站。我喜欢让网站对每个人都可用，但作为一名设计师，我对这么多令人敬畏的颜色组合完全不在桌面上感到沮丧。提供一种明显的方式来切换到高对比度模式是一种可接受的选择吗？

4

1 回答 1

0

许多用户将从高对比度的配色方案中受益，包括许多不认为自己是残疾人的用户。从法律上讲，您当然可以通过提供符合 WCAG 的配色方案以及您喜欢的任何令人敬畏的样本来让自己摆脱困境。我建议先从符合 WCAG 的开始，然后将其设为默认值，因此您始终可以以此为基础。

您甚至可以使用强制颜色媒体查询，尽管这还不是标准的。微软还提供了一些其他相关的媒体查询，如此处所述 https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for -强制颜色/

但是在您开始使用新的配色方案之前，更值得检查一下启用了一些系统级对比度模式设置的“常规”站点的外观。这些在大多数平台上都可用，并且有许多浏览器扩展也可以控制颜色/对比度（每个的工作方式略有不同）。

请注意，使用具有“极端”设置的系统级“高对比度”功能完全有可能使 UI 无法使用。Mac OS 的对比度滑块如果推到边缘几乎可以漂白整个屏幕！我不禁想知道这应该使谁受益。

WCAG 不要求内容应该在市场上每个高对比度小工具的广泛范围内是可感知的，所以一般来说，如果这些问题仅在小工具启用时发生，它们不（严格）违反 WCAG。

然而，鉴于成功标准“焦点可见”、“文本对比度”和“非文本对比度”已经满足，任何仅在启用高对比度小工具时发生的对比度“失败”通常最好理解为可能违反SC 1.3.1 信息和关系，因为它们不能“确保在表示格式更改时保留视觉格式所暗示的信息和关系”。如果仅通过颜色进行任何区分，您可能还会违反SC 1.4.1 使用颜色。（例如，如果所有标题的字体和大小与正文相同，但为红色）。

因此，重要的是在（例如）Windows 高对比度模式下使用一些默认方案尝试您的内容。检查一切是否仍然可以区分，特别是包括焦点指示器和 UI 状态（例如文本标签、禁用控件、复选框和单选按钮、滑块和滚动条上的拇指、数据视图等）。它可能不会很漂亮，但这不是重点。同样，如果您在 Windows 高对比度模式下不提供完美，这不是WCAG 违规，尽管您可能应该在任何可访问性一致性报告或 VPAT 中提及任何咆哮。

作为一个小提示，我将提到 Windows 高对比度模式将尝试对 UI 边框进行颜色编码以反映某些状态。（例如，带有禁用属性的按钮可能会被绘制成绿色边框）。因此：确保您的 UI 控件的边框至少为 1px。如果您不希望常规方案中的可见边框，请使用透明颜色。同样，确保任何非装饰性 SVG 内容都使用某种笔画在 Windows HCM 中进行区分。

这样，如果有人启用 HCM，内容的边界以及控件的状态仍然是可感知的。

于 2021-11-22T12:57:40.047 回答