标签: screen-readers

尽管div被隐藏,但宣布咏叹调实时文本更改

我有一个带有图标的div和一个隐藏的消息,除非有人将鼠标悬停在它上面,点击时会执行操作.

对于有视力的用户,图标会在单击时切换为复选标记,并且当图标悬停时,消息会发生变化.但是,对于使用选项卡按钮的用户,不会显示该消息.

带有消息的div是一个咏叹调的区域,但由于它是隐藏的,因此屏幕阅读器不会宣布新消息.尽管该区域被隐藏了,有没有办法宣布这条消息?

html css accessibility screen-readers

0
推荐指数
1
解决办法
3022
查看次数

是否可以使用类似于 VoiceOver 的 NVDA 在屏幕上显示说出的单词?

Apple 的 VoiceOver 在朗读时会在屏幕左下角显示语音文本。

这个选项可以在 Windows 上通过 NVDA 打开吗?

screen-readers voiceover nvda

0
推荐指数
1
解决办法
1255
查看次数

使表格行或单元格被表格读取为可点击

嗨,我正在处理一个表格,我想提高它的可访问性,但问题是它是使用具有“onClick”属性的表格行创建的,并且在使用屏幕阅读器(例如 VoiceOver、NVDA)阅读单元格和表格时或 JAWS 它不会将该行读取为可点击或任何会告诉用户单击该行会将他带到另一个页面的标志。

该表是由 JQuery Datatables 动态创建的,该表的片段如下所示:

<div id="DataTables_Table_1_wrapper" class="dataTables_wrapper" role="grid">
  <table
    class="list lista table table-bordered table-hover dlaList component-editable dataTable"
    data-editable-id="dla28475"
    style="width: 900px"
    id="DataTables_Table_1"
  >
    <thead>
      <tr role="row">
        <th
          class="sorting"
          tabindex="0"
          rowspan="1"
          colspan="1"
          style="width: 230px"
        >
          Activities
        </th>
        <th
          class="sorting_asc"
          tabindex="0"
          rowspan="1"
          colspan="1"
          style="width: 570px"
          aria-sort="ascending"
        >
          Description
        </th>
        <th
          class="sorting"
          tabindex="0"
          rowspan="1"
          colspan="1"
          style="width: 100px"
        >
          Status
        </th>
      </tr>
    </thead>
    <tbody role="alert" aria-live="polite" aria-relevant="all">
      <tr class="odd" onclick="functionForEvent();">
        <td class="">
          <div class="input-sm" status_id="undefined">Blah Blah</div>
        </td>
        <td class="sorting_1">
          <div class="input-sm" …
Run Code Online (Sandbox Code Playgroud)

html datatable accessibility screen-readers

0
推荐指数
1
解决办法
1562
查看次数

哪些工具最适合制作Accessible网站?开源还是商业?

哪些工具最适合制作Web标准,W3C验证和Accessible网站?开源还是商业?

css xhtml accessibility web-standards screen-readers

-1
推荐指数
1
解决办法
121
查看次数

我应该在for ="...."和id =".."中重复标签文字吗?

  • 有第二种方法的缺点吗?为什么http://www.webstandards.org/决定使用第二种方法
  • 对于屏幕阅读器用户来说,第一种方法是否优于第

第一

<label for="name">Name</label>
      <input id="name" />
Run Code Online (Sandbox Code Playgroud)

第二

<label for="n">Name</label>
      <input id="n" />
Run Code Online (Sandbox Code Playgroud)

css xhtml accessibility web-standards screen-readers

-1
推荐指数
1
解决办法
163
查看次数