标签: accessibility

CAPTCHA是否可访问?

我正在业余时间为一个教育机构写一个网站,从我读过的这个地方的统计数据来看,他们似乎有很多残疾学生在那里学习.简而言之,我正在建立一个帐户系统,学生可以登录并接收有关其课程的基本信息,让他们对自己的课程进行评论,以及他们对课程的表现方式.

我对这方面的法律含义不太确定,但我很确定如果您在教育机构工作,那么您的网站可供残障人士使用是法律要求.除了一个问题,代码完全没问题; CAPTCHA.

据我所知,大多数CAPTCHA都是基于图像的,这将使那些使用屏幕阅读器的人感到困难.最重要的是,支持声音读数的设备可能效果不佳,因为在许多建筑物中没有扬声器供用户收听录音.我总是可以使用一个小字段,要求用户将两个数字放在一起但这些对于机器人来说通常太容易攻击.

我可能会在一个小山丘上建造一座山,但对那些对无障碍感兴趣的人来说,这仍然是一个有趣的问题.有谁知道在这种环境中阻止垃圾邮件发送者和用户的好方法?

captcha accessibility disability

11
推荐指数
1
解决办法
953
查看次数

禁用链接和<abbr>上的浏览器工具提示

当用户将鼠标悬停在某些链接和元素上时,我想要禁止Web浏览器的默认工具提示显示.我知道这是可能的,但我不知道如何.有人可以帮忙吗?

这样做的原因是抑制微格式日期时间的工具提示.BBC放弃了对hCalendar的支持,因为机器可读日期的外观对于有认知障碍的人以及一些屏幕阅读器用户来说是一个可访问性问题.http://www.bbc.co.uk/blogs/bbcinternet/2008/07/why_the_bbc_removed_microforma.html

编辑:

我按照与Aron的建议相同的方式掀起了一个jquery插件......

// uFsuppress plugin v1.0 - toggle microformatted dates
(function($){
$.ufsuppress = function() {
    $(".dtstart,.dtend,.bday").hover(function(){
        $(this).attr("ufdata",$(this).attr("title"));
        $(this).removeAttr("title");
    },function(){
        $(this).attr("title",$(this).attr("ufdata"));
        $(this).removeAttr("ufdata");
    });
}
})(jQuery);

// Usage
$.ufsuppress();
Run Code Online (Sandbox Code Playgroud)

javascript jquery microformats accessibility

11
推荐指数
3
解决办法
2万
查看次数

我们应该把<input>放在<label>里吗?

我在同一个表单示例中看到了2种不同的方法

http://www.alistapart.com/articles/prettyaccessibleforms/为什么他们正在使用2方法首先fieldset他们保持inputlabel,并在第二fieldset他们保持inputlabel.为什么?

<fieldset>
  <legend>Delivery Details</legend>
  <ol>
    <li>
      <label for="name">Name<em>*</em></label>
      <input id="name" />
    </li>
    <li>
      <label for="address1">Address<em>*</em></label>
      <input id="address1" />
    </li>
    <li>
      <label for="address2">Address 2</label>
      <input id="address2" />
    </li>
    <li>
      <label for="town-city">Town/City</label>
      <input id="town-city" />
    </li>
    <li>
      <label for="county">County<em>*</em></label>
      <input id="county" />
    </li>
    <li>
      <label for="postcode">Postcode<em>*</em></label>
      <input id="postcode" />
    </li>
    <li>
      <fieldset>
        <legend>Is this address also your invoice »
address?<em>*</em></legend>
        <label><input type="radio" »
name="invoice-address" /> Yes</label>
        <label><input …
Run Code Online (Sandbox Code Playgroud)

css xhtml accessibility screen-readers

11
推荐指数
3
解决办法
1万
查看次数

如何确保残障人士可以访问我的网站?

我如何确保(或尝试制作)适用于所有人的网络访问 - 谁可能有各种不安全感?

对于任何可以为网站设计提供实用建议的标准或网站的建议吗?

accessibility web

11
推荐指数
3
解决办法
445
查看次数

是否使用jQuery 508兼容?

我正在开发一个需要符合508条款的asp.net网站.我很困惑,好像我应该使用JavaScript或者根本不使用JavaScript.

我甚至可以使用jQuery的slideUp()/ slideDown()显示/隐藏部分吗?我可以使用jQuery UI的datepicker和模态对话框吗?

jquery accessibility section508

11
推荐指数
1
解决办法
8240
查看次数

用户控件中AccessibleRole属性的用法是什么?

用户控件中有两个具有这些名称的属性:

1- AccessibleName 2- AccessibleRole

