CSS'用户选择和可访问性

Question

如果我使用以下内容:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

我可以在我的网页上禁用某些元素的文本选择.适用于按钮和链接,如果选择(显然意见),它们不会提供良好的用户体验.

我可以在任何需要的地方自由使用吗？或者是否存在可访问性问题？即屏幕阅读器和其他工具是否依赖于文本选择？

注意:我不是要求对user-select属性的使用发表意见,我正在寻找受其影响的可访问性级别的事实.

Answer 1

屏幕阅读器和其他工具依赖于您随附的基本 HTML 文档。因此，使事物不可选择不应该产生影响，就像其他样式效果无关紧要一样。

JAWS 和其他屏幕阅读器的工作方式是浏览 HTML 文档并创建类似 DOM 模型的内容供用户浏览。在 Internet 上使用它们需要对标题和段落标签有所了解，因此用户将已经了解网站的编写方式。通常，一个失明的用户会浏览标题，就像一个有视力的人浏览维基百科文章一样，当他们找到他们想要的部分时停下来，然后命令屏幕阅读器阅读下面的下一段。出于这个原因，正确布局 HTML 很重要，这样屏幕阅读器才能从上到下阅读它。

欲了解更多信息，并在考虑包容性的情况下构建您的网站，我将阅读以下有关如何为不同能力的人提供服务的链接

http://www.w3.org/WAI/intro/people-use-web/stories

http://www.w3.org/WAI/guid-tech.html，特别是《如何认识WCAG 2.0》

http://www.paciellogroup.com/blog/2008/03/how-jaws-reads-text/

至于其他可访问性影响，我知道很多人喜欢通过突出显示他们正在阅读的段落的粗略长句部分来阅读网站，然后是下一部分，依此类推。使大文本段落不可读（尽管我认为您提到您不会这样做）可能会对某人的工作流程造成某种问题，但话说回来，什么不会？