个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
32
4
上下文是我们想要跟踪应用程序的用户行为，因为它具有不同的功能。
为此，我们创建了一个自定义 Angular Directive(指令)，例如myFunctionality并将 HTML 部分包装到此指令中，如下所示，以便现在我们可以跟踪其中的所有点击事件，并按功能名称对它们进行分类，以跟踪特殊功能 -
<myFunctionality functionality-name="Login">
<!--HTML of this functionality-->
</myFunctionality>
<myFunctionality functionality-name="RegisterUser">
<!--HTML of this functionality-->
</myFunctionality>
在此指令中，我们附加了事件处理程序来捕获click事件并相应地记录。
.directive('myFeature', [function() {
return {
restrict: 'E',
link: function(scope, element, attrs) {
//more code
element.on('click.myFeature', '*:not(select, :radio, :checkbox)', function(event) {
logEventDetails(event);
});
//more code
}])
这很有效，除了当我使用 NVDA 屏幕阅读器阅读页面时。NVDA 将 heading 元素读取为可点击。例如对于这个标题 -
<h1> Test Heading </h1>
NVDA 读取:
Test Heading heading clickable level 1
我也尝试过使用类似的东西，(有各种版本)但它没有工作 -
$(':header').off('click.myFeature');
TL;DR
考虑以下示例 HTML。这里 click 与 div 关联，而不是与 h1 关联。但屏幕阅读器的工作原理是将标题元素读取为可点击。
<html>
<body>
<div onclick="alert('Hello from Div!')">
<h1>Test Heading</h1>
</div>
</body>
</html>
如何防止 NVDA 将不可点击事件读取为可点击事件？
最佳答案
<div onclick="alert('Hello from Div!')">
<h1>Test Heading</h1>
</div>How can prevent NVDA from reading non-clickable events as clickable?
您的标题是可点击的，因为它位于可点击元素内。
只需将其放在任何可点击元素之外即可。
关于javascript - NVDA 认为 HTML 标题是可点击的，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42134094/
32
4
0
一直在测试无障碍模式窗口，它可以在 IE8 上与 JAWS 13 一起正常工作。但是，当我使用 NDVA 并在 IE8 或 Firefox 上进行测试时，无法读取焦点内容。 当显示模式时，它具有 ar
On this page ，键盘导航在我的 megamenu 上工作正常，直到我启动 NVDA 屏幕阅读器:当我通过按键盘上的 Enter 键激活菜单项时，我的浏览器不会显示菜单面板，而是会打开菜单中
我在 NVDA 屏幕阅读器中遇到问题。它正在阅读标题两次。以下是 HTML 结构。
我有一段简单的代码，试图在使用 NVDA 屏幕阅读器时使键盘可访问。 具体来说，我有一个 Angular 色为“按钮”的 div，其中嵌套了另一个 Angular 色为“按钮”的 div。每个 div
下面的链接包含我对最初由 Marcy Sutton 构思的拉出式菜单设计的扩展。我想要的效果是创建一个包含子菜单的导航菜单。在屏幕阅读器的上下文中，此菜单中的元素将被禁用，直到有人按下按钮打开所需的信
知道为什么 NVDA 在 html 示例中通过文本切换时读取可点击的词: testing NVDA 将读取可点击测试 最佳答案 首先请记住，tabindex 在 a11y 中不是一个好习惯，而且标
因此，我使用了 NVDA，这是一款很多人都在使用的免费盲人屏幕阅读器，以及一款语音合成器。我正在构建一个它需要的插件的修改版本库，以及可以包含 python 可接受的正则表达式的词典，以及标准的单词替
最近，在尝试使我的网站可访问时，我偶然发现了一个奇怪的问题。在设置“跳过导航”链接的过程中，我注意到当页面初始加载时(“初始加载”，我的意思是在干净的浏览器 session 中，而不是在刷新时——因为
我正在为我们的一个 Web 应用程序实现可访问性(针对视障人士)。它需要符合 ARIA 标准。现在我们正在使用屏幕阅读器手动测试我们的更改。例如，我们的应用程序中有 Tree 控件。我打开 NVDA
我正在为我们的一个 Web 应用程序实现可访问性(针对视障人士)。它需要符合 ARIA 标准。现在我们正在使用屏幕阅读器手动测试我们的更改。例如，我们的应用程序中有 Tree 控件。我打开 NVDA
我在使用 NVDA 屏幕阅读器时遇到问题，因为它将在一个块中的同一行上读取所有元素。 例如，使用以下代码: Title nav > ul
我也尝试过这个，但它不起作用 /* Tooltip container */ .tooltip { position: relative; display: inline-block;
我有一段代码包含在链接中，问题是当我用 NVDA 聚焦元素时，链接的内容会被一次性读取。 例如我有这段代码: Heading H2 More Text More
我在一个 div 中有一组按钮，用一些 javascript 在它们之间移动焦点以响应箭头键事件。 当我使用 NVDA/Firefox/Windows 对此进行测试时，NVDA 似乎覆盖了我的箭头键处
上下文是我们想要跟踪应用程序的用户行为，因为它具有不同的功能。 为此，我们创建了一个自定义 Angular Directive(指令)，例如myFunctionality并将 HTML 部分包装到此指
我在 Qt 5.9.1 上。 我正在尝试使应用程序可以通过屏幕阅读器访问。我有一个自定义小部件(我们称之为 MyWidget )，其中包含文本(很多)。文本是使用 QPainter 绘制的，这就是为什
对于以下标记: Email Address 这是 NVDA 读出的内容: 火狐 Email Address Edit Blank 浏览器 Email Address Edit Bla
我有一个容器 div，它的第一个子元素是另一个充当按钮的 div。容器具有一个或多个附加子元素。 内部按钮 div 始终按 Tab 键顺序排列。我们的应用程序有一个“屏幕阅读器模式”，当它被启用时，我
我在网页上使用多个 aria-live 标签，当网页上显示错误时，NVDA 仅读取第一个错误消息，而不是全部。我有用户 aria-live="assertive"也尝试过 aria-live="pol
我们正在我们现有的 Web 应用程序上实现可访问性。我们使用 Firefox 和 NVDA。 关于我们的 Web 应用程序的小介绍:我们的 Web 应用程序是具有多个步骤的表单(第 1 步、第 2 步
我是一名优秀的程序员,十分优秀！