移动端无障碍初探

经过一段时间对Iphone、Ipad和小米手机的无障碍操作测试,整理出来了一点点收获。


要从以下几块做了初步的测试:
测试机型:

  • Iphone4s
  • Ipad2
  • Mi2

测试点:

  • 无障碍辅助功能
  • 设备本身操作
  • 网页操作
  • 无障碍读屏软件(保益)(目前还没太在意,先入手设备自带辅助功能)

一、如何开启手机设备无障碍辅助功能:

  1. apple系列机型的无障碍辅助功能
    1355df529e54ab6a314d8d3864cd0e3d
  2. 小米系列机型的无障碍辅助功能
    1382593071_43

二、无障碍辅助功能基本操作介绍:
手机无障碍辅助功能主要的操作手势有:单指触摸,单指滑动,双指滑动,三指滑动,单击,双击等等
在此以Iphone为例:选中选项(选中选项时,选中项周围会出现边框,对于纯盲人而言,没太大意义):
  a、可任意移动手指,待听到语音提示后,连按两次即可进入相应功能;
  b、可使用左滑(内容逐个向前一个)右滑(内容逐个向后一个),待听到语音后双击进入;
  c、可使用上滑(上一个标题),下滑(下一个标题),块级标题(h1-h6),找到相应模块后,再使用左滑右滑找到具体选项入口;
    注:当上(下)滑到页面最初(末尾)时,会语音提示“找不到标题”,此处类似于PC端网页头部的无障碍导航。
  d、可使用三指滑动,切换手机主界面内容进行翻页;
  e、表单元素均需要连续双击才可获焦;
  f、键盘操作需要手指移动,待语音提示哪个字符后,双击确认输入的字符或者是汉字,当要重新输入其他字符时,需要重新选取字符,在此双击输入内容。


三、怎么读取到网页内容:
以腾讯移动端门户网站为测试点:
网页中操作手势基本上和(二)保持一致
目前测到的点:
  a、通过三指滑动可从上往下浏览网页;
  b、使用上滑(上一个标题),下滑(下一个标题),块级标题(h1-h6),可快速找到相应栏目,当滑至相应相应标题时,会有语音提示标题级别(1、2、3、4、5、6),
     读取标题时,h1-h6会按顺序依次读取,不会因标题级别不一样而跳过,通过标题级别语音提示,可以明确告知视障人事哪些是重要内容哪些是次要内容。
  c、可使用左滑(内容逐个向前一个)右滑(内容逐个向后一个),待听到语音后双击进入(同上);
  d、当读取到ul、ol首位或者末尾li时,会语音提示“列表开头”或“列表结尾”;
  e、三指滑动网页时,会有语音提示,第几页(在打开网页的同时,设备辅助功能会计算页面内容会有多少屏,一屏即一页);
  f、safari浏览器工具栏内内置所有操作按钮都会以语音提示:名称+按钮;
  g、网页标签会语音提示相应的内容后再读标签名称;
  h、form表单内元素会语音提示:“相应名称+连按两次来编辑”,是不是很人性?
     input[type=”text”]:value值+文本文本栏
     input[type=”date”]:selected值多型文本栏
     input[type=”password”]:密码安全
     input[type=”button”]:按钮,怪了不读value值
     button:按钮
     input[type=”checkbox”]复选框取消选中
     input[type=”radio”]收音机按钮(不知道为什么这么收音机)取消选中
     input[type=”file”]选取文件,双击后出现列表,拍照或录像、选区现有的,取消

  目前就测到了这些内容,后续会结合自身相关移动端项目做进一步的学习和研究。


在移动互联网大潮席卷而来之时,为盲人开启另外一扇窗是我们的一份责任。

原文地址:https://www.cnblogs.com/css3China/p/3691817.html