GWT div aria-hidden 不隐藏在 IE 中答案

【问题标题】：GWT div aria-hidden not hiding in IEGWT div aria-hidden 不隐藏在 IE 中
【发布时间】：2012-11-13 17:48:23
【问题描述】：

我使用 GWT 对我的着陆页进行了编程。在 IE 中，我在它的末尾得到了这个空带（我把它涂成绿色，这样你就可以看到它）：

这只发生在 IE 中（我正在使用 IE9 进行测试）。不在 Chrome 中，不在 Firefox 中，不在 Safari 中。

查看DOM，负责这个区域的是下面的div：

由于某种原因，“display:none;”内联规则不起作用。如果我取消选中它并再次检查它，那么绿色带就会消失！

但我不会要求我的用户每次加载我的登录页面时都这样做，所以有没有办法摆脱这个 div（显然是由 GWT 生成的），或者使内联样式“display:none;”工作？？

谢谢！

补充说明：我没有编写 aria-hidden HTML div，它们是由 GWT 生成的。我只是观察到他们负责我要删除的绿色带。观察结果来自这样一个事实，即当我取消选中 IE DOM 查看器中的 display:none; 属性然后再次检查它时，绿色带消失了。

【问题讨论】：

正如其他答案所指出的，aria-hidden 仅供屏幕阅读器和其他辅助工具使用，对显示或布局没有影响。它通常仅用于罕见的可访问性问题案例。您确定问题出在 display:none div 上，而不是由于其他元素的边距？
我遇到了完全相同的问题，你所说的对于 iOS 6 来说是不正确的。那个 div 实际上会导致一些严重的问题。如果您从纵向转到横向再回到纵向，所有布局都会中断（您会将所有屏幕移到右侧，右侧有一个粗大的空白列）。我使用 WEINRE (people.apache.org/~pmuellr/weinre/docs/latest) 对此进行了测试，如果我从该 div 中删除禁用 10cm，则布局再次起作用。

标签： css internet-explorer gwt accessibility

【解决方案1】：

根据我对aria-hidden 和您的问题的了解，您可能错误地使用了该属性。该属性告诉使用屏幕阅读器的人忽略元素中的内容，并且应该与visibility:none 一起使用。有一个关于notifing users about a now visable div 的问题可能值得一读。接受答案的作者也写了一个blog post。

【讨论】：

我没有正确解释自己；我没有将那些 div 放在那里（请参阅我的问题中的附加说明）。他们似乎只是对我要删除的绿色乐队负责。
ARIA 支持内置于某些小部件中，您无法控制它，因此除非您明确添加 ARIA 角色/状态，否则无法在您声明时忽略该属性，通过阅读问题我不认为是这样。
@Chepech 否决我的回答是不合适的。我在海报调整问题之前回答了。也许我没有看到他编辑了它。最初的问题表明他正在使用 aria-hidden 在视觉上隐藏某些东西。他最初的问题与小部件无关。
您的举动很有趣。如果它让您高兴地投反对票，那么就这样吧，我无法检查我回答的每个问题以查看它是否已更改。各有各的。