Blocked aria-hidden on a ＜div＞ element because the element that just received focus must not be

已于 2024-09-03 10:12:26 修改
阅读量880 收藏 4
点赞数 6
分类专栏： 前端UI框架(antd-vue、elementui) 文章标签： 前端 javascript html
于 2024-09-03 10:11:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_47000834/article/details/141853993
版权

最近浏览器上突然出现了一个报错。

调研了一下发现是浏览器版本的原因​

解决方法

在全局样式里面添加一下样式

.ant-modal div[aria-hidden="true"] {

display: none !important

}

vue2 - 解决elementUI使用el-radio单选组件报错 Blocked aria-hidden on an element because its descendant retained
高级前端工程师
10-30 1万+
vue2，element ui，单选框组件，el-radio，报错，vue2 element ui 使用radio单选框出现报错Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistivetechnology users，元素上的Blocked aria-hidden，单选框报错，指令不行，deep覆盖了css样式也不行，如何解决这个问题
使用Vue.js和Element-UI做一个简单登录页面的实例
10-18
下面小编就为大家分享一篇使用Vue.js和Element-UI做一个简单登录页面的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Blocked aria-hidden on a ＜div＞ element 解决方案
往事随风
08-20 1万+
Blocked aria-hidden on a element解决方案
el-popover和el-cascader组件配合时出现的问题
最新发布
weixin_45337447的博客
03-24 608
1.产生的原因：浏览器版本影响的问题（与代码无关，可能是web或浏览器相关协议更新导致），不影响功能的使用。2.在配置全局方法，自定义指令解决报错。
Modal弹出以下错误消息Blocked aria-hidden on a ＜div＞ element because the element that just received focus mus
motoudi的博客
10-21 3676
报错翻译：Modal弹出以下错误消息：在<div>元素上隐藏了阻塞的aria，因为刚刚收到焦点的元素不能对辅助技术用户隐藏。避免使用隐藏在聚焦元素或其祖先上的咏叹调。考虑改用惰性属性，这也会阻止焦点。关于这个报错，它不影响功能的正常使用，但看着难受，还是有解决的办法的。
Blocked aria-hidden on a ＜input＞ element because the element that just received focus must not be...
qq_44776454的博客
08-07 4万+
Blocked aria-hidden on a element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will a
JSP Blocked aria-hidden on a <div> element because the element that just received focus must not be hidden from assistive technology users.
08-17
JSP (JavaServer Pages) 中遇到 "Blocked aria-hidden on a <div> element" 的警告是因为当你试图隐藏某个 `<div>` 元素以便于视觉呈现，但在辅助技术（如屏幕阅读器）用户中仍然需要保持该元素的可访问性时，...
Blocked aria-hidden on a ＜input＞ element because the element that just received focus must not be hi
maohangfei.cn
08-14 1万+
Blocked aria-hidden on a element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will a
基于最近在vue2环境中使用element-ui中＜radio＞组件出现 Blocked aris hidden on a ＜input＞ element because ... 问题解决方案
weixin_72244152的博客
08-06 2940
vue2 + element-ui中组件出现 Blocked aris hidden ... 问题解决方案
关于html之aria-hidden
weixin_46042650的博客
07-03 2030
应使用从屏幕阅读器隐藏非重要的东西(装饰事情),或者如果你是视觉上暂时隐瞒了什么,也想从屏幕阅读器隐藏的东西,例如,如果你有一个展开/折叠的事情,当元素为折叠后,您通过将内容移出屏幕(而不是使用。如果代码仅用于测试目的,但希望您没有从屏幕阅读器用户隐藏交互式元素(如链接)的情况.,它并没有删除从普通键盘Tab键顺序的元素.您仍然可以选择链接并选择它.您必须添加。.请查询"咏叹调使用规则"链接,请进一步了解" 添加角色不起作用的内容 ".ARIA属性会影响屏幕阅读器访问元素的方式.它不提供任何。
解决elementui中aria-hidden报错：Blocked aria-hidden on an element because its descendant retained focus.
qq_60654563的博客
11-18 1万+
Blocked aria-hidden on an element because its descendant retained focus.
Modal组件渲染后控制台报错“aria-hidden“
qq_57229245的博客
08-01 5933
检查代码发现代码中并没有这个属性，换一个浏览器之后就不报错了。在网上查阅资料发现：在会报错的浏览器里打开ant design vue的官网，官网的 model 组件也会报这个错。属性，因为这会让辅助技术（如屏幕阅读器）无法访问或理解该元素。这样做违反了无障碍规范。提示当一个元素获得焦点时，该元素或其祖先元素不应使用。
HTML中的aria-hidden属性
热门推荐
Coder Ben's Writing
10-30 7万+
HTML中的aria-hidden属性 我们常常看到这样的html， &amp;amp;amp;amp;lt;div id=&amp;amp;amp;quot;modal&amp;amp;amp;quot; class=&amp;amp;amp;quot;modal&amp;amp;amp;quot; aria-hidden=&amp;amp;amp;quot;true&amp;amp;amp;quot;&amp;amp;amp;amp;gt;
el-radio 和 el-cascader点击报错Blocked aria-hidden on a ＜input＞ element because the element that just ...
weixin_50606255的博客
09-20 2373
元素上的Blocked aria-hidden，因为刚刚接收焦点的元素不能对辅助技术用户隐藏。避免在焦点元素或其祖先元素上使用aria-hidden。考虑使用惰性属性，这也会阻止焦点。
【日常bug记录】Blocked aria-hidden on a ＜input＞ element because the element that just received focus must
weixin_45855469的博客
09-20 1240
我们没有办法控制 element UI 不生成这个标签，只能创建一个指令去删除它。组件的时候浏览器控制台报的错误，不影响使用，但是不好看。但是这个属性在 input 标签上应该避免使用的。
el-check-box Blocked aria-hidden on a ＜input＞ element because the element that just received focus m
weixin_44019706的博客
08-26 476
在 el-checkbox-group 中绑定 v-removeCheckBoxAriaHidden。使用 el-checkbox-group 时，点一下勾选框就报错。在 mian.js 中创建。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Shero.李建业

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值