Question

我只是想知道我是否应该期待大约在2015年1月的浏览器和辅助技术使用speak：none，其方式相当于设置aria-hidden =＆＃34; true＆＃34;。我想表明一些半透明的文本应该被忽略，我想知道我是否可以在一个操作中完成它（只需添加一个设置不透明样式的类并说：none，而不是添加类和设置aria-hidden属性）。

Answer 1

似乎没有关于speak支持的可靠数据，但它似乎没有实现。

独立于实施状态，speak: none 不等同于aria-hidden="true"。

根据CSS语音模块CR，speak属性“确定是否在听觉上呈现文本”，即可听见。

根据ARIA规范，aria-hidden“表示元素及其所有后代不可见或可感知 any 用户由作者实现“（原文中的斜体）。

因此，aria-hidden="true"不会导致任何事情;只是声明作者隐藏了该元素。它涉及各种渲染：听觉，可见，触觉，或未来可能发明的任何形式。

Answer 2

使用此组合：

说话：从不；
说出来：拼写；

说话价值

auto：只要不显示该元素：block和is 能见度：可见，将以听觉方式阅读文本。
从不：不会以听觉方式阅读文本
始终：无论显示值或显示值如何，都将以听觉方式读取文本祖先的言语价值观。

口头价值 涉及到如何阅读文本时的发言：

普通：采用浏览器的默认语音设置。
拼写：指示浏览器拼写属性内容而不是说出完整的单词。
数字：一次读取一个数字，就像将69读为“六个” 九”。很好。
文字标点符号：拼写标点符号（例如分号），而不是而不是像停顿一样对待他们。
不使用标点符号：完全跳过标点符号。

Answer 3

要回答原始问题的意图-我想知道是否可以添加一个设置不透明样式并禁用屏幕阅读器文本的类，而不是添加类并设置aria-hidden属性。

我最终要做的是仅设置 aria-hidden属性，然后在我的CSS中使用[aria-hidden]而不是类名来设置不透明样式。

p[aria-hidden="true"] {
  opacity: 0.3;
  pointer-events: none;
  user-select: none;
  cursor: default;
}

<p aria-hidden="true">Ignore this text!</p>
<p>See this text!</p>

css设置是否说话：none现在等同于aria-hidden =＆＃34; true＆＃34;？

3 个答案: