标签: screen-readers

什么是编写的标题/标题是最好的方法<ul>还是<ol>？就像我们<caption>在<table>,我们不想让他们大胆.

这个可以吗？

<p>heading</p>
<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

或者应该始终使用标题？

<h3|4|5|6>heading</h3|4|5|6>
<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

这三个屏幕阅读器用户有什么区别？

我试图AutomationProperties.Name在GroupStyle控件模板中设置控件的属性,它似乎什么也没产生.我把它设置Expander在我的模板中,但即使我只是放入一些没有绑定的文本,它也没有任何说明.我也试过把一个二传手放在上面GroupItem,但也没用.我有点失落.我希望小组项目上的属性可以解决它.

XAML:

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="WpfApplication8.MainWindow"
        x:Name="win"
        Title="MainWindow"
        Width="640"
        Height="480">

  <Grid x:Name="LayoutRoot">
    <ListBox x:Name="lstbx"
             Margin="71,45,99,78"
             ItemsSource="{Binding ElementName=win,
                                       Path=Samples}">
      <ListBox.GroupStyle>
        <GroupStyle>
          <GroupStyle.ContainerStyle>
            <Style TargetType="{x:Type GroupItem}">
              <Setter Property="AutomationProperties.Name"
                      Value="this is a test" />
              <Setter Property="KeyboardNavigation.TabNavigation"
                      Value="Cycle" />
              <Setter Property="Template">
                <Setter.Value>
                  <ControlTemplate TargetType="{x:Type GroupItem}">
                    <Expander Name="templateLstBxExpander"
                              AutomationProperties.Name="test test test"
                              IsExpanded="True">

                      <Expander.Header>
                        <StackPanel Orientation="Horizontal">
                          <Label Name="templateLstBxExpanderHeader"
                                 Content="{Binding Path=Name}"
                                 FontWeight="Bold" />
                        </StackPanel>
                      </Expander.Header>
                      <ItemsPresenter />
                    </Expander>
                  </ControlTemplate>
                </Setter.Value>
              </Setter>
            </Style>
          </GroupStyle.ContainerStyle>
        </GroupStyle>
      </ListBox.GroupStyle>
    </ListBox>
  </Grid>
</Window>

XAML.cs: …

屏幕阅读器将读取设置为"alt"属性的任何字符串.此属性的使用专门用于图像标记.

如果我有这样的div:

<div id=myCoolDiv tabindex="0"> 2 <div>

有没有办法让屏幕阅读器拾取属性以读取字符串的方式与使用alt标签的方式相同？

因此,对于下面列出的div,屏幕阅读器会说:"购物车项目2"？

我尝试使用aria-label,但屏幕阅读器不会捡起它:

<div id=myCoolDiv tabindex="0" aria-label="shopping cart items"> 2 <div>

WCAG制定3个优先级的目的是什么？

是吗？

• 如果客户不支付额外费用,或者如果我们没有多少时间,那么请去A
• 如果客户支付当时或我们有时间使网站兼容至少 AA
• 如果客户支付和需要根据政府.规则然后去AAA

如果我们正在制作网站,那么我们应该尝试实现哪个级别,或者我们应该只根据客户请求进行？

虽然我在这个网站上发现了这些定义,但这些对我来说很困惑

•优先级1:对于所有用户访问Web内容和Web开发人员达到一致性级别"A",必须满足这些要求.

•优先级2:Web开发人员应满足这些要求,以便没有任何组发现难以访问Web内容并达到一致性级别"AA".

•优先级3:Web开发人员可以满足这些要求,以便于访问某些组的Web内容并达到一致性级别"AAA".

加载网页时,屏幕阅读器(如OS X附带的,或Windows上的JAWS)将读取整个页面的内容.但是请说您的页面是动态的,并且当用户执行操作时,新内容会添加到页面中.为简单起见,假设您在某处显示消息<span>.如何让屏幕阅读器阅读新消息？

我想检测屏幕阅读器是否在用户的机器上运行,以避免与html中的音频标签发生声音冲突.如果是,请提供有关如何完成此操作的详细信息.

我找到了两种用aria-属性标记区域的方法.

第一:

<div class="main" role="main" aria-label="Search results">
    <a href="">Blah-blah</a>

第二个:

<div class="main" role="main" aria-labelledby="res1">
    <h2 id="res1" class="a11y">Search results</h2>
    <a href="">Blah-blah</a>

JAWS完全一样地读它们.那么,有什么区别,你会选择什么？

为什么我对 flutter app 获取消息进行可访问性分析如下：

该商品可能没有屏幕阅读器可读的标签。

我的小部件有以下代码：

Semantics(
  label: 'Login page.',
  child: Scaffold(
    backgroundColor: Colors.grey[900],
    body: Container(
      padding: EdgeInsets.all(25),
      child: Center(
        child: Text("My app!!!", style: labelTextStyle, semanticsLabel: 'app of semantic',)
      ),
    ),
  ),
);

如何解决这个问题？

我写了一个使用jQuery来显示模态弹出窗口的网站.它基本上覆盖了屏幕的整个可视区域和覆盖图,然后显示了一个DIV,其中包含覆盖层顶部的实际弹出窗口.该项目的要求之一与可访问性有关.

页面加载时,屏幕阅读器开始从页面顶部读取.当用户点击特定链接时,我们会显示模式对话框.我的问题是:如何中断屏幕阅读器对网站主要部分的阅读并告诉它开始阅读对话文本？

我的模态容器包含在这样的div中:

<div id="modalcontainer"  tabindex="0" class="popup" role="dialog" aria-labelledby="dialog-label" >

触发模态的jQuery看起来像这样:

$("#modalLink").click(function (e) {
    e.preventDefault();

    $("#modalcontainer").center();
    $("#modalcontainer").show();
    $("#closeBtnLink").focus();
    $("#wrapper").attr('aria-disabled', 'true');
});

"closeBtnLink"是模态对话框中的关闭按钮.我本以为把重点放在这上会指示屏幕阅读器开始从那个元素中读取.

"wrapper"元素是模态对话框的SIBLING.根据另一个SO用户的建议,出于不同的原因,我在包含整个页面的包装元素上设置了"aria-disabled = true".模态对话框作为此容器外部的兄弟存在.

我的主要目标是让屏幕阅读器在点击特定链接时阅读我的​​模态DIV元素的内容.任何帮助,将不胜感激.