Question

我们在页面中有一个数据表，我们希望屏幕阅读器将其作为表读取。 NVDA默认将其读取为数据表。但是JAWS似乎无法识别表元素并逐行从左到右读取文本而不表示它是一个表。我尝试添加角色=＆＃34; grid＆＃34;它不起作用。我想知道我是否想念一些东西。

浏览器是IE11，JAWS是17.0.2727

＆＃13;

<table tabindex="0" role="grid">
  <thead>
    <tr>
      <th>Date</th>
      <th>Time</th>
      <th aria-hidden="true"></th>
      <th>Rate</th>
      <th>Volume</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>12/19/16</td>
      <td>
        <span>10:50:09</span> - <span>12/19/16</span> <span>11:05:09</span>
      </td>
      <td aria-hidden="true"></td>
      <td>
        <span>54</span><span>mL/hr</span>
      </td>
      <td>
        <span>13.5</span><span>mL</span>
      </td>
    </tr>
    <tr>
      <td></td>
      <td>
          <span>11:05:09</span> - <span>12/19/16</span><span>11:20:09</span>
      </td>
      <td aria-hidden="true"></td>
      <td>
        <span>48</span><span>mL/hr</span>
      </td>
      <td>
          <span>12</span><span>mL</span>
      </td>
    </tr>
  </tbody>
</table>

＆＃13;

Answer 1

表示数据表：

一个标题第th行标题和列标题单元格用于将单元格与表格中的标题相关联的范围或标题ID属性

示例：

<table>
   <caption>City proper and Metropole area of largest cities in the world</caption>
   <tr>
      <td>&nbsp;</td>
      <th scope="col">Shanghai</th>
      <th scope="col">Karachi</th>
      <th scope="col">Beijing</th>
   </tr>
   <tr>
      <th scope="row">City proper</th>
      <td>24,256,800</td>
      <td>23,500,000</td>
      <td>21,516,000</td>
   </tr>
   <tr>
      <th scope="row">Metropole area</th>
      <td>34,750,000</td>
      <td>25,100,000</td>
      <td>24,900,000</td>
   </tr>
</table>

Answer 2

我有同样的问题，即 JAWS 2019 不允许在表格单元格中使用光标导航。特别是在同一列中向上/向下光标是此处失败的可访问性测试用例之一。

我认为这与常用的 JAWS 表格导航不期望的 <thead> 和 <tbody> 元素有关。唯一可用的选项是使用 TAB/Shift+TAB 逐行浏览每个单元格，直到可以访问下一行/上一行。

JAWS似乎无法识别数据表

2 个答案: