cost 203 ms
Focusable content should have tabindex='-1' or be removed from the DOM error - Focusable content should have tabindex='-1' or be removed from the DOM error

嗨,我在使用 Shopify 的 web 页面上运行本地扫描时收到错误消息。我目前只是在练习,但我不知道如何正确使用 tabindex="-1" 我得到的错误是: 如果您查看第 2 行,这就是我正在处理的代码所在的位置。 我不知道这是否是放置它的正确位置,但我似乎已将元素缩小到此处。 有人可以解释 ...

隐藏屏幕阅读器的纯装饰性链接(例如产品列表图像) - Hiding purely decorative links for screen readers (such as product listing images)

如果图像为alt=""并没有提供真正的内容价值并且纯粹是装饰性的,是否可以在锚标签上使用tabindex="-1" aria-hidden="true"隐藏图像链接? 我下面的示例是“产品列表”样式的内容。 这实际上是关于产品列表图像替代文本的最佳实践(和法律)以实现可访问性的后续问题? 关于产品 ...

HTML tabindex 动态 - HTML tabindex dynamic

我有一些结构如下的页面: 第 1 页: 组件 A:问题 1 问题 2 B 部分:问题 3 问题 4 组件 C:问题 5 问题 6 第2页: 组件 A:问题 1 问题 2 组件 B:(使用 flex-direction: column-reverse;恢复顺序问题)问题 4 问题 3 组件 C:(使 ...

Kendo Angular 按钮溢出 tabindex 可访问性问题 - Kendo Angular button overflow tabindex accessibility problem

我正在使用具有这些配置的剑道工具栏: 而 popupSettings 是: 每当我调整页面大小时出现溢出按钮时,键盘选项卡都无法访问它。 主工具栏组件有tabindex="0" ,溢出按钮有tabindex="-1" ,但是当我尝试使用键盘选项卡访问它时,工具栏的 tabindex 更改为 -1 并 ...

以编程方式设置 tabindex - Setting tabindex programmatically

我正在使用 jQuery 和来自 css-tricks 的平滑滚动代码片段,但出于某种原因,为可访问性设置 tabindex 不起作用。 我已经直接复制了代码片段,所以我不确定在实现中是否还有其他地方出错了,或者它是否是浏览器(最新版本的 Chrome)。 对此有额外的关注将不胜感激! 原始片段 ...

将选项卡从表单控件移动到弹出窗口以及从弹出窗口移动到表单 - Move tab from form control to popup and from popup to form

我在文本框旁边有一个弹出窗口。 当我从文本框中单击选项卡键时,它应该导航到弹出窗口的关闭图标(右上角),当我从弹出窗口中单击close按钮时,焦点应该设置到表单中的下一个控件和弹出窗口应该关闭。 这是小提琴所以在小提琴中,当我从业务结构下拉菜单中单击选项卡时,焦点应该设置为关闭图标(右上角)并且在每 ...

选项卡按键不自觉地忽略页面 html 中的一些 tabindex 元素 - tab keypress ignoring unvoluntarily some tabindex elements in page html

我正在制作一个主页,其中有带有背景imgs的元素包装器,里面有cta。 每个 wrapper 和 cta 都有自己的 tabindex(hp 中大约有 400 个 tabindex),它们都是有序的。 奇怪的是,当我使用 TAB 导航时,即使 tabindexs 的顺序正确,也会首先导航所有 di ...

Autocomplete - Free solo — 为什么键盘无法访问关闭按钮? - Autocomplete - Free solo — Why does the close button is not accessible by keyboard?

在Material UI Autocomplete Free Solo中,我注意到“清除输入”按钮是可点击的,但无法通过键盘访问。 我进入代码库以了解此决定背后的原因,但没有找到任何东西。 我也检查了 A11Y 文档,但也没有成功......有人可以提供更多细节吗? 这是基于用户测试的决定吗? ...

发现带有 tabindex 的 HTMLElement 将不会聚焦() - Found HTMLElement with tabindex will not focus()

我有一个HTMLElement ,它在使用.focus()时不会聚焦的变量中找到并设置。 由于这是一个 Angular 应用程序,我尝试使用nativeElement进行对焦,但找不到该元素。 可接受的答案可以使用任何一种方法,也可以使用其他方法,只要它不涉及使用像 jQuery 这样的额外库。 ...

将 tabindex="-1" 添加到当前菜单项是一种良好的可访问性做法吗? - Is adding tabindex="-1" to current menu item a good accessibility practice?

这是一个基本的导航设置,使用 JavaScript 将"current" class 添加到基于当前页面的 url 的导航链接。 为了帮助屏幕阅读器用户,该脚本还在当前链接项上添加了aria-current="page" 。 为了进一步提高可访问性,我将tabindex="-1"添加到当前链接项( ...

制表位无法使用自定义控件在表单中工作 - Tab stop not working in form with custom controls

我正在 Visual Studio 2019 社区中创建 vb.net 程序。 我创建了一个带有几个按钮和组框的表单。 组框中是单选按钮和/或复选框。 该表单还使用 2 个自定义控件。 设计时窗体上有 4 个自定义控件“A”实例。 自定义控件“B”的两个实例在运行时添加,用户可以通过单击按钮添加更多 ...

按住按键去抖动 (React) - Debounce holding a key pressed (React)

有没有办法让一个键去抖动(在 React 中,如果它改变了任何东西,我知道我需要在 useCallback 中包装去抖动)? 我有几个选择,每个选择都发送请求。 默认情况下可以按住 tab 键进行选择,因此发送的请求太多。 我可以在按住 Tab 键时设置去抖动吗? 此外,我更喜欢不影响 a11y ...

在 JavaScript 中按 Tab 键时在输入元素上调度事件不起作用 - Dispatch event on an input element while pressing tab key is not working in JavaScript

我正在尝试通过单击按钮以编程方式发送 Tab 键 Press 事件。 单击按钮时,我为第一个输入提供了焦点,并使用 Tab 键发送按键事件并尝试聚焦第二个输入。 但不幸的是,这是行不通的。 document.getElementById('btn').addEventListener('click ...

单击浏览器窗口/选项卡外部时失去焦点 - focus lost when clicking outside browser window/tab

我正在尝试创建类似于带有父元素和子元素的仅 CSS 菜单,子元素在单击父元素时出现。 它工作正常,除了一个我找不到答案的烦人的错误。 子元素是可编辑/可聚焦的,当它被聚焦或处于编辑状态时,您碰巧更改了浏览器选项卡,也许是为了更改音乐,然后回到您正在处理的浏览器选项卡,子元素已经消失。 如果我正在编辑 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM