草庐IT

aria-hidden

全部标签

html - 用 border-radius 和 translate3d overflow hidden

当带有overflow:hidden;和border-radius的block内容平移时,它的Angular不会隐藏。有解决办法吗?HTMLCSS.scroller{width:300px;height:500px;border:3pxsolidred;border-radius:30px;overflow:hidden;}.scroller-content{width:300px;height:300px;background:green;-webkit-transform:translate3d(0,-8px,0);}http://jsfiddle.net/aZ5Qn/

javascript - 如何使用 JavaScript 将 `aria-disabled` 设置为 true

我对JS一无所知。但是我的Ruby中需要一行代码。我有以下html。我希望JS代码使第一个和第二个按钮可见。代码是什么?请帮忙。 最佳答案 http://jsfiddle.net/SQ7SH/1/varbuttons=document.querySelectorAll('.ui-dialog-buttonsetbutton');buttons[0].setAttribute('aria-disabled',true);buttons[1].setAttribute('aria-disabled',true);按钮也需要关闭标签

html - 如何为 WAI-ARIA 标记加载动画?

我正在努力解决网页上的一些可访问性问题。我有一个用作对话框的div,并且在某一点内部显示了一个包含加载动画和文本“正在工作...”的div。我不确定如何标记这两个项目以便正确地通知盲人用户有一个进度动画并且它正在运行并且他应该等待。Working...我尝试将role和aria-busy属性添加到img(一开始也添加到父div)。当这个div出现时(通过更改显示样式属性),它正确地显示为“正在工作...”,但我没有听到任何迹象表明它正忙并且用户应该等待,我是不是错过了什么?我已经到处寻找加载动画的示例,但到目前为止无济于事。注意:我使用的是NVDA作为屏幕阅读器进行测试。谢谢

javascript - 通过 aria 标签获取 HTML 元素

我正在制作一个小的chrome扩展,为此我需要从DOM中获取一个div来进行操作。我获得了DOM,但在获取所需的div时遇到了问题。这是它的代码。我已经尝试了getElemenyByID和document.attrib但都返回了null。关于如何获取将在此div中输入的文本的值的任何建议? 最佳答案 querySelector或带有属性选择器的querySelectorAll应该这样做://Thefirstelementthatmatches(ornullifnonedo):varelement=document.querySele

html - 隐藏类型为 ='hidden' 的输入字段与使用显示为 :none 的类

我的页面上有几个隐藏的表单字段,用于将数据传递到服务器端。出于调试目的,我觉得通过将所有符合条件的输入字段都设置为隐藏类的一部分比在每个输入字段上设置type=hidden属性更容易隐藏所有符合条件的输入字段。每当我需要调试时,我都可以轻松修改该类属性以进入Debug模式。当然,这两种方法都可以隐藏输入字段,但我不确定为什么这种方法(通过类隐藏)在现实生活中没有得到广泛使用。您能否阐明应该首选的方法? 最佳答案 不会触发输入验证、自动完成和其他用户交互相关事件。它旨在保存原始数据,无需用户直接输入。但是一个,在视觉上是隐藏的,仍将被

html - 溢出-x :hidden; on mobile device not working

我希望你们能帮助我,因为我似乎无法解决这个问题。我建立了一个单页网站,工作正常,除了一件事,那就是overflow-x:hidden在平板电脑视口(viewport)上(可能还有智能手机,还没有测试过)尽管body有body{overflow-x:hidden;}在pc上的普通浏览器中工作正常,但我能够移动到一边大约25像素左右,因为那是我旋转的div的溢出,它伸出屏幕,我想隐藏它。有办法解决这个问题吗?我在下面提供了部分头部和html/css视口(viewport)元标记。应用于媒体查询的CSS及其各自的溢出元素@mediaonlyscreenand(max-width:992px)

html - 防止溢出 : hidden (webkit) 在父级中滚动超大子级

我对Webkit浏览器有疑问。当我将光标聚焦到时会发生此问题元素并开始移动鼠标而不松开按钮。这是一个截屏视频-http://screencast.com/t/P1BnT7ZAdc这是一个html/css演示-http://napokrovke.mysundays.net/webkit_bug.html如何防止这种行为? 最佳答案 这不是一个错误,它是因为你已经将wrapper设置为300px,并对其应用了hidden的overflow属性,这允许你在内容大于你定义的300px时滚动,我在OSX上的firefox,我还可以在其中滚动。

javascript - IE11 是否有 “Backface-visibility:hidden” 替代方案?

我正在尝试让卡片在IE11中看起来像在GoogleChrome中一样。所以我在寻找:翻转时正面图片不显示在背面卡片背面翻转后可见背面文字,但正面看不到它在IE中都不做。该卡在GoogleChrome中工作,这就是我想要的外观:****更新的FIDDLE*****https://jsfiddle.net/Lance_Bitner/a8sz1765/.front,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-vis

jquery - 如何动画 "visibility: hidden"?

这是我的问题...你能帮帮我吗?$(".button").hover(function(){$('.class').css({opacity:1.0,visibility:"hidden"}).animate({opacity:0},1200);},function(){$('.class').css({opacity:0.0,visibility:"visible"}).animate({opacity:1},1200);});它只有在出现时才会动画。:-( 最佳答案 CSS中的可见性属性是bool值,可以打开或关闭。为了使任何动

html - 标签部分的语义标记和 WAI-ARIA?

我正在标记一个网站,我一直在努力磨练我的可访问性技能。我想知道对于选项卡内容最语义化的标记是什么。这就是我现在拥有的:StuffStuffStuff.........我对此有几个具体问题。我走的路对吗?如果不能,有人可以推荐一些更改吗?如果我通过AJAX加载文章,是否需要进行更改?我需要导航标签吗?这里的WAI-ARIA角色够用吗?这些是要使用的正确WAI-ARIA角色吗? 最佳答案 1.我走在正确的轨道上吗?如果不能,有人可以推荐一些更改吗?是的,您的开端绝对不错。如果你想改进它,一些选项卡的东西可以被赋予一些与选项卡相关的角色,