WCAG 2.1-高对比度切换按钮

Question

我正在为客户维护一个网站。该站点具有高对比度切换，可设置适当的对比度以满足WCAG 2.0 AA。但是，在没有用户切换按钮的情况下，该站点不会通过WCAG 2.0 AA（这是目标）。一旦用户切换了按钮，它似乎就符合WCAG 2.0了。

以前的网站开发人员说，只要用户能够切换到高对比度，就可以了。

问题：

[1]具有高对比度切换（左上角的小图标）是否使站点符合WCAG 2.0 AA？还是在使用户按下特殊按钮之前默认站点需要合规？

[2]是否存在一个通用的图标/位置，可以通过视觉提示将站点切换到高对比度模式？

Answer 1

答案很简单，是的，高对比度切换按钮足以通过WCAG，但这并不是最大的用户体验。如“ G174: Providing a control with a sufficient contrast ratio that allows users to switch to a presentation that uses sufficient contrast”中所述，这样做还有一些注意事项

  

  
1. 原始页面上的链接或控件本身必须满足所需SC的对比度要求。 （如果用户看不到该控件，则他们可能无法使用该控件转到新页面。）
  
2. 新页面必须包含与原始页面相同的所有信息和功能。
  
3. 新页必须符合所有SC的要求，以达到所需的一致性级别。 （即，新页面不能仅具有所需的对比度水平，否则不能保持一致）。
  

始终最好使您的主页满足最低对比度要求（WCAG 1.4.3），而不是创建一个符合WCAG的单独的页面以及可能的单独的用户体验。如果走这条路，希望您只是在主页上应用其他CSS，这样就不必担心维护单独的高对比度页面。

Answer 2

我相信WCAG的这一资源可以回答您的大多数问题：https://www.w3.org/TR/WCAG20-TECHS/G174.html

简而言之：是的，具有所描述功能的按钮足以满足AA要求， if ：

1. 在此高对比度模式下（我们不想破坏高对比度模式下的某些辅助功能）时，也满足所有其他AA成功标准。
2. 按钮本身必须具有高对比度，并且在进入网站时必须可见
3. 启用高对比度模式时，页面上仍必须存在所有现有的内容和功能

您还应该为按钮添加标签，说明其功能。如果没有其他要求，那么也可以通过键盘调用该提示。 （使用title属性创建工具提示是不够的。）这是因为并非每个人都可以通过简单的图标来了解其目的。