草庐IT

html - JAWS 表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突

coder 2023-08-11 原文

JAWS 表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突

我正在尝试使 HTML 表格可以使用键盘访问并使用 JAWS 屏幕阅读器进行阅读。

为了让它可以通过键盘访问,我正在做以下事情: - 在表格单元格上为箭头键(左、右、上、下)添加了按键事件

为了使 JAWS 可读,我正在做以下事情: - 添加标题,表格摘要 - 添加 scope=col 到表头 - 添加了 ARIA 角色,如 Application、row、grid、gridcell

在不使用 JAWS 的情况下运行页面时,键盘导航工作正常。 如果使用 JAWS 快捷方式,JAWS 也可以很好地阅读表格。

当它与 JAWS 一起运行时,自定义实现的键盘导航无法正常工作。 要使用自定义实现的键盘导航(即箭头键)将焦点移动到不同的单元格,我使用了 INSERT + 3 键,然后是箭头键。 这会将焦点移动到不同的单元格,但不会更改 JAWS 当前的单元格焦点。因此,当 JAWS 读取时,它会读取实际聚焦单元格以外的单元格。

示例页面 URL:http://test.cita.illinois.edu/aria/grid/grid1.php 上面的页面支持自定义键盘导航(即箭头键)。尝试使用 JAWS 阅读以上页面。

请帮助使其键盘可访问,同时 JAWS 可读。

感谢您的帮助!


非常感谢您的快速回复!你提供的信息非常好。

但是我对此没有更多疑问。如果您能提供帮助,那就太好了。

  1. JAWS 支持各种游标,例如 Virtual PC Cursor、PC Cursor、JAWS Cursor。 据我所知,当我们指定 role="application"时,JAWS 在 PC Cursor 上运行,并且网站中提供的任何功能都可以使用提供的击键来使用。 我特别想通过 HTML Table 实现的功能是,用户应该能够使用箭头键进行导航,并且 JAWS 应该阅读当前聚焦的内容。 所以这里的疑问是为什么 JAWS 不读出当前聚焦的内容 in PC Cursor。(在 html 表格中它可以是当前聚焦的单元格)。

  2. 如果您能解释 JAWS 用户如何理想地使用使用 JAWS 的网站(特别是在 HTML 表格中呈现的信息),将会很有帮助。

  3. 我有一个具有以下功能的复杂表格,我希望它可以通过键盘访问并由 JAWS 读取:

    • 带有展开/折叠图标的表格。单击展开/折叠图标或按键盘上的 +/- 嵌套表格应该对用户可见。
    • 表格的每一行都有一些操作项,按下一个键或点击它应该执行一个操作。 (比如每一行都显示唯一的产品信息,用户可以通过按某个键或单击按钮来购买(操作项目)。)
  4. 我尝试使用 dojo 网格,它提供了使用键盘箭头键进行导航的功能,并且有一个 JAWS 快捷方式可以读出当前聚焦的单元格,即 INSERT + 向上箭头。

最佳答案

尝试将 role="application"添加到表格或周围元素。

关于html - JAWS 表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6855708/

有关html - JAWS 表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突的更多相关文章

  1. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

  2. ruby-on-rails - Rails 应用程序之间的通信 - 2

    我构建了两个需要相互通信和发送文件的Rails应用程序。例如,一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情,所以我什至不知道从哪里开始。任何帮助,将不胜感激。谢谢! 最佳答案 无论Rails是什么,几乎所有Web应用程序都有您的要求,大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去,网站不应直接访问彼此

  3. ruby-on-rails - form_for 中不在模型中的自定义字段 - 2

    我想向我的Controller传递一个参数,它是一个简单的复选框,但我不知道如何在模型的form_for中引入它,这是我的观点:{:id=>'go_finance'}do|f|%>Transferirde:para:Entrada:"input",:placeholder=>"Quantofoiganho?"%>Saída:"output",:placeholder=>"Quantofoigasto?"%>Nota:我想做一个额外的复选框,但我该怎么做,模型中没有一个对象,而是一个要检查的对象,以便在Controller中创建一个ifelse,如果没有检查,请帮助我,非常感谢,谢谢

  4. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中,我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时,它会自然地以HTML呈现。但是,当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法),我仍然将HTML作为响应。如何获取JSON作为响应?我还需要说明什么? 最佳答案 您应该将.json附加到请求的url,提供的格式在routes.rb的路径中定义。这

  5. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

    所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

  6. ruby - #之间? Cooper 的 *Beginning Ruby* 中的错误或异常 - 2

    在Cooper的书BeginningRuby中,第166页有一个我无法重现的示例。classSongincludeComparableattr_accessor:lengthdef(other)@lengthother.lengthenddefinitialize(song_name,length)@song_name=song_name@length=lengthendenda=Song.new('Rockaroundtheclock',143)b=Song.new('BohemianRhapsody',544)c=Song.new('MinuteWaltz',60)a.betwee

  7. ruby-on-rails - `a ||= b` 和 `a = b if a.nil 之间的区别? - 2

    我正在检查一个Rails项目。在ERubyHTML模板页面上,我看到了这样几行:我不明白为什么不这样写:在这种情况下,||=和ifnil?有什么区别? 最佳答案 在这种特殊情况下没有区别,但可能是出于习惯。每当我看到nil?被使用时,它几乎总是使用不当。在Ruby中,很少有东西在逻辑上是假的,只有文字false和nil是。这意味着像if(!x.nil?)这样的代码几乎总是更好地表示为if(x)除非期望x可能是文字false。我会将其切换为||=false,因为它具有相同的结果,但这在很大程度上取决于偏好。唯一的缺点是赋值会在每次运行

  8. ruby-on-rails - Ruby url 到 html 链接转换 - 2

    我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时,我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有,我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.

  9. ruby-on-rails - 如何生成传递一些自定义参数的 `link_to` URL? - 2

    我正在使用RubyonRails3.0.9,我想生成一个传递一些自定义参数的link_toURL。也就是说,有一个articles_path(www.my_web_site_name.com/articles)我想生成如下内容:link_to'Samplelinktitle',...#HereIshouldimplementthecode#=>'http://www.my_web_site_name.com/articles?param1=value1¶m2=value2&...我如何编写link_to语句“alàRubyonRailsWay”以实现该目的?如果我想通过传递一些

  10. ruby-on-rails - 如何在 Rails 3 中创建自定义脚手架生成器? - 2

    有这些railscast。http://railscasts.com/episodes/218-making-generators-in-rails-3有了这个,你就会知道如何创建样式表和脚手架生成器。http://railscasts.com/episodes/216-generators-in-rails-3通过这个,您可以了解如何添加一些文件来修改脚手架View。我想把两者结合起来。我想创建一个生成器,它也可以创建脚手架View。有点像RyanBates漂亮的生成器或web_app_themegem(https://github.com/pilu/web-app-theme)。我

随机推荐