草庐IT

aria-hidden

全部标签

javascript - 获取 aria 扩展值

我没有找到从DOM获取aria-expanded值的方法。test我想测试它是不是true然后我可以改变类别为fa-search-minus.我试过了,但我总是得到一个未定义的值:console.log($(this).find('a.aria-expanded').val()); 最佳答案 aria-expanded是元素的属性,不是类,所以选择器不正确。其次,您应该使用attr()函数来获取该属性的值。val()旨在从表单相关元素(例如input和textarea)中检索value属性。试试这个:console.log($(th

html - overflow hidden 的响应式垂直居中

在搜索StackOverflow和Google之后,我仍然想知道如何将比其父元素大的图像垂直居中。我不使用高度,只使用最大高度,因为我想制作一个没有jQuery的响应式解决方案。如果可能的话。这是一些代码: 最佳答案 要使更大的图像垂直居中,您可以使用下面的构造和css和CSS:.img-wrapper{position:relative;overflow:hidden;height:425px;}.img-wrapperimg{position:absolute;top:-100%;left:0;right:0;bottom:-1

html - 样式 "visibility:hidden"对 <html> 元素意味着什么?

visibility:hidden样式应用于html元素时有何作用?它与滚动条有什么关系,特别是。关于IE7?背景:OracleApex生成此代码,我正在尝试确定它是否会导致IE7中间歇性隐藏的水平滚动条出现问题:html{visibility:hidden;} 最佳答案 规范Accordingtothespec,visibility属性应该仍然影响布局。这对我来说意味着如果元素最终导致滚动行为,它不应该影响滚动。此外,任何设置为visible的子项都应该在hidden元素中可见。观察到的行为使用thisfiddle...Firef

html - 如何将动态数据绑定(bind)到 aria-label?

我有动态文本绑定(bind)到HTML页面上的aria-label。这是一个Angular2应用程序。我正在使用这样的东西:aria-label="Productdetailsfor{{productDetails?.ProductName}}"但是我得到一个错误:Can'tbindto'aria-label'sinceitisn'taknownpropertyof'div'.有解决办法吗? 最佳答案 只需在aria-label之前使用attr.:attr.aria-label="{{productDetails?.ProductN

javascript - 如何使用 WAI-ARIA 通知屏幕阅读器 div 现在可见

如何使用WAI-ARIA通知屏幕阅读器div现在可见?如果我们得到htmlPresentmaincontentHiddencontent然后我们$('#foo').hide();$('#bar').show();我们如何通知屏幕阅读器他们应该通知用户现在可见的div(或者可能自动聚焦到现在可见的div)? 最佳答案 您通常不需要告诉屏幕阅读器内容现在可见。使用aria-hidden在实践中没有任何区别,所以我建议不要使用它。如果您希望屏幕阅读器读出隐藏的div的文本内容,您可以使用role=alert或aria-live=polit

css - 溢出-x : hidden also hides vertical content too

我有一个400像素宽的DIV,包含两个并排的DIV,每个宽度为400像素,高度为600像素。两个DIV的宽度是固定的,但高度可以变化。我想隐藏第二个DIV并完全显示第一个,在DIV内不滚动。我认为我的解决方案是隐藏overflow-x。这似乎也隐藏了y溢出。这是我的代码:#schools-sub-nav{}#schools-container{width:400px;/*Setthewidthofthevisibleportionofcontenthere*/background-color:fuchsia;position:relative;overflow-x:hidden;}#s

html - 为什么 "overflow-y:hidden"会影响在 x 轴上溢出的元素的可见性?

考虑这个例子:http://jsfiddle.net/treeface/P8JbW/HTML:CSS:#test{position:relative;margin-left:50px;margin-top:50px;border:1pxsolidblack;height:50px;width:50px;overflow-x:visible;overflow-y:hidden;}img{position:absolute;left:-11px;}我期待看到这个:但是我得到了这个:这里好像override了overflow-x属性。这是实际发生的事情吗?假设我必须将overflow-y设置

html - 何时对 HTML 元素使用 disabled 属性与 aria-disabled 属性?

我正在尝试使表单易于访问。我应该让我的输入同时具有disabled和aria-disabled属性,还是只有一个?Input还是这样?Input还是这样?Input 最佳答案 我可以举你的例子,把它写成inaCodePen,并在JAWS和NVDA中查看(抱歉,今天没有VoiceOver):Input您会很高兴知道NVDA和JAWS都跳过了该字段(或者如果明确聚焦,则宣布该字段已禁用)。简而言之,您不再需要aria-disabled。只需使用disabled。您可以在SteveFaulkner(ARIA规范的编辑之一)于2015年撰写

html - 为什么 overflow hidden 会阻止 float 元素逃离容器?

我在处理网页时遇到的一个常见问题是floatdiv标签爬出它们的容器,如代码片段所示。#wrapper{border:1pxsolidred;}#wrapperdiv{float:left;font-size:3em;}HelloWorld有很多肮脏的方法来解决这个问题(即插入一个div和clear:both)但是,我看到的一个更简洁的解决方案是将包装器div的overflow设置为hidden:#wrapper{border:1pxsolidred;overflow:hidden;}#wrapperdiv{float:left;font-size:3em;}HelloWorld这在浏

html - overflow hidden 的div中的中心图像

我有一个400像素的图像和一个较小的div(宽度并不像我的示例中那样总是300像素)。我想让div中的图片居中,如果溢出就隐藏。注意:我必须保留图像上的position:absolute。我正在使用css-transitions,如果我使用position:relative,我的图像会有点抖动(https://web.archive.org/web/20120528225923/http://ta6.maxplus.be:8888/)。jsfiddlehttp://jsfiddle.net/wjw83/1/ 最佳答案 您应该使容器相