标签: screen-readers

作为一名网络开发人员,我工作的一些项目属于政府保护伞,因此需要遵守508无障碍法律,有时还要遵守W3C无障碍指南.在满足这些要求的同时,JavaScript可以在多大程度上使用？

沿着这些方向,JavaScript在多大程度上,特别是AJAX和使用像jQuery这样的包来做现代可访问性软件(如JAWS,Orca等)支持的显示模式对话,弹出窗口等等？在过去,规则类似于"如果它在Lynx中不起作用,它将不适用于屏幕阅读器." 这仍然是正确的,还是在这些领域取得了更多进展？

编辑:似乎只要有非javascript回退,javascript就好了,但是在屏幕阅读器软件中对AJAX的支持似乎仍然不确定.如果有人对此有特定的经验,那将是最有帮助的.

在什么情况下,我们应该去<dl>不<ul>？

屏幕阅读器用户<ul>或<dl>？没有有关内容是读屏软件用户通知<ul>或<dl>？

不使用很多javascript/jquery是不错的做法？我们应该尽可能地避免它(为了获得良好的可访问性)吗？

什么时候可以使用JavaScript,何时不在网页设计和开发中？在什么情况下和在什么条件下？

更新:

我问有关公共网站的问题.

我有一个WPF应用程序,部分要求是可访问的,包括键盘导航和屏幕阅读器.

通过在Treeview的ItemContainerStyle中设置AutomationProperties.Name,我在应用程序中使用Treeview取得了一些成功,但是我遇到了包含文本区域和一些按钮的Window的问题.

ZoomText将正确读出窗口的标题,但是这样做了两次,以及按钮中的文本,但是我无法读取它以读取TextBlock的内容.

Text块在如下窗口中定义.在调试时,Visual Studio输出中没有显示绑定错误,NVDA屏幕阅读器可以正确读取内容,尽管这对我来说不够好,因为客户使用ZoomText.

<Window x:Class="UserControls.ModalDialog"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         mc:Ignorable="d" 
         d:DesignHeight="160" d:DesignWidth="400" MinHeight="85" MinWidth="400" MaxWidth="400" SizeToContent="Height" Height="Auto"
        WindowStartupLocation="CenterScreen" ResizeMode="NoResize" Title="{Binding TitleText }">
<DockPanel Width="Auto" Margin="20,20,0,10">
    <StackPanel Orientation="Vertical">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Path=DialogText, Mode=TwoWay}" Cursor="Arrow" Focusable="True" TextWrapping="WrapWithOverflow"  
                       Height="Auto" Width="325" TextOptions.TextFormattingMode="Display"
                       ToolTip="{Binding Path=Text, RelativeSource={RelativeSource Self}}"
                       AutomationProperties.Name="{Binding Path=Text, RelativeSource={RelativeSource Self}}"
                       AutomationProperties.AutomationId="{Binding Path=Text, RelativeSource={RelativeSource Self}}">
            </TextBlock>
        </StackPanel>

        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,10,5,0">
            <Button Content="{Binding Path=Option1ButtonText, Mode=TwoWay}" Padding="5,0,5,0" Margin="0,20,5,0" MinWidth="100" IsDefault="True" Command="{Binding Path=Option1ButtonCommand, Mode=TwoWay}" />
            <Button Content="{Binding Path=Option2ButtonText, Mode=TwoWay}" Padding="5,0,5,0"  Margin="2,20,10,0" MinWidth="75" Command="{Binding Path=Option2ButtonCommand, …

可能重复:
是否可以盲目地使用<strong>代替<b>？

何时使用<strong>以及何时使用<b>或以其他方式给予大胆的外观？strong具有语义价值(在b演示时对屏幕阅读器有用(甚至在HTML 5中有效).

我的问题不是strong和之间有什么区别b.

问题是何时使用语义标记以及何时仅使用粗体文本

<strong>如果客户的内容文件(MS word文件)在内容段落中有一些粗体,我是否应该总是使用？

alt text http://shup.com/Shup/365676/11051764618-My-Desktop.png

我们怎么知道客户什么时候想要强调文本,何时他只是想把文字大胆地用于演示/审美目的？

如果是客户的工作要告诉我们,那么如何向客户解释这个场景,以便给我们提供"何时只是为了演示/审美目的而使文字变粗"的明确信息？

如何使用WAI-ARIA通知屏幕阅读器现在可以看到div？

如果我们得到了HTML

<div id="foo">Present main content</div>
<div id="bar" style="display: none;">Hidden content</div>

然后我们

$('#foo').hide();
$('#bar').show();

我们如何通知屏幕阅读器他们应该通知用户现在可见的div(或者可能自动关注现在可见的div)？

我的网站旨在满足辅助功能指南.

我希望这意味着屏幕阅读器应该与他们合作......但我有两个问题:

• 这是一个公平的假设吗？
• 有没有可用于测试或在线模拟器的免费/廉价屏幕阅读器客户端？

根据bootstrap文档,添加aria-hidden="true"告诉辅助技术跳过模态的DOM元素,这解释aria-hidden=true了主要的存在modal div.

添加aria-hidden=true模态关闭按钮的目的是什么modal-header div？

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      **<*div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;       </button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>***
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

我们可以用<noscript>来说抱歉,这个网站需要运行JavaScript.

有什么类似的方式宣布该网站不支持屏幕阅读器？有点像<noscreenreader>Sorry, ...</noscreenreader>.

(短背景故事:它是依赖于创意转化为应用程序从未使用的话它在很大程度上依赖于影像来传达信息这是没有意义的宣布.任何在口语中.)

哪个屏幕阅读器最适合测试网站可访问性以及如何配置屏幕阅读器来测试网站(或默认屏幕阅读器设置可以)以及哪个浏览器应该用于测试屏幕阅读器的可访问性？

免费或商业无所谓.哪个可以提供最佳测试,那么所有其他屏幕阅读器应尽可能在全世界访问网站？

我的目的是尽可能地建站点.