认识达内从这里开始

认真做教育专心促就业

开箱即用的网站可访问性提升指南（2）

发布：互联网
来源：互联网
时间：2017-06-17 14:20

本文青岛IT培训小编首先介绍什么是网站可访问性、残障人士如何访问网站;然后提供一些开箱即用的建设无障碍网站的操作指南,让你能够立即在项目中使用;最后介绍了如何检测网站的可访问性.

青岛IT培训

    5.Link 和导航

    (1)链接应该聚焦在本页面,如果需要在新窗口打开页面需要提前告知用户该行为;

    (2)使用 aria-label,aria-labelledby 或 title 为链接提供说明文本,描述去向;

    (3)链接的描述文字必须是独一无二的,相同的链接描述文字应该一致;

    (4)如果一个链接包含一个图片和文字,并且 alt 中的内容和文字类似/相同,那么 alt 的属性应该为空;

    (5)保证不会的用户不知情的情况下刷新和跳转页面;

    6、Image

    (1)为 img 标签提供替换文本,使用 alt 或者 aria-labelledby 等属性;

    (2)纯装饰性图片提供 alt = "",role = "presentation" 或者用 background-image 实现;

    (3)避免提供与相邻链接或文字类似/相同的 alt 文字,造成冗余;

    (4)为一组图片的第一个 item 提供替代文本,比如商品评分star图片组

    (5)提供图片验证码的替代文本,并提供针对不同类型感官直觉的输出方式,如语音验证码

    (6)有背景图片的应该提供图片缺失或者不可用时的背景色

    7.Hn

    (1)每个页面应该有且仅有一个 H1 标题且包含在 main 区块或者 banner 区块;

    (2)同级标题的内容必须是独一无二的,不能相同;

    (3)H 标签里面必须包含可视性文本,H2 ~ H6 中除了 img 的 alt 属性外,还应该包含文字内容;

    (4)标题合理嵌套,方便屏幕阅读器理解文档结构, 如 H2 嵌套 H3,不要跳级嵌套;

    8.键盘可访问性

    (1)提供可以直接导航到主内容区域的链90接和快捷键;

    (2)用 Tab 导航时,获取 focus 的顺序必须有意义,尽量和视觉效果保持一致,且在获取焦点时样式上要和未获得焦点的元素不同;

    (3)页面上所有的交互功能必须可以通过键盘来完成.不要使用双击处理程(onDblClick),因为键盘不能执行这个行为.鼠标事件要提供对应的keydown、keypress、keyup、onfocus 等事件;

    (4)不要有键盘陷阱,保证用户不会被困在某个弹窗里(不能退出)或者迷失焦点元素里.可以使用 tabindex = "-1" 从 Tab 顺序中移除一个元素;

    (5)为页面上的公有区域比如公共导航,提供可以直接跳过的快捷键;青岛IT培训是以实战项目为主要教学方法的Java职业技术培训,能够而有效地缩短同公司具体要工需求之间的差别.

    (6)保证提供的页面快捷键不会和浏览器标准快捷键相冲突;

    (7)保证所有的 menu 子菜单可通过键盘打开并在其中导航;

    9.多媒体和动画

    (1)音频必须要有配套的可替换文字和描述文字;

    (2)音频内容在页面加载时自动播放,超过 3s 的内容要让用户可以自主的暂停和重启内容;

    (3)页面上不要出现闪动频率高于 3 次/s 的内容,以免引起不适;

    (4)如果用户的交互是受时间限制的,需要提供一个方式让用户可以关闭,调整这个时间限制;

    (5)滚动内容或者自动更新的内容在页面加载完成自动开始,更新或移动频率低于 5s 时,需要提供一个可以停止和重启的功能;

    四、检测网站的可访问性

    建站完成之后,可以使用一系列的测评工具对页面的可访问性进行检测.其中包括使用测评插件、键盘可访问性检测、内容检测、屏幕阅读器、其他方式等.

    1.测评插件

    目前比较流行的测评插件有 Chrome 的 WAVE,Firefox 的 Accessibility Evaluation Toolbar .

    2.键盘检测

    在只是用键盘的情况下访问网站.

    3.内容检测

    缩放浏览器 75% ~ 200% 进行检测,看页面上信息展示是否完整.

    4.屏幕阅读器

    使用主流的阅读器主要包括 JAWS, NVDA, VoiceOver 来阅读网站.

    5.其他方法

    邀请身边的残障朋友使用网站等.

更多青岛IT培训相关资讯,请扫描下方二维码

青岛IT培训