焦点:当任何用户界面组件接收焦点时,不会引起上下文变化。____20160420


说明


1.使用activate作为上下文改变的触发器而不是focus(焦点);

该技巧提供给用户一种可预测的方式激活应用。认知障碍和屏幕阅读器、屏幕放大的用户会被那些不符合预期的事件困扰,例如自动提交表单或者激活功能并引起上下文的改变。使用该技巧,上下文所有的改变都必须通过用户的特定操作,而且,这些操作竟会是引起上下文改变的操作,例如点击链接,按下提交按钮。元素聚焦不会引起上下文的改变。

样例1:

一个页面打开,只有当用户点击按钮,而不是使用onfocus事件来触发;

样例2:

提交按钮是用来移动到其他数据页的,而不是当提交按钮获得焦点时就自动跳转;

2.必须时才可以通过链接打开一个新窗口:限制链接和按钮的使用。当链接的新窗口打开时,需要提醒用户;

一般来说,好的做法是不要打开新的窗口,因为新的窗口会让用户丢失方向,尤其是那些视障用户。但是,有一些情况从可访问性的角度,最好打开一个新的窗口。这些情况包括:
1.打开一个包含敏感信息的网页,例如帮助说明,或者完成表单的替代方式,例如日期选择器,例如填写和提交表单,如果打开相同的网页,将会用户打断原有操作。
2.用户登录到网站的安全区域,点击链接跳转到安全区域外的网页,将会打断用户的登录。这样情况下,使用外部的窗口打开外部链接允许用户保留原来窗口的登录状态。

样例1:

在线表单在不同的页面为每一个表单区域提供上下文敏感帮助信息,因为表单中包含太多的文本。上下文敏感链接帮助打开新的窗口,或者来阻止已输入数据的丢失;

样例2:

安全网站的网页包含一个安全机制外的链接。链接应该在新窗口打开,不要破坏原来网页的安全机制;

样例3:

数据采集器:当需要打开新窗口采集数据时,要保证原来输入的数据不会丢失;


无障碍效果

各读屏、各浏览器的支持效果

测试人:

争渡、IE11:
永德、IE11:
NVDA、IE11:
永德、chrome:
NVDA、chrome:
NVDA、Firefox:
voiceover、chrmoe:
voiceover、Safari: