web-accessibility相关内容

“aria-hidden 元素不包含可聚焦元素"显示模态时的问题

我在我的应用程序中使用 React Modal 并且当它打开时运行 aXe 辅助工具 给出以下错误: aria-hidden 元素不包含可聚焦元素 这是因为 React modal 向应用程序的根元素添加了一个 aria-hidden=“true"(我的所有应用程序组件都在 div 下呈现,但不是 modal),但它不会更新选项卡索引或禁用每个可聚焦元素. 但是,React 模态 ..

“咏叹调隐藏元素不包含可聚焦元素"显示模态时的问题

我在我的应用程序中使用 React Modal,当它打开时运行 aXe 辅助工具 给出以下错误: aria-hidden 元素不包含可聚焦元素 这是因为 React modal 添加了 aria-hidden="true" 到应用程序的根元素(我的所有应用程序组件都在 div 下呈现,但不是 modal),但它不会更新标签索引或禁用每个可聚焦元素. 然而,React 模态会捕获键盘焦 ..

如何使按钮的 UL 列表可访问?

在我的代码中,我有一个存储在无序列表中的按钮列表.如果您启用屏幕阅读器并按 Tab 键进入任何 li 元素,大多数阅读器会从列表中的元素中读出您所在的元素(例如“列表项 1,项 24"). 我很好奇的是,是否可以将两者合并,这样当您使用 Tab 键时,您可以使用 Tab 键切换到按钮上,同时您还可以通过屏幕阅读器读取列表项信息. 下面是我当前代码的示例代码(第一个),第二个只是为了说明 ..
发布时间:2021-09-23 19:54:50 前端开发

"警告:react-modal:App 元素未定义.请使用`Modal.setAppElement(el)`或设置`appElement={el}`";

而不是 . 尽管理想情况下 react-modal 应该等到 DOM 加载完毕再尝试附加到 document.body. 服务器端: 如果在服务器端渲染,你必须提供一个 document.body,然后才需要模态脚本(也许最好在这种情况下使用 setAppElement()案例). 更新:react 文档 已更新以包含上述信息,因此它们对于遇到此问题的用户来说,现在应该更清楚了 ..
发布时间:2021-07-03 20:53:48 前端开发

“隐藏咏叹调的元素不包含可聚焦的元素".显示模态时的问题

我在我的应用程序中使用反应模,当它打开时,运行 aXe辅助功能工具出现以下错误: aria隐藏元素不包含可聚焦元素 这是因为React模态向应用程序的根元素添加了 aria-hidden ="true" (我所有应用程序组件的div都在其下呈现,但不是模态),但它不会更新标签索引或禁用每个可聚焦元素. 但是,React模式会捕获键盘焦点,因此用户无法跳出模式,而单击背景会关闭模式. ..

同一产品的多个图像,可访问性要求

对于具有单个产品的多个图像(例如不同角度)的网页.每个图像都需要 alt 标签吗? 在亚马逊上查看示例,似乎它们在第一个产品图片上只有一个 alt 标签,但是之后没有 alt 标签或 aria 相关标签. 此处的第一个示例表示星星的空 alt 标签. 我的问题是,要遵循适当的标准,是否需要在第一张图片后添加一个空的 alt 标签?要使用 aria-hidden 完全隐藏多余的无用 ..
发布时间:2021-05-14 20:53:29 前端开发

如何在不关闭浏览器的情况下改善其自动完成建议?

这里有十个专精的线程.如何禁用浏览器自动完成行为,例如如何在网络上禁用浏览器自动完成功能表单字段/输入标签?.我不要为表单字段设置 autocomplete ="off" .正如 MDN文档所述,: 重要的是要知道,如果关闭自动完成功能,则会违反[WCAG规则1.3.5] 作为禁用自动完成功能的一种替代方法,我想了解作为开发人员是否可以帮助浏览器提出有关我的表单字段的建议. 就这 ..

NVDA在读取模态对话框中的焦点元素后读取所有模态内容

我已经实现了对模式对话框中出现的第一个选项卡(基本上是 元素)进行聚焦的要求。 使用NVDA屏幕阅读器测试功能时,可以看到在读取对话框标签和描述(由aria-labelledby和aria-describeby指向)后,它会读取聚焦的标签元素。但是,此后,它将继续从模态标题开始读取整个模态对话框的内容。这不是我们想要的阅读行为。 如果我们将焦点放在模式对话框中的第一个输入元素上 ..

如何在没有字段集的情况下可访问地对表单输入进行分组?

问题:对表单元素进行分组 我有一个HTML表单,在几个地方,单个控件由多个输入组成。一个示例是一组单选按钮。 我想对这些输入进行分组,并对其进行显式标签,以便屏幕阅读器也可以(除了视觉上 例如,假设我有一个像这样的控件: Type ..
发布时间:2020-05-31 23:38:50 前端开发

防止Edge中的高对比度模式将背景添加到文本中

我正在调整一些组件,以使它们都能正常工作并在高对比度模式下看起来不错. Edge似乎在IE11未添加的所有文本下添加了黑色背景.我似乎找不到在CSS中定位这种背景的方法,或其他任何方法来规范这两种浏览器之间的行为. 例如,假设我有以下内容: Text! 假设我将background-color: cyan;和c ..