跳至正文
ZH

无障碍

文字

  • 文字大小

阅读

颜色与图像

导航

我们的承诺 →

Frame Multimedia Solutions

无障碍

一个会适应使用者的网站。我们为视障、听障、老年以及有认知需求的人设计工具:我们自己的网站首先就应该做到。

01

工具

它们始终在右上角,就是那个人形图标。您的选择会保存在自己的设备上。

文字

  • 01

    文字大小

    三种尺寸。版面会随之调整,内容不会重叠。

  • 02

    高易读性字体

    Atkinson Hyperlegible,由 Braille Institute 为低视力人群设计。

  • 03

    文字更疏朗

    行距、词距和字距都更大。

阅读

  • 04

    语音朗读

    用您设备上的语音朗读整个页面,或只朗读您选中的文字。正在朗读的段落会突出显示;您可以暂停或停止朗读。

  • 05

    阅读引导条

    一条浅色亮带跟随指针移动,页面其余部分变暗,这样您就不会读串行。

颜色与图像

  • 06

    高对比度

    纯黑配纯白(深色主题下则相反),边框更明显。

  • 07

    灰度

    去除整个页面的颜色,适合容易被鲜艳颜色弄得疲劳或分心的人。

  • 08

    隐藏图片

    照片和视频会消失,只留下它们所占的空间,有描述时会显示描述。文字、标志和链接保持原位。

导航

  • 09

    突出显示链接和焦点

    链接始终带下划线;用键盘操作时,当前所在的元素周围会显示粗边框。

  • 10

    大号鼠标指针

    更大的鼠标指针,黑色带白边,在任何背景上都清晰可见。

  • 11

    停止动画

    动态背景、自动播放的视频和自动滚动都会停止。如果您的设备已要求「减少动态效果」,同样会生效。

这些工具能提供帮助,但仅靠它们并不能让网站真正无障碍:关键在于网站本身如何搭建。标题层级有序、对比度足够、所有功能都能用键盘操作、图片配有替代文字、为有需要的人减少动态效果。

02 网站如何搭建

  • 每个页面只有一个主标题,标题层级有序,屏幕阅读器可以正常读取。
  • 全部内容都能用键盘操作:菜单、图库、筛选、时间轴。页面上有「跳至正文」链接。
  • 承载信息的图片都有替代文字;装饰性图片则对屏幕阅读器隐藏。
  • 没有视频会带着声音自动播放。自动播放的视频均为静音,移出屏幕后就停止。
  • 提供浅色和深色主题,文字可放大到 200% 而不丢失内容。

03 目前还存在的问题

  • 项目图库里的照片目前还只有通用描述:我们正在逐张撰写。
  • 托管在 YouTube 上的视频并非全部带有字幕。
  • 语音朗读使用您设备上的语音:如果某种语言没有可用的语音(阿拉伯语经常如此),需要在系统设置中添加。

我们更愿意讲出来:一份诚实的问题清单,比一份完美的声明更有价值。

04

问题反馈

有什么地方对您不好用?请告诉我们您当时在做什么,用的是哪种设备或辅助技术:我们会回复并修正。