问题标签 [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.

0 投票
2 回答
8030 浏览

html - html中img标签的alt =“text”中使用的字符限制是什么

alt请告诉我是否可以在 HTMLimg标记的属性中输入任何特定数量的字符。

是否应牢记限制,例如,基于屏幕阅读器支持的内容?

0 投票
1 回答
274 浏览

html - 如何在 SVG 中为外部图像添加文本替代?

我正在将外部图像添加到 d3 生成的 SVG 图表中,并且希望在无法访问外部图像时使用替代文本(类似于 img 元素中的 alt 属性)。

但是经过 MDN 的SVG Image Element之后,我没有找到类似的属性。有没有办法可以向外部图像添加替代文本?

0 投票
1 回答
837 浏览

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

0 投票
1 回答
642 浏览

kendo-ui - Kendo 组合框中缺少表单标签可访问性错误

我需要解决一个投诉可访问性问题,即缺少表单标签,但是当我们使用剑道时,我想知道是否有人知道是否可以通过剑道配置来做到这一点。

有问题的组件是一个组合框

我进行了深入搜索,找不到任何东西。

0 投票
1 回答
215 浏览

javascript - jQuery:不为覆盖 div 的可聚焦元素维护 tabindex

我有一个带有产品图片的 div。当用户通过按选项卡或鼠标进入此 div 时,我将显示一个覆盖 div 以及一些链接和按钮。

问题:当使用某些链接/按钮打开覆盖窗口时,不会为覆盖的按钮元素维护 tabindex。

所以我想在覆盖窗口打开时将焦点切换到覆盖焦点元素。当 tabindex 到达最后一个元素时,它应该移动到覆盖窗口之外的另一个可聚焦元素。

HTML 代码

我的 JS 小提琴:https ://jsfiddle.net/pnz7Levn/13/

0 投票
2 回答
2136 浏览

drupal - 如何确定用户是否在我的网站上使用屏幕阅读器

有没有一种方法(库)可以让网页检测到正在使用的屏幕阅读器?这可能仅用于报告/分析目的。

PS:一个 Drupal 8 网站。

我知道这是一个愚蠢的问题。但是,寻找是否有我从未遇到过的东西!

0 投票
3 回答
1604 浏览

html - 仅 CSS - 下拉过滤器:选定的项目定位

希望有人能给我一些提示!

我尝试构建一个下拉过滤器 - 如果选择了过滤器中的一个项目,它应该在“过滤器”-ToggleButton 旁边可见 - 就像关闭状态一样。

但是,如果我将鼠标悬停在打开/关闭链接上,“选定项目”会跳到底部——我知道为什么但我该如何防止这种情况——“选定项目”如何保持在过滤器按钮旁边?

JSBin - 示例:http:
//jsbin.com/lucayaqeno/

如果有人对标记有更好的想法

谢谢你的帮助!

0 投票
2 回答
3093 浏览

html - Anchor 标记在点击时应用了 :focus 样式

我是网络可访问性的新手。

我将样式应用于a:focusas

当我按 Tab 浏览网页中的锚标记时,它工作正常,问题是当我单击锚标记时,这种焦点样式也适用但我不想要。

有什么办法可以解决吗?

0 投票
3 回答
421 浏览

html - 可访问性和文本大小调整,如何?

Web 可访问性级别 AA 的规范之一是文本可以调整到 200%,而不会丢失内容或功能。

所以如果我放大到 200%,一切都需要看起来正确。
关于字体大小,我怎样才能做到这一点?

0 投票
1 回答
632 浏览

javascript - 引导模式,陷阱选项卡键

我正在制作一个必须是 AA 可访问的页面。在一个部分中,我们有一个引导模式,当它打开时,我只想在其中进行制表符,而不在其外部进行制表符。目前,当我保持制表符时,它会在模态的背景上标记元素。

我怎样才能使它捕获选项卡,如果用户保持选项卡,它只会在模态框内进行选项卡?

谢谢!