● Frame Multimedia Solutions
无障碍
一个会适应使用者的网站。我们为视障、听障、老年以及有认知需求的人设计工具:我们自己的网站首先就应该做到。
01
工具
它们始终在右上角,就是那个人形图标。您的选择会保存在自己的设备上。
文字
- 01
文字大小
三种尺寸。版面会随之调整,内容不会重叠。
- 02
高易读性字体
Atkinson Hyperlegible,由 Braille Institute 为低视力人群设计。
- 03
文字更疏朗
行距、词距和字距都更大。
阅读
- 04
语音朗读
用您设备上的语音朗读整个页面,或只朗读您选中的文字。正在朗读的段落会突出显示;您可以暂停或停止朗读。
- 05
阅读引导条
一条浅色亮带跟随指针移动,页面其余部分变暗,这样您就不会读串行。
颜色与图像
- 06
高对比度
纯黑配纯白(深色主题下则相反),边框更明显。
- 07
灰度
去除整个页面的颜色,适合容易被鲜艳颜色弄得疲劳或分心的人。
- 08
隐藏图片
照片和视频会消失,只留下它们所占的空间,有描述时会显示描述。文字、标志和链接保持原位。
导航
- 09
突出显示链接和焦点
链接始终带下划线;用键盘操作时,当前所在的元素周围会显示粗边框。
- 10
大号鼠标指针
更大的鼠标指针,黑色带白边,在任何背景上都清晰可见。
- 11
停止动画
动态背景、自动播放的视频和自动滚动都会停止。如果您的设备已要求「减少动态效果」,同样会生效。
这些工具能提供帮助,但仅靠它们并不能让网站真正无障碍:关键在于网站本身如何搭建。标题层级有序、对比度足够、所有功能都能用键盘操作、图片配有替代文字、为有需要的人减少动态效果。
02 网站如何搭建
- 每个页面只有一个主标题,标题层级有序,屏幕阅读器可以正常读取。
- 全部内容都能用键盘操作:菜单、图库、筛选、时间轴。页面上有「跳至正文」链接。
- 承载信息的图片都有替代文字;装饰性图片则对屏幕阅读器隐藏。
- 没有视频会带着声音自动播放。自动播放的视频均为静音,移出屏幕后就停止。
- 提供浅色和深色主题,文字可放大到 200% 而不丢失内容。
03 目前还存在的问题
- 项目图库里的照片目前还只有通用描述:我们正在逐张撰写。
- 托管在 YouTube 上的视频并非全部带有字幕。
- 语音朗读使用您设备上的语音:如果某种语言没有可用的语音(阿拉伯语经常如此),需要在系统设置中添加。
我们更愿意讲出来:一份诚实的问题清单,比一份完美的声明更有价值。