问题标签 [wcag]

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 投票
13 回答
61558 浏览

validation - 将焦点放在 AngularJs 表单中的第一个无效输入上

我已经阅读了几篇与 AngularJs 中的焦点设置有关的文章和 StackOverflow 问题。

不幸的是,我读过的所有示例都假设有一些属性可以添加到元素中以获得焦点,例如focusMe 指令

但是,如果我事先不知道将焦点设置到哪个输入怎么办?特别是如何将焦点设置到设置了 $invalid 的表单中的第一个输入元素 - 即验证失败的元素。可能有几个输入验证失败,因此我不能使用仅尝试基于此调用 .focus() 的指令。(我这样做是出于可访问性/WCAG 的原因,在单击提交以最小化按键以查找未通过验证的第一个字段时这样做是一种很好的做法)。

$error 对象将提供所有未通过验证的控件,但它们按失败类型分组,而不是按表单上出现的任何顺序。

我相信我可以想出一些笨拙的方法来做到这一点。表单上的指令,当需要设置焦点时接收一些广播 - 然后该指令可以搜索第一个 $invalid 元素。然而,这似乎非常复杂,我想知道这些是否是一种更好的更“角度”的方式。

0 投票
1 回答
147 浏览

html - 是否使用 text-indent 为精灵图像 WCAG 兼容提供简短描述?

我正在尝试让我正在开发的网站符合 WCAG 2。该站点使用图像精灵,并且在整个过程中替换图像精灵的使用将是一个挑战。因此,我试图确定以下技术是否:

足够合规。从阅读文档......目前还不清楚。

对于非装饰性img标签,alt绝对需要使用:H37:在 img 元素上使用 alt 属性

而对于一个 mediaobject来说,包装内容就足够了:H53: Body of Object

div但是使用具有非装饰性图像的 aa 的主体是否background合格还不是很清楚。

任何人都可以谈论这个或将我指向标准中的相关页面吗?

0 投票
1 回答
1084 浏览

accessibility - 播放/暂停按钮的 wcag 合规性问题

作为使我们的网站符合 WCAG 合规性的一部分,我们正在为轮播添加播放/暂停按钮。这里屏幕阅读器以不同的方式阅读

在这种情况下,屏幕阅读器将暂停按钮读取为双垂直线和播放按钮。如果我们使用精灵图像,它会作为播放/暂停按钮的组读取。这个问题有什么好的解决方案而不是同时使用图像标签吗?

0 投票
2 回答
4853 浏览

javascript - 可访问性和使用 javascript

我想澄清一些事情,那就是在网站上使用 Javascript 来处理 WCAG。

我是否正确,只要不阻止用户访问网站内容或在网站上执行操作,使用 Javascript 就可以了。

例如,如果一个网站需要 Javascript 才能登录到一个网站,我会认为这会破坏 WCAG?

此外,如果一个网站有一些东西可以购买并配置需要 Javascript 来完成的选项也会破坏 WCAG?

只要提醒用户页面已更新,使用 AJAX 就可以了(可以使用 ARIA)

我的假设是应该使用 Javascript 来增强体验,但不能依赖它,这样用户就可以在没有它的情况下实现目标?

这些假设正确吗?

0 投票
2 回答
514 浏览

html - WCAG vs 真实用户的意见

为了使网站易于访问,到目前为止,我的政策一直是遵循 WCAG——不多也不少。我认为 WCAG 是彻底和完整的。因此,我假设如果我遵循它的每一项建议,从可访问性的角度来看,我的网站将是无可指责的。在与许多残障网络用户交谈后,我想知道是否应该重新考虑这项政策。

这些真实用户告诉我,根据他们的经验,以下技术对于任何网站都是绝对必要的:

  • 基于 JavaScript 的样式切换器界面。例如,在黑底白字和黑底白字配色方案之间切换。
  • 备用样式表。与 JS 切换器的目的相同,但实现方式不同。
  • 所有按钮周围的高对比度 CSS 边框。(高对比度背景颜色不够。)
  • 不要让 DOM 在没有用户干预的情况下更新(例如由于远程事件),即使使用aria-live="polite".
  • 任何地方都没有 CSS 背景颜色。(严重地。)

并非每个用户都引用了这些技术中的每一种。这只是所有用户提出的建议集的联合。还有其他令人惊讶的建议;这些只是我记得的。

所有这些建议的值得注意的是,据我所知,它们不是 WCAG 的建议。你如何看待这种不和谐?

一方面,我没有理由怀疑这些技术对与我交谈的用户很重要。他们没有理由不诚实或夸大他们的需求。他们似乎对他们使用的辅助技术有深刻的理解,所以我不认为他们只是沟通不畅。

另一方面,如果有些人需要这些技术,为什么他们不在 WCAG 中?WCAG 不完整吗?或者这些需求对这些特定用户来说是如此特殊、如此独特,以至于将它们包含在 WCAG 中并在每个站点上实施它们是不明智的?

WCAG 是否可以作为一个正确和完整的 Web 可访问性清单来依赖?如果是这样,您对如何将其与用户的评论相协调有什么想法,以及当他们要求使用此类技术时,什么可能是适当的回应?

根据与 Dryden Long 的对话进行编辑

我应该澄清一下,我不希望 WCAG绝对完整,并为每一位残疾用户提供解决方案。相反,我想了解 Web 开发人员是否可以合理地依赖 WCAG 来制作一个尽可能可访问的网站。而且,是否需要在 WCAG 之外寻找才能实现这一目标。

0 投票
1 回答
714 浏览

sharepoint - Sharepoint 页面,删除自动生成的 HTML 行以通过 WCAG Web 标准

我们正在尝试在我们的网站上实现 WCAG Web 标准,但下面的 HTML 代码出现错误。我想删除下面的代码,但这是由 Sharepoint 自动生成的。我该如何解决这个问题?

0 投票
5 回答
8156 浏览

ios - 旁白无法正确读取电话号码

我有以下格式的电话号码

1-1xx-2xx-9565

目前VO读作“(停顿)一xx(停顿)二xx(停顿)减九千五百六十五”。

VO应该读作“(停顿)一xx(停顿)二xx(停顿)九五六五”。

可能是什么问题呢?这是错误的电话格式吗?

0 投票
2 回答
1552 浏览

html - 更改表单以包含 WCAG 的提交按钮

我目前有这样的表格:

它目前会导致 WCAG 2.0 错误,因为所有表单都需要一个提交按钮

我想知道如何更改此代码以包含提交按钮。onchange 选项的代码非常复杂,我不明白。

谢谢。

0 投票
3 回答
5290 浏览

html - 电话号码和屏幕阅读器

有没有一种标准方法可以让屏幕阅读器拼出数字?

我目前正在使用 NVDA 和 Firefox,并且有以下电话号码

这被读作

零一二三四五十六万七千八百九十

这让听者很困惑。我想要某种方式来指定屏幕阅读器应该拼出数字,例如

零一二三四五六七八九零

0 投票
2 回答
1843 浏览

html - 无序列表中的语义分隔符

我做了一些环顾四周,正在寻找在列表中插入分隔符的最语义化的方式,其中分隔符有意义。

项目列表是一个菜单,不足以分成两个单独的列表,但我想有一种方法来显示有一个额外的分组层。

因为我希望它适用于屏幕阅读器,所以像在“牛肉”项目中添加一个纯 CSS 的解决方案border-bottom并不能真正起作用。我可以更改 HTML,但我宁愿没有最终将两个列表包装在另一个元素中的解决方案,但可以相信否则。

那么是否有一种很好的语义/WCAG 兼容方式来表示列表中的语义分隔符?