问题标签 [web-accessibility]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - html中img标签的alt =“text”中使用的字符限制是什么
alt
请告诉我是否可以在 HTMLimg
标记的属性中输入任何特定数量的字符。
是否应牢记限制,例如,基于屏幕阅读器支持的内容?
html - 如何在 SVG 中为外部图像添加文本替代?
我正在将外部图像添加到 d3 生成的 SVG 图表中,并且希望在无法访问外部图像时使用替代文本(类似于 img 元素中的 alt 属性)。
但是经过 MDN 的SVG Image Element之后,我没有找到类似的属性。有没有办法可以向外部图像添加替代文本?
javascript - ADA compliance - Wrapping input in label vs adding label before input
I am working on a website to implement Ada compliance.
I am wondering which is better approach in terms of ADA compliance.
VS
Similarly for other input types such as select, radio button, checkbox etc.
Also we don't need labels in majority of forms as per design, so does it will make difference for ADA compliance if I add hidden labels for inputs?
Similar thing is asked in below question but its doesn't answer in terms of ADA.
Is it better to wrap the label tag around a form item or use the "for" attribute in HTML?
Thanks
javascript - jQuery:不为覆盖 div 的可聚焦元素维护 tabindex
我有一个带有产品图片的 div。当用户通过按选项卡或鼠标进入此 div 时,我将显示一个覆盖 div 以及一些链接和按钮。
问题:当使用某些链接/按钮打开覆盖窗口时,不会为覆盖的按钮元素维护 tabindex。
所以我想在覆盖窗口打开时将焦点切换到覆盖焦点元素。当 tabindex 到达最后一个元素时,它应该移动到覆盖窗口之外的另一个可聚焦元素。
HTML 代码
我的 JS 小提琴:https ://jsfiddle.net/pnz7Levn/13/
drupal - 如何确定用户是否在我的网站上使用屏幕阅读器
有没有一种方法(库)可以让网页检测到正在使用的屏幕阅读器?这可能仅用于报告/分析目的。
PS:一个 Drupal 8 网站。
我知道这是一个愚蠢的问题。但是,寻找是否有我从未遇到过的东西!
html - 仅 CSS - 下拉过滤器:选定的项目定位
希望有人能给我一些提示!
我尝试构建一个下拉过滤器 - 如果选择了过滤器中的一个项目,它应该在“过滤器”-ToggleButton 旁边可见 - 就像关闭状态一样。
但是,如果我将鼠标悬停在打开/关闭链接上,“选定项目”会跳到底部——我知道为什么但我该如何防止这种情况——“选定项目”如何保持在过滤器按钮旁边?
JSBin - 示例:http:
//jsbin.com/lucayaqeno/
如果有人对标记有更好的想法
谢谢你的帮助!
html - Anchor 标记在点击时应用了 :focus 样式
我是网络可访问性的新手。
我将样式应用于a:focus
as
当我按 Tab 浏览网页中的锚标记时,它工作正常,问题是当我单击锚标记时,这种焦点样式也适用但我不想要。
有什么办法可以解决吗?
html - 可访问性和文本大小调整,如何?
Web 可访问性级别 AA 的规范之一是文本可以调整到 200%,而不会丢失内容或功能。
所以如果我放大到 200%,一切都需要看起来正确。
关于字体大小,我怎样才能做到这一点?
javascript - 引导模式,陷阱选项卡键
我正在制作一个必须是 AA 可访问的页面。在一个部分中,我们有一个引导模式,当它打开时,我只想在其中进行制表符,而不在其外部进行制表符。目前,当我保持制表符时,它会在模态的背景上标记元素。
我怎样才能使它捕获选项卡,如果用户保持选项卡,它只会在模态框内进行选项卡?
谢谢!