当我尝试使用prompt()命令时,如何阻止Chrome控制台出现以下错误?
此页面生成的window.prompt()对话框被禁止,因为此页面不是前窗口的活动选项卡.请确保您的对话框由用户交互触发,以避免出现这种情况.https://www.chromestatus.com/feature/5637107137642496
直到2-3天前,prompt()命令工作正常,并打开一个对话框,我可以输入数据,现在它总是给我这个错误,即使我肯定在活动选项卡上.我检查了Chrome内容设置并允许检查弹出窗口.
谢谢!
我在我的 html 中使用了很多内联 svgs,并且对呈现它们有关可访问性的最佳方式感到有些困惑。
我看到了两种添加<title>和添加<desc>到 svgs 的方法 -
<svg role="img" aria-label="[title + description]">
<title>title text here</title>
<desc>a description of the image here</desc>
<path> etc.
</svg>
<svg role="img" aria-labelledby="my_svg_title my_svg_description">
<title id="my_svg_title">title text here</title>
<desc id="my_svg_description">a description of the image here</desc>
<path> etc.
</svg>
Run Code Online (Sandbox Code Playgroud)
第一种方法似乎是最好的,因为我不必为每个标题和描述提供唯一的 ID(我每页有多个 svg)?是这样吗?选择“aria-label”或“aria-labelledby”时还有什么需要考虑的吗?
此外,我仍然对 < desc > 扮演的角色感到有些困惑 - 它与 alt 完全相同吗?我总是从内联 svgs 中删除 xmlns 和 xmlns:xlink 标签以进行优化,谷歌图像搜索是否仍将这些内联 svgs 引用为图像?会<desc>对此有所帮助吗?
如果内联 svg 将始终显示(内联 svg 是否永远不呈现?)那么<desc>对于丢失的图像将永远没有用,这只会为可以使用它的页面阅读器留下可访问性。他们吗?
基本上值得使用/包括<desc>吗?