程序员经验分享-hwhale

css设置speak:none现在相当于aria-hidden =“true”吗？

2024-04-20

我只是想知道我是否应该期望 2015 年 1 月左右的浏览器和辅助技术以相当于设置 aria-hidden="true" 的方式使用spoke:none。我想指出一些半不透明的文本应该被忽略，并且想知道我是否可以在一次操作中完成它（只需添加一个设置不透明样式和speak:none的类，而不是添加类并设置aria-隐藏属性）。


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

独立于实施状态，speak: none is not相当于aria-hidden="true".

根据CSS语音模块CR，speak http://www.w3.org/TR/css3-speech/#speaking-props-speak属性“决定是否以听觉方式呈现文本”，即有声地呈现。

根据 ARIA 规范，aria-hidden http://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden“表明element并且它的所有后代都是不可见的或可感知的 to any用户由作者实现”（原文为斜体）。

Thus, aria-hidden="true"才不是cause任何事物;它只是declares作者隐藏了该元素。它涉及各种渲染：听觉的、视觉的、触觉的或未来可能发明的任何形式。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

waiaria

accessibility

cssspeech

css设置speak:none现在相当于aria-hidden =“true”吗？ 的相关文章

  • 是否可以将 contentEditable 与 jQuery DatePicker 一起使用？

    我正在寻找一种将 contentEditable 与 jQuery DatePicker 一起使用的方法 我如何在可编辑表格上使用它 我在这里找到了一个答案 http www sencha com forum showthread php

  • Chrome 和 Firefox 之间的 Rems 渲染方式不同

    在比较 Chrome 和 Firefox 中的渲染方式时 我注意到使用 rems 时存在一个小问题 使用以下 CSS html font size 62 5 rem test width 50 height 20rem background

  • Contenteditable 显示最后插入的 html 元素

    我使用 contenteditable div 作为输入字段来输入一些文本 并通过该文本中的按钮 小 html 图片 插入图标 只要文本比 contenteditable 字段窄 就可以了 一旦文本比字段长 因此它被部分隐藏 当我输入文本字

  • 如何在引导程序中将边框半径应用于？

    我需要一行应该是圆角的 并且行与行之间有间距 到目前为止 我尝试了如下所示的表格 曲线类 任何建议 修改都会有帮助 My CSS table curved border collapse separate table curved bord

  • 将图像从 JQuery 上传到 Node JS

    我需要从我的网站上传图像文件HTML页 但是 我不会使用form标签 因为还有其他form稍后将用于将数据传递到服务器的字段 文本字段 复选框等 我的后端在Node JS 我想要的只是从Node Js结尾 我怎样才能做到这一点 HTML d

  • 幻灯片引导轮播之间的空白

    我正在网站主页上使用引导轮播作为滑块 当轮播自动滑动时没有问题 但一旦我单击下一个和上一个箭头 幻灯片之间就会出现 140px 宽的空白 我已经检查了 css 并删除了 HTML 中的所有空白 但我一点运气都没有 轮播 HTML div c

  • 停止 jQuery 循环设置 display:none;

    我正在创建一个小游戏 用户从一组项目中进行选择 然后对所选项目进行洗牌并选择一个 我正在使用 jQuery 循环 http jquery malsup com cycle http jquery malsup com cycle 运行主动画

  • 更改按钮文本jquery mobile

    我正在使用新的 jquery mobile 1 0 alpha 1 版本来构建移动应用程序 并且我需要能够切换按钮的文本 切换文本工作正常 但一旦执行文本替换 CSS 格式就会被破坏 格式混乱的屏幕截图 http awesomescreen

  • 同位素 Jquery 插件布局问题

    我正在尝试在此站点上设置同位素 它需要处理布局 并且我需要能够将项目附加到容器中 问题是它似乎没有正确初始化图像 这是我初始化它的方法 document ready function var container container cont

  • Phonegap html5视频无法播放

    我正在尝试在 iPad 上的phonegap 应用程序中播放视频 该视频给了我错误 MEDIA ERR SRC NOT SUPPORTED 我尝试播放的视频不是本地的 当我在该视频上使用curl I 时 这是它带来的信息 HTTP 1 1

  • 如何构建 ImageButton 控件适配器（或者更一般地说，如何构建一个简单的控件适配器）？

    我对这个问题的灵感是我发现了非常烦人的默认样式 border width 0px 在 ImageButton Web 控件上 简单的解决方案是通过向控件添加您自己的样式来覆盖它 例如Style border width 2px 无论如何 如

  • 如何将 !important 添加到 CSS-in-JS (JSS) 类属性？

    我正在尝试使用一些 CSS in JS 类这个答案 https stackoverflow com questions 54525334 how can i change the label size of a material ui te

  • 如何只显示 HTML5 datalist 中的文本而不显示值？

    这是一个例子

  • -moz-background-clip:text 在 Firefox 中不起作用

    我正在尝试用图像填充 h1 标签中的文本内容 根据我的理解 我在 html 中执行以下操作 div class image clip h1 MY WONDERFULL TEXT h1 div 并在 css 文件中 image clip ba

  • 有没有办法在 Blazor 中隐藏 div？

    我正在使用 Blazor 并且想在按下导航栏切换器图标时隐藏侧边栏 列表项崩溃了 但问题是 div 仍然存在 div class page div class sidebar div class nav top row pl 4 navba

  • 如何将 CSS 样式应用于四开输出

    我想将样式应用于四开块输出 我做的第一件事就是在类中嵌入一些 CSS 属性 output在四开文档中 然后使用以下内容引用它 r class output output 它有效 但我认为它不是很有效 因为我必须在每个文档中编写它 所以我写了

  • iPhone - 让 VoiceOver 宣布标签文本更改

    如果标签上的文本发生更改 是否可以使用 iPhone 上的 VoiceOver 来宣布更新后的文本 这类似于 ARIA 中的实时区域 Thanks 您可以使用 VoiceOver 朗读您喜欢的任何文本 UIAccessibilityPost

  • 使用 Azure Bot Framework Web 聊天无法单击电话号码

    Setup 我使用以下命令创建了一个 Azure QnA Web 聊天机器人QnAMaker https www qnamaker ai Azure 机器人服务 https azure microsoft com en us service

  • css Flex div 随着子文本区域的增长而增长（无jquery）[重复]

    这个问题在这里已经有答案了 想象一下我有以下内容 div padding 20px div style display flex background gold div

  • @media查询和图像交换[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我希望在调整浏览器大小时网站中的图像完全改变 我一直在使用媒体查询 但我似乎无法正确使用它 有什么想法 建议吗 将来请添加您尝试过的代

随机推荐

  • 如何覆盖 sbt 中对某些任务的依赖

    我想在某些任务中覆盖对项目的依赖 我有一个使用 Spark 的 sbt 多项目 lazy val core Some Project val sparkLibs Seq org apache spark spark core 1 6 1 v

  • 实体框架中的集合值参数？

    在我的上一个项目中 我决定使用实体框架 一切都很顺利 直到我尝试使用 在哪里 我收到一个错误 经过一番小小的搜索后我想出了这个帖子 https stackoverflow com questions 110314 linq to entit

  • 调用 Pyramid 中的另一个视图

    我的目标 在 Pyramid 中 调用另一个可调用视图 并获得一个Response在不知道有关该视图可调用的任何详细信息的情况下拒绝返回 在我的 Pyramid 应用程序中 假设我有一个使用 view config 装饰器定义的视图 foo

  • Azure 函数中的内存缓存

    需要缓存对象以提高我的 Azure 函数的性能 我尝试了 NET ObjectCache System Runtime Caching 它在我的测试中运行良好 测试的缓存保留期长达 10 分钟 为了推进这个解决方案 我有几个简单的问题 Az

  • 如何为网页上的文本绘制添加动画效果？

    我想要一个网页 其中有一个居中的单词 我希望用动画绘制这个单词 以便页面以与我们相同的方式 写 出该单词 即它从一个点开始 随着时间的推移绘制直线和曲线 以便最终结果是一个字形 我不在乎这是否完成

  • 断言列表时，assertEquals 到底检查什么？

    在我的测试中 我断言我返回的列表是我刚刚创建的列表按字母顺序排列的列表 assertEquals 到底检查什么 它检查列表的顺序还是仅检查其内容 因此 如果我有一个 Fred Bob Anna 列表 那么列表中的 2 个 Anna Bob

  • JavaScript 中 FileReader 的异步/等待问题

    我在 Vue js 项目中使用 FileReader 并且此代码有问题 async uploadDocuments files for let file of files let fileName file name let fileCon

  • 显式调用构造函数

    我知道我们可以调用构造函数的概念Explicitly and Implicitly 我已经测试了这两种情况 通常到目前为止 我的所有目的都通过调用构造函数来实现Implicitly 但我想知道每当我们创建时构造函数都会被隐式调用object

  • Mathematica 中的输入/输出单元标签是由什么生成的以及如何向它们添加自动计时？

    当 Mathematica 计算单元格时 它会为输入单元格和输出单元格提供细胞标签 http reference wolfram com mathematica ref CellLabel htmls In Line and Out Lin

  • 回形针是否需要全部 4 列（_file_name、_content_type 等）？

    我想知道 Paperclip 是否需要数据库中的所有四列 add column users avatar file name string add column users avatar content type string add co

  • 如何更改 VS Code 远程容器中的默认卷挂载？

    如何更改容器中打开的文件夹的默认卷装载 我已经尝试过在我的Dockerfile RUN mkdir root myproject WORKDIR root myproject 以及我的 devcontainer json name My P

  • 当 defer func 评估其参数时

    我正在学习 defer 在 golang 中的行为方式 并想用它来处理函数返回时的错误 代码如下 package main import fmt import errors func main a func a var err error

  • Core Plot 1.0如何实现reloadData方法？

    我昨天问了这个问题 并得到了 Eric Skroch 的大力帮助 然而 在查看了 Core Plot 网站上的所有文档以及一些示例后 我仍然有点困惑 因此 我将发布迄今为止的代码 看看是否有人可以帮助我更多 也许埃里克也能更容易提供帮助 我

  • 如果缺少列值，则替换为 pandas 数据框中的增量值

    输入数据框 max value 16 x max max value data s id G1 G2 G3 G3 G4 df2 pd DataFrame from dict data df2 Out 365 s id 0 G1 1 2 3

  • 流行图片，例如 Google 图片

    有没有任何 jQuery 插件或 CSS 技术可以实现像谷歌图像那样的流行效果 Thanks images padding 30px images img position relative float left height 100px

  • Redux 不就是美化了全局状态吗？

    所以我一周前开始学习 React 我不可避免地遇到了状态问题以及组件应该如何与应用程序的其余部分进行通信 我四处搜寻了一下 Redux 似乎是这个月的热门 我通读了所有文档 我认为这实际上是一个相当革命性的想法 以下是我的想法 人们普遍认为

  • 在 C# webBrowser 控件中调用 Javascript 函数

    我正在使用网页浏览器C 中的控件加载网页 需要调用返回字符串值的 JavaScript 函数 我有一个解决方案可以使用调用脚本方法 我也尝试了很多 但都失败了 你能具体说明什么失败了吗 我的下面的示例由一个带有 Web 浏览器和按钮的表单组

  • 为什么 `List` 有 `forEach` 却没有 `map` 默认方法？

    我研究过在 Java 8 中编写基于流的代码 并注意到一种模式 即我经常有一个列表 但需要通过对每个元素应用简单的映射来将其转换为另一个列表 写完后 stream map collect Collections toList 还有一次我记得

  • 如何使用 FakeItEasy 伪造一个动作<>

    我正在使用 FakeItEasy 库为我的单元测试创 建假货 我有一个ClassUnderTest我想测试该方法MethodToTest Data dataObject 这个方法正在调用我想伪造的接口的方法 public interface

  • css设置speak:none现在相当于aria-hidden =“true”吗？

    我只是想知道我是否应该期望 2015 年 1 月左右的浏览器和辅助技术以相当于设置 aria hidden true 的方式使用spoke none 我想指出一些半不透明的文本应该被忽略 并且想知道我是否可以在一次操作中完成它 只需添加一个

热门标签