问题标签 [pa11y]

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 投票
1 回答
1418 浏览

javascript - 如何知道 Angular2 应用程序已经完成渲染

使用 JS,我需要等到 Angular2 应用程序完成初始化所有这些数据并完全渲染 dom。

它应该在 Angular2 应用程序之外完成。我实际上正在运行 pa11y 并希望在检查可访问性之前等待。所以就好像我在 JS 控制台中试图知道渲染是否完成一样。

我有什么办法知道它已经完成了吗?

0 投票
1 回答
303 浏览

html - Fieldset 在 div 中的图例失败 pa11y WCAG 2.0

我有一个如下的字段集:

我在 adiv中有图例,可以更好地控制它的放置位置。但是,当它在 a 内部时div,它无法通过 pa11y WCAG 2.0 AA 测试,并返回以下错误:

Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

当我从 a 中删除它时div,错误消失了:

这是误报吗?还是在 a 中添加图例div实际上会使某些用户无法访问它?

编辑:将我的divinput-left应用于legend元素可以满足我的需要。但是,我仍然想知道在合规级别上需要什么。

0 投票
0 回答
129 浏览

continuous-integration - 当我将 pally-ci 与 localhost 一起使用时,我没有收到任何错误,但是外部网址我得到了正确的错误

当我将 pally-ci 与 localhost 一起使用时,我没有收到任何错误,但外部 url 我收到了正确的错误和警告。

有没有人也有这个问题。

我的 .pa11yci.js

```

外部的:

0 投票
1 回答
340 浏览

javascript - 在带有弹出/覆盖的页面上使用 Pa11y 5 进行可访问性测试

我有一个页面,我可以使用操作从 Pa11y 5 获取可访问性测试报告。

当我单击该特定页面上的按钮时,我会得到一个弹出/覆盖,我希望 Pa11y 嗅探该弹出/覆盖页面并报告可访问性指标,但目前 Pa11y 5 只能为我提供主父页面忽略弹出页面中关于 html 的任何报告?有没有办法实现这一点,告诉 Pa11y 切换到弹出窗口并嗅探该弹出窗口 html 并报告。

Popup/overlay 包含 div[role='dialog'] 因为它是一个由 aria 组成的模态对话框。

我使用的是最新的 Pa11y,因此我一直将其称为 Pa11y 5。我没有使用过 Pa11y4,因此无法评论这是否适用于 Pa11y 4。

真诚感谢任何帮助/建议。

更新: 根据要求,以下是我的完整(相关)部分代码

0 投票
1 回答
283 浏览

javascript - Pa11y 5 可访问性测试使用无法在反应 js 应用程序中设置表单字段的操作

使用 Pa11y 5 动作,我尝试设置使用 react-js 开发的表单。通过定期截屏,我可以看到正在设置数据。

例子:

但是当进行以下操作时:

JavaScript 验证启动并显示所有表单字段都不完整。当我在这里询问开发人员时,他说,Dom 事件没有触发,你可以做一些类似键盘类型的事情来将值设置到表单字段中。所以他的期望是让我能够在行动声明中做如下的事情:

现在我知道 pa11y 5 不支持这样的操作,但是有没有其他方法可以使用操作来实际“键入”值,而不是静默设置值,并且 react-js 在光标出现之前不会对更改做出反应离开字段(如标签离开字段)或实际按下按钮时。

任何帮助设置实际上让 react-js 都兴奋的值将不胜感激。

谢谢。

0 投票
1 回答
177 浏览

accessibility - 你可以在 pa11y 中定位 xpath 吗?

做 ADA 测试,想知道是否可以针对 Pa11y 的操作定位 xpath。

例如:“单击元素xpath ”,

我只问是因为页面上有多个元素具有相同的目标。没有唯一的标识符来告诉 pa11y 点击什么。

0 投票
2 回答
512 浏览

automated-tests - 如何向 pa11y-ci 添加规则?

我需要自定义 pa11y 使用的规则集。例如,假设我想遵循 WCAG2A 但想从 WCAG2AA 添加一些规则。

我尝试在我的 .pa11yci 文件中使用类似的配置:

}

但我只在控制台中得到这个:

我从这里得到我的规则名称: https ://github.com/pa11y/pa11y/wiki/HTML-CodeSniffer-Rules

使用最新版本的 pa11y-ci:2.1.1。

0 投票
1 回答
218 浏览

docker - Pa11y 的最佳 Docker 实例

几个 Docker 实例提供 Pa11y,但我不确定哪个最适合我。回馈的构建有哪些优点或缺点?

Alexiasa2 颗星

但是一年没更新了。有什么想法吗?

0 投票
1 回答
107 浏览

accessibility - 使用 Pa11y 和 Supertest

在 Supertest 中使用 Pa11y 的最佳方式是什么?就像是:

0 投票
1 回答
177 浏览

javascript - 错误:page.setRequestInterception 不是函数

我无法使用 pa11y 设置视口。我收到错误消息。

}

一些细节在这里: