如果复选框的标签是超链接，是否违反了 WCAG 2.0 AA？
Is it a WCAG 2.0 AA violation if the label of a checkbox is a hyperlink?
我有 4 个复选框，每个复选框对应的标签是一个 hyperlink，它将用户带到该特定主题的起始页。所以基本上选择复选框有不同的功能，同时激活 link 执行另一个 function.I 知道这不是推荐的做法，但我可以根据任何 WCAG 标准标记它吗？
简答，'yes'，它违反了 WCAG 3.2.2 On Input，这是 A（单 A）要求。
这对任何人来说都不是一个很好的用户体验。当您使用 for 属性以编程方式将标签与复选框相关联时，例如：
<input type="checkbox" id="foo">
<label for="foo">history</label>
这允许鼠标用户单击框本身或标签。如果您将标签设置为 link，则单击标签将导航至 link 的目的地，而不是选中该框。这将违反 WCAG 的可理解原则，特别是 3.2.2 On Input
从屏幕 reader 的角度来看，问题并没有那么严重。对于以下代码：
<input type="checkbox" id="foo">
<label for="foo">
<a href="some url">history</a>
</label>
<input type="checkbox" id="bar">
<label for="bar">favorites</label>
当我通过界面 tab 时，我会听到 "history checkbox, not checked" 和 "favorites checkbox, not checked"。那些听起来很正常。但是，在这两者之间我会听到 "history link"。历史 link 似乎只是两个复选框之间的 "floating out there"。复选框将正确运行并且 link 将正确运行，但这只是因为未使用任何视觉的屏幕 reader 用户不会尝试 select link 作为复选框标签。
如果您的弱视用户使用屏幕来增强他们的视力 reader，他们可能会看到一些类似的复选框和标签，并尝试用鼠标单击标签，但会感到困惑如果被带到 link 目的地。
我有 4 个复选框，每个复选框对应的标签是一个 hyperlink，它将用户带到该特定主题的起始页。所以基本上选择复选框有不同的功能，同时激活 link 执行另一个 function.I 知道这不是推荐的做法，但我可以根据任何 WCAG 标准标记它吗？
简答，'yes'，它违反了 WCAG 3.2.2 On Input，这是 A（单 A）要求。
这对任何人来说都不是一个很好的用户体验。当您使用 for 属性以编程方式将标签与复选框相关联时，例如：
<input type="checkbox" id="foo">
<label for="foo">history</label>
这允许鼠标用户单击框本身或标签。如果您将标签设置为 link，则单击标签将导航至 link 的目的地，而不是选中该框。这将违反 WCAG 的可理解原则，特别是 3.2.2 On Input
从屏幕 reader 的角度来看，问题并没有那么严重。对于以下代码：
<input type="checkbox" id="foo">
<label for="foo">
<a href="some url">history</a>
</label>
<input type="checkbox" id="bar">
<label for="bar">favorites</label>
当我通过界面 tab 时，我会听到 "history checkbox, not checked" 和 "favorites checkbox, not checked"。那些听起来很正常。但是，在这两者之间我会听到 "history link"。历史 link 似乎只是两个复选框之间的 "floating out there"。复选框将正确运行并且 link 将正确运行，但这只是因为未使用任何视觉的屏幕 reader 用户不会尝试 select link 作为复选框标签。
如果您的弱视用户使用屏幕来增强他们的视力 reader，他们可能会看到一些类似的复选框和标签，并尝试用鼠标单击标签，但会感到困惑如果被带到 link 目的地。