向苹果公司致敬!全球无障碍宣传日主题视频分享

信息无障碍,你我一起爱。

2017-05-19 00:00 18阅读
CAPA 2017|出版国内第一本信息无障碍专业书籍,腾讯当选轮值主席

5月11日,中国信息无障碍产品联盟(CAPA)换届选举大会在北京微软(中国)总部召开。会上推选腾讯作为中国信息无障碍产品联盟2017年轮值主席,同时宣布将在2017下半年发布国内第一本以互联网产品、技术、案例为视角编写的信息无障碍领域专业书籍——《信息无障碍,提升用户体验的另一种视角》。百度、腾讯、微软(中国)、阿里巴巴集团、信息无障碍研究会、中国信息通信研究院、中国互联网协会、清华大学无...

2017-05-12 00:00 4阅读
微软语音验证码中的“小而美”

不久前,我们和大家分享了什么是语音验证码,介绍了它的发展过程和一些形式。今天,我们将来看一个案例,微软在语音验证码上的一个细节实现,感受一下无障碍设计中的小而美。   首先,我们打开微软的中文首页 https://www.microsoft.com/zh-cn, 依次点击:“登录”---->“注册一个”,进入注册页面。点击页面中的“音频”按钮(鼠标跟随提示为“切换到音频挑战”) ...

2017-05-02 00:00 6阅读
可用性(Usability)——无障碍(Accessibility)之颜色与对比度

原文地址: https://material.io/guidelines/usability/accessibility.html# 翻译:刘辉 信息无障碍专家 注:文档引用请注明出处。   “无障碍设计让用户有能力顺利地导航、理解和使用你的UI。”   二、颜色和对比度        使用颜色和对比度帮助用户查看和理解应用内容,与正确元素进行交互,以及理解操作。   2.1可访问颜色设置...

2017-04-21 00:00 5阅读
可用性(Usability)——无障碍(Accessibility)之原则

原文地址: https://material.io/guidelines/usability/accessibility.html# 翻译:刘辉 信息无障碍专家 注:文档引用请注明出处。   “无障碍设计让用户有能力顺利地导航、理解和使用你的UI。” 一、 原则 一个好的设计产品,所有能力用户均可访问,包含低视力、失明、听力障碍、认知障碍和运动障碍。提供产品的无障碍特性能够增强所有用户的可...

2017-04-13 00:00 4阅读
构建面向读屏友好的H5模态对话框

我们经常在H5中,使用模态对话框来向用户展示警告等信息。但你是否忽略了读屏用户的体验呢?很多现存的模态对话框并不一定面向读屏友好,这对使用读屏的用户造成了一定的困扰,本文将和大家一起来分析如何构建一个面向读屏友好的模态对话框。 首先,我们还是来看一下,什么是模态对话框。模态对话框(Modal Dialogue Box,又叫做模式对话框),是指在用户想要对对话框以外的应用程序进行操作时,必须...

2017-04-05 00:00 6阅读
信息无障碍专业文档共享

 信息无障碍是指任何人(无论是健全人还是残疾人,无论是年轻人还是老年人)在任何情况下都能平等的、方便地、无障碍地获取信息、利用信息。国际标准Web内容无障碍指南(WCAG)2.0被分成4项主要设计原则:可感知性、可操作性、可理解性、鲁棒性。  个人与终端的无障碍交互、产品的设计和技术的实现是保障所有人能够无障碍使用和获取信息的必要条件,保证用户可以用适合自己的方式输入输出信息。信息的提供和...

2017-03-23 00:00 3阅读
谈谈语音验证码

在谈语音验证码之前,我们先来了解下什么是验证码,它有什么作用。以下是摘自百度百科的一段解释:   验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序。可以防止:恶意破解密码...

2017-03-16 00:00 4阅读
百度发布全深度学习文本到语音转化系统 Deep Voice,比 WaveNet 快400倍

                图文来源:新智元                         百度最新发布文本到语音转化系统Deep Voice。百度称,这是一个全部由深度神经网络构建的系统,在文本到语音的转化速度上比 WaveNet 快400倍。 百度研究院在官方博客上写道: 目前,要搭建这样一个系统,最大的阻碍在于声频合成的速度,此前的方法一般都需要数分钟或数小时来生...

2017-03-09 00:00 4阅读
利用CSS的screen-reader-text样式添加读屏补充信息

本文介绍在Web前端中为读屏提供补充信息的一种小技巧,并简单分析了此技巧的应用场景和注意事项,适当使用本技巧可以在网页浏览中有效提升读屏的操作体验。   在WordPress主题的css中,有一条这样的class定义: .screen-reader-text {  clip: rect(1px, 1px, 1px, 1px);  height: 1px;  overflow: hidd...

2017-02-28 00:00 3阅读