标签: accessibility

当用户将鼠标悬停在某些链接和元素上时,我想要禁止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();

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

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

<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 …

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

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

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

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

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

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

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

我正在开发Android辅助功能服务.我有一个表示EditText 的AccessibilityNodeInfo.有可能编辑包含的文本吗？

我尝试过,mynode.setText("aaa")但我得到IllegalStateException官方文档中描述的http://developer.android.com/reference/android/view/accessibility/AccessibilityNodeInfo.html

有任何想法吗？谢谢

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

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

D/NotificationService(2665): package com.facebook.orcaText: []

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

我需要帮助一个在用户空闲时触发的模态.它运行良好,直到我在运行NVDA的Firefox上进行测试.使用箭头键时以及在移动设备上滑动时会出现焦点问题.当模态出现并且用户使用箭头或滑动时,如果我等待点击它,焦点将在几秒后从"是"按钮反弹到标题.我已经装了工作示例:https://jsfiddle.net/ncanqaam/

我将空闲时间段更改为一分钟,并删除了调用服务器以扩展用户会话的部分.

var state ="L";
var timeoutPeriod = 540000;
var oneMinute = 60000;
var sevenMinutes = 60000;

var lastActivity = new Date();

function getIdleTime() {
    return new Date().getTime() - lastActivity.getTime();
}

//Add Movement Detection
function addMovementListener() {
    $(document).on('mousemove',  onMovementHandler);
    $(document).on('keypress',  onMovementHandler);
    $(document).on('touchstart touchend',  onMovementHandler);
}
//Remove Movement Detection
function removeMovementListener() {
    $(document).off('mousemove', onMovementHandler);
    $(document).off('keypress',  onMovementHandler);
    $(document).off('touchstart touchend',  onMovementHandler);
}

//Create Movement Handler
function onMovementHandler(ev) {
    lastActivity = new Date();
    console.log("Something moved, idle time = " + lastActivity.getTime());
}

function …

是否有一种默认方式可以在任何时候在焦点元素上按下 enter 时触发点击事件？

我所指的是在专注于 a 时<button>按 Enter 与在专注于 a<div> <li> <span>等时按 Enter 的区别。<button>按键enter按预期触发。但是，<div>按键enter没有任何作用。我相信您必须专门为该按键编写事件。

$('li').click(function() {  
    //toggles something 
});

$("li").keydown(function(e){
    if(e.which === 13){
        $(this).click();
    }
});

问题：我正在尝试使用 React Native 在 Android 和 iOS 上创建一个可访问的链接。使用 VoiceOver 时，iOS 有一个转子，可以选择在屏幕上的链接之间切换，这对以下元素不起作用：

<Text>
Here is some text <Text accessible={true} accessibilityRole="link" onPress={() => Linking.openURL("https://www.google.com")}> Here is a link</Text>
</Text> 

在 Android 上使用链接选项在启用 TalkBack 的情况下搜索屏幕上的链接时会发生同样的事情。在上面的代码示例中，在 Android 中双击打开 TalkBack 时不会打开链接，但在 iOS 中双击打开 VoiceOver 的句子可以打开链接。

我试过的事情：我试过像这样拆分 Text 元素：

<View>
  <Text> Here is some text</Text>
  <Text accessible={true} accessibilityRole="link" onPress={() => Linking.openURL("https://www.google.com")}> Here is a link </Text>
</View>

这确实解决了 Android 上的问题，我可以双击链接并打开网页，当我打开 TalkBack 的链接选项时，它还允许我将其作为链接轻弹，但这不是最佳策略，因为它扰乱了我对视力正常的用户的句子格式。这也不会将链接项添加到 iOS 转子。鉴于这是一个可访问性问题，我还没有找到很多关于如何解决此问题的资源。

结论：我希望能够在链接位于 Android 上的嵌套文本元素中时单击该链接，并且我希望 TalkBack 上的链接控件能够正常工作。我还想在 iOS 上为转子添加链接选项。对于那些不熟悉 iOS 辅助功能转子的人，这里是 …