aria-describedby或aria-details可以引用iframe中的元素吗？
aria-describedby和aria-details是用于辅助技术的ARIA属性，用于提供关于元素的额外描述信息。它们可以用于引用当前文档中的元素，但不能直接引用iframe中的元素。
aria-describedby属性用于指定一个或多个元素的ID，这些元素包含了关于当前元素的描述信息。这些描述信息可以是文本、图标、图像等。例如，一个按钮可以使用aria-describedby属性引用一个包含按钮功能描述的段落元素。
aria-details属性用于指定一个元素的ID，该元素包含了更详细的描述信息。这些描述信息可以是文本、图标、图像等。例如，一个复杂的表单字段可以使用aria-details属性引用一个包含更详细说明的div元素。
在iframe中，如果需要引用iframe内部的元素，可以通过以下步骤实现：
- 在iframe内部的文档中，为需要引用的元素添加一个唯一的ID。
- 在iframe所在的父文档中，使用aria-describedby或aria-details属性来引用iframe内部的元素。例如，可以在父文档中的按钮上使用aria-describedby属性，并指定iframe内部元素的ID。
需要注意的是，由于iframe是一个独立的文档，父文档无法直接访问或引用iframe内部的元素。因此，需要通过上述方式来实现引用和描述。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动应用托管服务（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tencentblockchain
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/metaverse
相关·内容
aria-describedby或aria-details是否可以引用iframe中的元素？这个示例html显示了我试图实现的目标： <!element in the current document and is properly announced as: "Outer details" -->
<div tabindex="0" aria-des
浏览 33提问于2021-07-15得票数 1
工具提示的一个常见用途是将其添加到I图标中，以显示“更多信息”。我目前正在努力使我的组件更易于访问，所以我想将“工具提示”角色添加到我的工具提示组件中。但令人惊讶的是，WAI ARIA的Mozilla网页明确表示。
那么，如果我正是为此目的使用工具
浏览 6提问于2022-01-17得票数 2
回答已采纳
情况如下:输入字段(文本、电子邮件、密码)被标记为aria-describedby="some-id"。如果用户输入不符合要求，则呈现带有id="some-id"的元素。在此之前，元素不存在于DOM中。使用id=&qu
浏览 1提问于2020-03-08得票数 0
回答已采纳
如何为以下具有相同值的img类获取xpath？只有描述的咏叹调是唯一的，我想点击第一张图片。
<img aria-label="More Detail" aria-describedby="card-heading_507" aria-expanded="false" role="button"services_co_myatt_overview/1.0.0/images/cbo_expand_icon.p
浏览 2提问于2019-01-25得票数 1
回答已采纳
我有这个iframe，正如您所看到的，它使用onload触发器调用一个js函数。<iframe name="top" id="top" width="99%" height="20%" src="top.htm" frameborder="0" scrolling="no" onload="log_in()"></iframe>
我
浏览 1提问于2010-05-20得票数 4
回答已采纳
1回答
当用户使用tab将元素聚焦时，屏幕阅读器应该读取由内容描述的aria-label或aria-describedby。如果用户从相同的元素触发任何操作，则aria-describedby的内容将更改，但屏幕阅读器不应读取更改后的内容。只有当下次焦点进入元素时，屏幕阅读器才应该读取此内容。有什么方法或途径可以做到这一点吗？
浏览 6提问于2021-11-09得票数 1
如果我有以下HTML： <iframe></iframe>创建对DOM元素的引用的最有效方法(主要是性能方面)是什么？我正在使用类似于以下内容的内容：
var element = document.getElementById('container').getElementsByTagName(
浏览 0提问于2009-11-11得票数 1
回答已采纳
它需要符合WCAG标准，但我在理解什么是可接受的表格标题时遇到了问题。我能用<h1>和aria-describedby代替<caption>元素吗？<p>Some other text that is relevant to the page</p>
<table
浏览 13提问于2021-10-05得票数 1
1回答
我是自动化的自动客户关系管理与碎片和一切运行顺利，直到它的时间来撰写一条消息。CRM的电子邮件编辑器在一个iframe里面。我可以找到带碎片的iframe，但我无法让它在编辑器中写任何东西。presentation" style="height: 200px;"><span id="cke_67" class="cke_voice_label">Press ALT
浏览 7提问于2017-07-16得票数 1
2回答
<span aria-describedby="" class="itemText">${itemText.itemName}</span>
如果我使用aria-describedby="${itemText.itemName
浏览 0提问于2016-12-06得票数 0
button aria-labelledby="div1 div2 buttonName1"><span id="buttonName1">Test1</span></button><button aria-describedby
浏览 1提问于2017-02-17得票数 2
我有一个新的角应用程序(可以使用v2.4.10或4.0.0-rc.5)，它使用iframe嵌入一些预先存在的内容。使用一种名为iframe加载的方法-- (load)="processIframe(extFrame)" --我可以通过角渲染器设置侦听器，并获取对子DOM元素的引用(帮助完成了该过程)。通过替换iframe中的i
浏览 9提问于2017-03-18得票数 4
3回答
我的应用程序中的一个关键屏幕包含一个超文本标记语言页面，其中包含几个执行各种功能的iframe。所有这些都需要访问jQuery。为了加快加载时间，减少超文本传输协议流量(虽然我知道缓存可以帮助实现这一点)，如果jQuery代码本身只加载一次就好了。> <iframe src="other.html"></iframe>
浏览 1提问于2011-07-01得票数 1
回答已采纳
我想要做的是调用父页面中的javascript函数将窗口滚动到顶部。我有一个带有JS函数的母版页" top“，用于将页面滚动到顶部，在母版页中有更新的update，内部的更新面板上有iframe.Every时间，当我希望主页位于顶部时。我尝试过的解决办法：我知道我的问题不是很clear
浏览 9提问于2013-03-08得票数 0
我有一个应用程序，我在其中加载了一些自定义元素(通过js文件)，并添加了iframe，并在iframe中加载了一个页面。
我们可以复制框架窗口内的所有自定义元素而不添加自定义元素js文件引用吗？
浏览 24提问于2021-06-09得票数 0
所以我有一个iframe：我需要引用一段css代码，它位于上面的src部分。此代码将在src页面上选择它：
document.getElementById( "ContentPlaceHolder1_C001_btnSMBAddressCh
浏览 0提问于2013-07-23得票数 1
我想知道是否可以通过Iframe中指向的链接(Src)引用特定的标记(在我们的例子中是H1)。例如，链接
我想知道我是否可以参考下面链接中的第一个H1 (“美联储加息将如何影响数百万美国人”)--主要目标是直接看到这篇文章。-2016-12-14#H1" style="overflow: scroll; -webkit-overflow-scrolling: touch;" sandbo
浏览 2提问于2017-03-16得票数 1
回答已采纳
我试图向屏幕阅读器用户提供一些关于链接列表和他们所代表的内容的额外信息。
我没有在<ul>上放置一个咏叹调标签，我认为这是不鼓励的，我只在屏幕阅读器上设置了一个元素。然后，我使用aria-describedby将这个元素和这个元素绑定在一起。<span id="describer" aria-hidden=true> I'm a screenreader only element hidden with CSS<
浏览 2提问于2022-11-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
