个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我在使用 NVDA 屏幕阅读器时遇到问题，因为它将在一个块中的同一行上读取所有元素。
例如，使用以下代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<style>
nav > ul > li {
list-style: none;
display:inline-block;
}
</style>
</head>
<body>
<h1>Title 1</h1>
<nav role="navigation">
<ul>
<li>
<a href="#">Link 1</a>
</li>
<li>
<a href="#">Link 2</a>
</li>
<li>
<a href="#">Link 3</a>
</li>
<li>
<a href="#">Link 4</a>
</li>
</ul>
</nav>
</body>
</html>
<p>NVDA will not stop on <a href="#">This link</a> so a user can select it.</a>
nav > ul > li {
list-style: none;
display:block;
}
nav > ul > li {
list-style: none;
display:inline-block;
}
nav > ul > li > a {
display: block;
}
最佳答案
您不需要做任何事情，用户可以导航到每个链接并可以激活它们。用户可以随时使用 CONTROL 键中断读数。同样在阅读链接后，用户可以使用 SHIFT-TAB 键向后导航到每个链接。用户还可以使用 K 键在链接之间导航。此外，用户可以使用 NVDA+control+leftArrow 键逐字向后移动。
这里的关键是通过确保每个链接具有 href 来确保每个链接可通过 TAB 聚焦。属性。所以<a>Not really a link</a>不会被识别为链接，也不会成为 TAB 焦点。
这是 NVDA 的键盘命令引用 http://community.nvda-project.org/documentation/userGuide.html
如果您想更改默认行为以使 NVDA 读取链接，就像 JAWS 那样每行只有一个链接，请执行以下操作:
关于html - 如何分别在同一行上使 NVDA 读取元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28092861/
27
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 步
我是一名优秀的程序员,十分优秀！