我试图通过使用aria-describedby / aria-labelledby labelledby 来宣布每个 donutchart(svg) 弧/部分的含义。 给div添加了id ,就是需要公布的内容。 添加aria-describedby / aria-labelledby labell ...
我试图通过使用aria-describedby / aria-labelledby labelledby 来宣布每个 donutchart(svg) 弧/部分的含义。 给div添加了id ,就是需要公布的内容。 添加aria-describedby / aria-labelledby labell ...
我正在尝试为我的网站添加可访问性,但我在 Firefox 的可访问性扫描程序中遇到了一个奇怪的问题。 我已经在我的交互元素上放置onclick和onkeydown处理程序,但是onkeydown似乎还不够; Firefox 告诉我“可聚焦元素应该具有交互语义。” 通知中提供的 [了解更多] 链接 ...
我正在从事一个具有购物车功能的项目。 有一个按钮可以打开或关闭购物车。 它与position: fixed叠加。 因此,如果我在交互元素中切换,然后单击打开购物车按钮,购物车就会打开。 购物车容器元素有一个hidden的keyup ,它会在click和键入事件时切换。 但是,如果我在那之后再次按t ...
我想在波斯语网站上签订 WCAG 合规性和可访问性审查合同。 一些顾问表示他们没有使用从右到左的语言的经验。 他们还告诉我,没有必要对从右到左的波斯语网站进行全面的可访问性审查。 一位顾问回应说,他不愿意做这个审查。 他认为,由于语言障碍,他可能会错过重要的可访问性问题。 我对 WCAG 不够熟悉 ...
我正在开发一个应用程序,用户可以在其中将搜索结果列表中的“术语”添加到新的搜索查询中。 添加第一个术语后,页面底部会出现一个工具栏,允许用户跟踪列表中的术语,并开始新的搜索。 问题是,我如何最好地通过屏幕阅读器宣布此工具栏的存在? 我目前的想法是将工具栏作为新的补充地标加载到 DOM 中,并让 SR ...
我们公司正在解决我们应用程序本机端可访问性方面的差距。 我们得到一个一般性诊断,表明 Native 应用程序上的文本缺乏缩放。 票长这样: 我们使用 react-native-web,它允许 web 和 native 在一个代码库中。 查看顶部的 HTML 文件,我没有看到任何表明用户可扩展已禁用的 ...
我有时在文本中有不同的化学公式,而像 H 2 SO 4这样的公式没有问题(因为没有视力障碍的人和使用屏幕阅读器的人都以相同的方式阅读它),问题开始于常规化学公式使用屏幕阅读器无法正确读取的一些符号(不,我无法避免使用这些符号,我不能使用带有替代文本等的图像)。 例子: H 2 C=CH 2 — 等 ...
我们正在使用Arc Toolkit运行我们的 WCAG 合规性检查,我们在这个网格中看到了一个问题问题 1:Tab 顺序中的非活动元素描述The element has been placed in the Tab order using tabindex="0", but it lacks a s ...
伸出手来看看是否有任何 ADA 合规专家知道我可以如何解决与我们的视频交易有关的 ADA 合规问题。 我们基本上为所有包含视频转录的视频提供指向 .txt 文件的链接。 但是在运行 ADA 扫描时,我们会收到 2 个与转录有关的错误。 “语言缺失或无效” “页面标题缺失或信息不足” 鉴于这些只是普 ...
我正在做一些可访问性工作,并请求扩充我们当前的表,以将 scope="col" 和 scope="row 的属性添加到现有代码中。我在这里查看了一些文档: https://www.w3.org/TR/WCAG20-TECHS/H63.html 这让我现在在 tr 中混合了 th 和 td 标签。 ...
我在 JAWS 阅读器上遇到了一些奇怪的行为,它两次阅读问题标签。 在下面的代码中,我为广播组添加了一个 aria-labelledby,它引用了来自“p”标签的问题 id。 <div class="form-group"> <p id="question1">What i ...
情况:我必须在标题中强制换行。 我可以做到<h1>The quick brown fox<br/> jumps over the lazy dog</h1> ,但屏幕阅读器会将其解释为“标题级别 1、2 项目”。 有没有办法让屏幕阅读器不阅读它? 我有这个解 ...
使用 Firefox 和它的 Web 开发工具,我看到 5.5 的 AAA 评分,还有一个几乎 7 的 AA 评分。 我搜索了WCAG 分数与评级以及一些相关搜索,但没有发现任何尝试解释的实例。 谁能阐明我需要知道什么才能更好地预测和理解数字量表和评级量表的关系? ...
aria-label到底可以用于什么? 我发现文档表明它可以用于交互式项目(例如<button> ),但它可以用于以下任何一项: <p> 、 <span> 、 <li>或<abbr>吗? 我试图在段落中包含特定的单词和缩写,作为特定的 ...
我的任务是将我们当前的网站构建成 ADA 合规性,更新所有内容一直很痛苦,所以我对标题有一些疑问。 我们的“页面模板”中有以下代码: 我们有entity.get_content()调用,它会拉入 WordPress “发布内容”框: 问题: 当有人在帖子内容中传入 header 标签(WordP ...
我有一个按钮,点击后会展开一张包含更多信息的卡片我是否需要将onKeyDown添加到button以实现可访问性合规性? 还是因为该元素已经是一个button ,所以这是多余的? 我缺少其他符合WCAG 2.0的东西吗? 这是我的带有react的可折叠按钮代码const ariaPressed = ...
因此,出于特定原因,我正在尝试使用dl(描述列表) html 元素。 我希望元素内容在我自己完成的行中显示每个dt和dd .. div { padding: 1rem; color: #fff; background-color: rgba(0,0,0,.8); } dl dt, dl dd { ...
是否允许 HTML 列表没有子列表项? 具体来说,是否允许: 当您使用空列表测试时,W3C 站点上的 HTML 验证器不会报错,例如 所以在语义上,从纯粹的 HTML 的角度来看,它并不违法。 但是, WAI-ARIA Recommendation section on Required Owne ...
我被要求在不执行任何解决方案的网页上放置复选框,因为它们只是以可以打印的清单的形式存在以进行检查。 不会有表单提交,没有按钮,没有弹出窗口或折叠,也没有导致选中框的操作。 我相信这将违背用户体验的原则,并可能违反可访问性规则。 WCAG 指南中是否有任何我可以参考的规则可以支持我? ...
我正在尝试制作一个可访问的可扩展表格(以此为灵感: https://fuschia-stretch.glitch.me/ ,查看“View souce”),但 NVDA 屏幕阅读器不读取 Fire 中的列数Fox,但在 Chrome 中阅读它们。 这里有些例子: 谢谢你的帮助 ...