可访问的、冗长的服务条款接受
Accessible, lengthy Terms of Service acceptance
冗长的服务条款 (TOS) 以滚动形式 div 显示,因此 "Accept Terms" 按钮在小视口中仍然可见。
1) 滚动 div 是否违反了可访问性约定,因为:
a) 有视力的用户可能会在不阅读整个文档的情况下单击 "accept terms" 按钮,而
b) 使用屏幕的人 reader 在访问按钮之前必须听到完整的服务条款?
2) 提供屏幕-reader "skip" link 是否会以某种方式使 TOS 接受无效?
我正在寻找无障碍 EULA/TOS 用户接受度的示例。
想象一下 https://whosebug.com/legal/terms-of-service/public 在滚动 div 中,其下方可见一个接受按钮。
提前感谢您的见解。
在激活接受按钮之前是否需要将 div 滚动到底部?
如果接受按钮始终处于激活状态那么答案很简单,请确保接受按钮是有效的选项卡可选目标并且是按钮(同一页面)或link(另一页)。
屏幕 Reader 用户习惯于通过寻找下一个 link 或按钮来浏览过去的服务条款 (ToS)。
如果仅在 div 滚动到底部后才激活接受按钮 - 这就是您可能需要进行小幅重新设计的地方。
滚动到底部的全部目的是 'confirm'** 用户已阅读 ToS。
取而代之的是有一个按钮在(第二个)模态中显示 ToS,并在该模态中的所有文本之后找到关闭按钮。
仅在按下 ToS(第二个)模式中的关闭按钮后才激活接受按钮。
这样您就可以'prove'确认条款已被阅读。
** 我在这里用引号引起来是因为让我们面对现实吧,即使您实施这种过时的做法,也没有人真正阅读它们,他们只需在忽略 ToS 之前滚动一个框。如果您可以做出决定,请选择第一个选项 link 或接受按钮。
想法:如果你愿意,你可以使用一些 'visually hidden'(CSS 技巧)跳过 link 说 "yeah I don't read Terms of Service but I accept them anyway, take me to the accept button" 并将它们跳转到接受按钮...... ...虽然不知道这是否合法 :-)
冗长的服务条款 (TOS) 以滚动形式 div 显示,因此 "Accept Terms" 按钮在小视口中仍然可见。
1) 滚动 div 是否违反了可访问性约定,因为: a) 有视力的用户可能会在不阅读整个文档的情况下单击 "accept terms" 按钮,而 b) 使用屏幕的人 reader 在访问按钮之前必须听到完整的服务条款?
2) 提供屏幕-reader "skip" link 是否会以某种方式使 TOS 接受无效?
我正在寻找无障碍 EULA/TOS 用户接受度的示例。
想象一下 https://whosebug.com/legal/terms-of-service/public 在滚动 div 中,其下方可见一个接受按钮。
提前感谢您的见解。
在激活接受按钮之前是否需要将 div 滚动到底部?
如果接受按钮始终处于激活状态那么答案很简单,请确保接受按钮是有效的选项卡可选目标并且是按钮(同一页面)或link(另一页)。
屏幕 Reader 用户习惯于通过寻找下一个 link 或按钮来浏览过去的服务条款 (ToS)。
如果仅在 div 滚动到底部后才激活接受按钮 - 这就是您可能需要进行小幅重新设计的地方。
滚动到底部的全部目的是 'confirm'** 用户已阅读 ToS。
取而代之的是有一个按钮在(第二个)模态中显示 ToS,并在该模态中的所有文本之后找到关闭按钮。
仅在按下 ToS(第二个)模式中的关闭按钮后才激活接受按钮。
这样您就可以'prove'确认条款已被阅读。
** 我在这里用引号引起来是因为让我们面对现实吧,即使您实施这种过时的做法,也没有人真正阅读它们,他们只需在忽略 ToS 之前滚动一个框。如果您可以做出决定,请选择第一个选项 link 或接受按钮。
想法:如果你愿意,你可以使用一些 'visually hidden'(CSS 技巧)跳过 link 说 "yeah I don't read Terms of Service but I accept them anyway, take me to the accept button" 并将它们跳转到接受按钮...... ...虽然不知道这是否合法 :-)