标签: accessibility

如何使用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)？

当我isAccessibilityElement = NO在包含子视图的视图上设置时isAccessibilityElement = YES,VoiceOver仍会检测到它们.

我需要关闭整个视图层次结构的可访问性,VoiceOver必须以不同方式处理.如何在不必遍历对象图中的每个项目并弄乱它的设置的情况下实现这一目标？

我有一个带有数字的彩色div的网站,例如一个内部带有数字2的红色块.颜色对理解很重要.一位盲人用户通过电子邮件向我询问是否可以让他的屏幕阅读器说"2红色".

我尝试将其添加为alt ="2 red",但他说没有做任何事情.他认为它可能只读取图像的alt标签.

为div做一个好方法吗？

我正在开发一个Android基于Accessibility功能的APP .因为它无法以编程方式Enable/Disable Accessibility在Android中提供服务(请参阅如何以编程方式启用/禁用Android中的辅助功能服务),因此我Accessibility Settings通过以下代码引导用户访问Page(图1):

public static boolean gotoAccessibilitySettings(Context context) {
    Intent settingsIntent = new Intent(
            Settings.ACTION_ACCESSIBILITY_SETTINGS);
    if (!(context instanceof Activity)) {
        settingsIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
    }
    boolean isOk = true;
    try {
        context.startActivity(settingsIntent);
    } catch (ActivityNotFoundException e) {
        isOk = false;
    }
    return isOk;
}

然后用户需要找到我的APP的子设置标签,点击它,现在Accessibility Settings我的APP显示页面(图2).

我怀疑,如果有任何办法直接启动我的APP的Accessibility Settings页面(图2)？

我对NestedScrollView子视图的辅助功能焦点有疑问.目前,可访问性模式期间的焦点迭代仅迭代视图在屏幕中可见的视图.是否有布局配置,我可以设置在焦点迭代期间滚动NestedScrollview.目前,焦点迭代在到达当前屏幕上的最后一个可见视图时停止,而不是将滚动视图滚动到下一个可聚焦视图.

测试了Android版本4.3(Galaxy nexus)和5.1.1(Nexus 4).对讲版本是4.2.0.

  <android.support.v4.widget.NestedScrollView
    android:id="@+id/nsvScrollview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:contentDescription="@null"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:fillViewport="true">

    <!-- Any other views here. Including WebView -->

  </android.support.v4.widget.NestedScrollView>

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

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

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

我相信现在每个人都在努力使WCAG 2.0符合网页.您是否可以分享任何与您遇到的相同的好工具？

以下是我遇到的一些好工具 -

1. http://www.powermapper.com/products/sortsite/index.htm

好处:

1. It does WCAG 2.0, WCAG 1.0, browser compatibility and many other checks
2. Low cost

坏处:

1. it seems it doesn't have command line API.(as per my initial evaluation)
2. Web mode doesn't support HTML upload

2. http://achecker.ca/checker/index.php

好处:

1. 自由!!!
2. 支持WCAG 2.0
3. 有Web服务API

缺点:

1. Web服务API不支持HTML文件上载.它期望HTML文件部署在Web上的某个位置

我正在使用HTML5和WAI-ARIA改进HTML中的可访问性.

可以进行以下设置吗？

<!-- main content -->
<section id="main" role="main">
    <h1>The main content</h1>

    <!-- This div needs to be here for styling reasons -->
    <div class="the-content">    
         <p>All the text that goes with the main content</p>
    </div>

    <!-- the sidebar -->
    <aside id="sidebar" role="complementary">
        <h2>A title</h2>
        <p>Some text</p>
    <aside>
</section>

我不确定的是,我是否应该在容器<aside>外面放置元素.那有关系吗？<section>role="main"

根据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 -->

我正在尝试使表格可访问.我应该让我的输入双双required和aria-required属性,或只是一个？

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" required>

或者像这样？

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" aria-required="true">

或者像这样？

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" aria-required="true" required>

文章Accessible HTML5 Forms - Required Inputs声称最好同时实现这两者.