问题标签 [pa11y]

在我的实际项目中实施之前，我想在本地尝试 pa11y。这是我所做的

先决条件：安装nodejs

1. 创建一个新文件夹
2. 执行：npm install -g pa11y
3. 试图测试“pa11y https://mail.google.com”

我收到超时错误。

我还按照 github 问题之一的建议尝试了 pa11y.json。但是，我想我还缺少一些东西。

输出错误

我想使用 pa11y-ci 以经过身份验证的用户身份测试页面。

我正在像这样运行 pa11y-ci：

pa11y-ci --sitemap http://www.example.com/sitemap.xml --sitemap-find https --sitemap-replace http

在运行测试之前，我找到了一些关于使用 pa11y 登录的文档。

就我而言，我使用的是 Drupal，所以登录步骤如下所示：

但是，我不知道如何将其添加"actions"到我的.pa11yci配置文件中，或者如何调用pa11y-ci和使用此登录步骤。

如何在运行pa11y-ci测试之前登录？

我从Stephanie Eckles的CSS-Only Accessible Dropdown Navigation Menu中了解到。但她对下拉菜单导航菜单的响应式设计仅适用于少于 3 项的菜单，不适用于超过 4 项的菜单。

我想保留那个菜单，但我不知道手机上有超过 4 个项目的菜单的哪种解决方案，使其易于访问和使用。

一些文章说带有汉堡图标的侧面导航菜单无法访问和使用。

在我的网站，在手机上，超过 4 个项目的菜单超出了屏幕限制。

我不确定这些菜单是否可以在手机上访问和使用：

• https://portfolio-eddi3.herokuapp.com/（看起来很理想，但我需要保留主题和语言图标，我想确保它可以访问和使用）。
• https://accessibility.mste.illinois.edu/demos/keyboard-accessible-hamburger-menu（在手机上，我需要保留主题和语言图标，而不仅仅是这个菜单，它还有另一个替代菜单演示他们在 Codepen 上共享，但在另一种情况下，我需要在桌面上显示所有项目）。

如何保留相同的菜单并为手机重新使用这些菜单之一？

是否可以在 Pa11y 控制台中手动输入一次密码？

我正在使用 Node 控制台运行我的 pa11y.js 代码。我遇到了如何手动输入我在移动设备上收到的 OTP 的问题。

我的工作流程和代码片段如下：

登录页面

然后是我选择 OTP 的选择页面。我可以使用 Pa11y 测试到此页面

需要在此页面输入我的 OTP

pa11y.js 如下：

我无法运行 pa11y 的命令行界面。

无论我给它一个本地文件还是一个网址，它都会继续给我超时错误并引用“taskkill”命令。

下面的示例错误消息。

我在我的 jenkinsfile 中设置 Pa11y 可访问性检查。我能够在 Jenkins 构建中看到新的可访问性测试列。但是，它向我显示了如下错误。

• npm 运行测试：可访问性

CheckIn@1.0.0 测试：accessibilty /home/oracle/.jenkins/workspace/cruise/SPMSaas/team/Zenith/Dev/checkin/CheckIn (pa11y-ci --json > pa11y-ci-results.json) & pa11y- ci-reporter-html

从文件“./pa11y-ci-results.json”解析 JSON 时出错 - JSON 输入意外结束 致命错误 - 退出 (1) npm ERR！代码 ELIFECYCLE npm 错误！errno 1 npm 错误！CheckIn@1.0.0 测试：可访问性：(pa11y-ci --json > pa11y-ci-results.json) & pa11y-ci-reporter-htmlnpm ERR！退出状态 1 npm ERR！npm 错误！CheckIn@1.0.0 test:accessibilty 脚本失败。npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。

这是我在 package.json 中的示例代码

这是詹金斯文件的代码

我正在使用 pa11y .pa11y.json 来测试我的 Web 应用程序，我想扫描我的登录页面和仪表板页面。但是，对于我的操作无法导航仪表板页面，因为当用户使用输入用户名和密码时，我的应用程序逻辑会监听 keyup 事件和焦点。但是，.pa11y.json 操作中的设置字段不会触发 keyup 事件和焦点。这将使我的按钮永远禁用。如何在 .pa11y.json 操作中触发 keyup 事件？

这是我的 .pa11y.json 脚本

Pa11y在给定 URL 的情况下测试 Web 可访问性。

我可以在 docker 中使用 Pa11y CI 工具并打开 Pa11y 仪表板等。但是 Pa11y 说它有一个 Web 服务：https ://github.com/pa11y/pa11y-webservice

我想使用 Python（或 PHP）并使用 Pa11y 网络服务......理想情况下，可以取回数据列表或字典以放入数据库中。

以下是一些端点：https ://github.com/pa11y/pa11y-webservice/wiki/Web-Service-Endpoints

我对 JavaScript npm 的东西不太熟悉，如果可以避免（或者 docker-compose 可以为我做）那将是理想的。

我只需要一个使用 Python 使用 Pa11y Web 服务的超级简单示例（如果您只有另一种服务器端语言，那也可以）

我想使用 pa11y ax runner 并包含自定义规则。

ax 可以在https://www.deque.com/axe/core-documentation/api-documentation/#synopsis-1处理自定义规则的 Deque 文档。

我可以将 ax 配置为使用此配置的自定义规则：

我可以将此配置与其他 ax 实现一起使用，例如 Cypress。

Pa11yrules在其配置文档中也定义了一个属性：https://github.com/pa11y/pa11y#configuration，看起来 pa11y ax runner 选择了这些 - 但不是 ax 配置checks属性中的相应规则定义。

如何让 pa11y 执行我的自定义规则？

所以我试图在 ReactJS 组件中导入一个异步函数（即在一个单独的文件中）并最终出现以下错误：

我尝试导入的异步函数如下所示：（文件名：pa11y_script.js）

我试图在其中导入上述函数的组件如下所示：（文件名：Accessibility.js）

我注意到，每当我从组件文件 ( ) 中删除import runPa11y from "./pa11y_script";和删除时，我都不会再收到此错误，这证实了导入此函数是导致错误的原因。我尝试了许多不同的方法来解决这个问题，但找不到解决方法。我什至尝试了这个stackoverlfow 帖子中建议的不同方法，但仍然面临同样的问题。如果有人能指导我如何解决这个问题，那就太好了。谢谢！runPa11y();Accessibility.js