这些属性是什么?它们在win form应用程序中的用途是什么?我已经看过MSDN,但不幸的是我无法理解他们的描述?

任何帮助将不胜感激

c# user-controls accessibility

11
推荐指数
1
解决办法
7042
查看次数

使用PhoneGap使Android应用程序可供访问(适用于残障人士)

有没有人在使用PhoneGap时可以使用Android应用程序?至少我们需要使我们的应用符合Section 508标准.

我已经尝试实现一些标准的辅助功能(文本框的标签,向div添加标题属性等).但是,在Android中使用TalkBack和Expore by Touch时,加载我的PhoneGap应用程序时,它只是说"WEB CONTENT" - 就是这样.我的应用程序没有其他任何内容可以大声说出来.

当相同的应用程序在iOS中使用VoiceOver运行时,一切都运行良好.它读取所有"标题"属性就好了.

android accessibility cordova

11
推荐指数
1
解决办法
2014
查看次数

Facebook messenger可访问性

我正在编写一个辅助功能应用程序,它可以帮助用户使用语音控件和通过外部辅助工具提供的控件来浏览Android.它使用MonkeyTalk Java API来完成更重的工作.
为了帮助用户了解正在发生的事情,我们还使用了辅助功能服务,该服务会读取通知,以便用户可以更快地采取措施.

我被告知,当消息到达facebook messenger时,他们没有得到音频提示,并且检查日志我看到的是:

D/NotificationService(2665): package com.facebook.orcaText: []
Run Code Online (Sandbox Code Playgroud)

event.getText().size()返回0(在AccessibilityEvent事件上).
现在他们必须打开应用程序并将文本读取给他们,这是2个语音命令更多...
我正确地得到所有其他通知.我试着从facebook上寻找关于他们对可访问性的立场的文档,但我一无所获.
有没有办法从他们的通知中获取文本?

android accessibility facebook-messenger android-a11y

11
推荐指数
1
解决办法
1476
查看次数

忽略iOS中的动态类型:辅助功能

有没有办法完全忽略iOS应用程序中的动态类型/字体大小设置?我的意思是有一种方式像plist条目,所以我可以完全禁用它.据我所知,只要设置发生变化,我们就可以观察并重新配置字体.我正在寻找一个更简单的解决方案.我正在使用iOS8.谢谢.

iphone accessibility ios ios8

11
推荐指数
2
解决办法
2197
查看次数

Typeahead和screenreaders

我正在使用Typeahead/Bloodhound从数据库的内容生成列表.我希望屏幕阅读器在突出显示时能够阅读血腥建议.我在元素中添加了一些咏叹调角色,试图从屏幕阅读器中读取内容.但是,突出显示时,屏幕阅读器是静音的.如果我将焦点添加到元素,那么blodhound模态窗口将关闭,这将无法正常工作.

到目前为止我所拥有的:

 var myTypeahead = $('.supersearch').typeahead({
      highlight: true,
      autoselect: true
 },
 {
      name: 'search-content',
      displayKey: 'title',
      source: content.ttAdapter(),
      templates:{
           header: '<h3 class="typeaheadTitle">Filtering Content...</h3>',
           empty: [
                '<div class="noResults">',
                'No Results',
                '</div>'
           ].join('\n'),
           suggestion: Handlebars.compile('<div class="searchListItem"><a href="{{link}}" class="searchLink" aria-label="{{title}}">{{title}}</a></div>')
      }
 });


 myTypeahead.on('typeahead:cursorchanged', function($e, datum){
      $(this).html(datum["value"]);
      var focused = $( document.activeElement )
      var submenuHighlight = focused.parent().find('.tt-cursor .searchListItem a');
      console.log(submenuHighlight.text());
 });

 // Add aria dialog role
 $('.tt-dataset-search-content').attr({
      'role': 'dialog',
      'aria-live': 'assertive',
      'aria-relevant':'additions'
 });
Run Code Online (Sandbox Code Playgroud)

这会将aria标签角色添加到输出列表和容器,但尝试通知读者此列表动态更改.我也在听cursorchanged,所以我可以隔离我需要的元素(console.log验证这个),但我不知道如何告诉读者用tt-cursor类读取当前项.

这是HTML输出:

 <div class="tt-dataset-search-content" role="dialog" aria-live="rude" aria-relevant="additions">
      <h3 class="typeaheadTitle">Filtering Content...</h3>
      <span …
Run Code Online (Sandbox Code Playgroud)

jquery accessibility screen-readers typeahead.js bloodhound

11
推荐指数
1
解决办法
798
查看次数