草庐IT

Aria-Live

全部标签

html - "aria-labelledby"属性的功能

当我在做一些网络开发时,经常出现一个名为aria-labelledby的属性。例如在bootstrap官方示例中:aria-labelledby="dLabel">经过一些研究,我知道它与可访问性相关,但关于该属性的确切功能的线索并不多。非常感谢。 最佳答案 任何新事物总是存在UA支持问题,这就是开发人员寻求渐进式增强的原因。这种ARIA技术提供了取消“for”属性的能力,并允许其他元素成为丰富形式的一部分。这些技术将成为常见的做法。在MozillaDeveloper上有一些很好的使用示例页。也许他们最好的示例是用于将弹出菜单与父菜

Jquery .live() 不适用于 HTML5 视频事件

我在与HTML5视频的ended事件交互时遇到问题。问题是标签是使用lightbox-clone插件动态添加到页面的,我不能使用绑定(bind)来获取ended事件。尝试使用live()但也没有用。我当然可以将“点击”用作事件,但播放、暂停和结束都不起作用。尝试过delegate,但没有成功。代码看起来像这样(我使用了Stackoverflow上其他地方发布的解决方案):$("video").live("play",function(){alert("Itmoves!");});使用bind有预期的效果,但它不会影响弹出容器内的video标签。HTML是标准的标签包裹在一个div中,但

html - 导航中的当前页面使用什么 ARIA 状态角色

最近我一直在将ARIA实现到Web应用程序中,我发现了thisquestion对改进导航部分很有帮助。在所有模块中实现后,我发现了这个HTML验证错误:Attributearia-selectednotallowedonelementaatthispoint.查看ARIA规范,我看到aria-selected仅用于角色gridcell、option、row和tab。在我的例子中,链接的作用是menuitem。这是HTML代码的代表性示例:Page1Page2Page3Page4如您所见,这是在“第3页”拍摄的。此处使用的正确ARIA角色是什么? 最佳答案

iphone - 适用于 iPhone 的 Http Live Streaming 以及我们使用 .m3u8 文件的原因

我已经完成了所有This我还制作了.ts和m3u8文件。在本地服务器和实时服务器中,我可以像这样播放mp4文件但我在播放.m3u8文件时遇到问题我的mediafilesegmenter创建了两个.ts文件和一个.m3u8文件。我的m3u8文件是#EXTM3U#EXT-X-TARGETDURATION:10#EXT-X-VERSION:4#EXT-X-MEDIA-SEQUENCE:0#EXT-X-PLAYLIST-TYPE:VOD#EXT-X-I-FRAMES-ONLY#EXTINF:1.0117,#EXT-X-BYTERANGE:8084@376fileSequence0.ts#EXT

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 - .live() 处理时是否可以阻止子点击事件传播给 parent ?

我的图像和内容上有“背板”:http://syndex.me所以基本上,您点击一张图片,它会在点击的内容上方覆盖一个信息面板。我想做两件事:点击网站背景淡出当前打开的信息面板能够点击信息面板内的标签、链接或社交图标,而不会触发其父函数,该函数再次淡出。我不能对被父点击取代的子点击使用stopPropagation,因为我需要由.live()处理点击事件(seedocumentation)这是因为帖子是动态加载的。我不能只说这样的话:$("#Background").click(function(){//淡出信息板}因为整个帖子包装都涵盖了这一点,我不能把事件放在帽子上,因为那样我就更深

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

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

html - 用于阅读 HTML 中替代文本(例如罗马数字)的 ARIA 属性

在我的HTML文档中,我使用了罗马数字(例如:MMXV=2015)。有没有办法通知屏幕阅读器以另一种方式解释某些文本(例如:罗马数字为“2015”而不是M-M-X-V)?我的猜测是会有一个ARIA属性,但我似乎找不到。例如:MMXV 最佳答案 使用aria-label标签为元素提供有意义的描述。然后,通过将罗马数字包裹在具有aria-hidden的span元素中,对屏幕阅读器隐藏罗马数字。属性设置为true以对屏幕阅读器隐藏元素。MMXV 关于html-用于阅读HTML中替代文本(例如罗