JAWS屏幕阅读器在FireFox中重复树项 [英] JAWS Screen Reader Repeats Tree Items in FireFox

问题描述

JAWS屏幕阅读器&遇到了问题火狐浏览器.

I have run into an issue with the JAWS screen reader & Firefox.

我有一棵像下面的树.只要<a>元素中的任何一个获得焦点(通过从窗口或<button>进行制表)，JAWS 对元素进行三次叙述.据我所知，Firefox是唯一执行此操作的浏览器.

I have a tree like the one below. Whenever any of the <a> elements gain focus, either by tabbing from the window or from the <button>, JAWS narrates the element three times. As far as i can tell, Firefox is the only browser that does this.

我的标记在这里出问题了吗?

Is there something wrong with my markup here?

<nav role="tree">
  <ol role="group">
    <li role="presentation">
      <a href="javascript:void(0)" role="treeitem">Parent Link 1</a>
      <ol role="group">
        <li role="presentation">
          <a href="javascript:void(0)" role="treeitem">Child Link 1</a>
        <li role="presentation">
          <a href="javascript:void(0)" role="treeitem">Child Link 2</a>
      </ol>
    <li role="presentation">
      <a href="javascript:void(0)" role="treeitem">Parent Link 2</a>
      <ol role="group">
        <li role="presentation">
          <a href="javascript:void(0)" role="treeitem">Child Link 3</a>
        <li role="presentation">
          <a href="javascript:void(0)" role="treeitem">Child Link 4</a>
      </ol>
  </ol>
</nav>

<button>Something else to focus on</button>

非常感谢.

推荐答案

再次，我在提出问题后找到了答案. :(

Once again, i have found the answer after asking the question. :(

很明显，如果我将role="tree"从外部的<nav>移到第一个<ol>，则Firefox将按预期进行叙述.标记现在看起来像这样:

Evidently, if i move role="tree" from the outer <nav> to the first <ol>, Firefox narrates as expected. The markup now looks like this:

<nav>
  <ol role="tree">
    <li role="presentation">
      <a href="javascript:void(0)" role="treeitem">Parent Link 1</a>
      <ol role="group">
        <li role="presentation">
          <a href="javascript:void(0)" role="treeitem">Child Link 1</a>
        <li role="presentation">
          <a href="javascript:void(0)" role="treeitem">Child Link 2</a>
      </ol>
    <li role="presentation">
      <a href="javascript:void(0)" role="treeitem">Parent Link 2</a>
      <ol role="group">
        <li role="presentation">
          <a href="javascript:void(0)" role="treeitem">Child Link 3</a>
        <li role="presentation">
          <a href="javascript:void(0)" role="treeitem">Child Link 4</a>
      </ol>
  </ol>
</nav>

<button>Something else to focus on</button>

对我来说，这闻起来像Firefox中的错误. 我已经打开了一个错误&将跟随事态发展.

This smells like a bug in Firefox to me. I have opened a bug & will follow an developments.

这篇关于JAWS屏幕阅读器在FireFox中重复树项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！