小编Gul*_*lli的帖子

如何阻止Google Chrome抑制对话框?

当我尝试使用prompt()命令时,如何阻止Chrome控制台出现以下错误?

此页面生成的window.prompt()对话框被禁止,因为此页面不是前窗口的活动选项卡.请确保您的对话框由用户交互触发,以避免出现这种情况.https://www.chromestatus.com/feature/5637107137642496

直到2-3天前,prompt()命令工作正常,并打开一个对话框,我可以输入数据,现在它总是给我这个错误,即使我肯定在活动选项卡上.我检查了Chrome内容设置并允许检查弹出窗口.

谢谢!

javascript google-chrome prompt

6
推荐指数
1
解决办法
3473
查看次数

内联 SVG <title> <desc> 正确使用可访问性

我在我的 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>吗?

html tags svg accessibility

3
推荐指数
1
解决办法
541
查看次数

标签 统计

accessibility ×1

google-chrome ×1

html ×1

javascript ×1

prompt ×1

svg ×1

tags ×1