广岛大学网页易读性指针

 (2004年4月1日 校长批准)
改订 2005年4月1日 部分改订
2011年8月1日 部分改订

本指针的目的

这个指针作为“广岛大学官方网站管理和运用指针”的另记,目的是提高在本校的WWW服务器上公开的全部网页的网页易读性。

注重易读性

1.对图像要用ALT属性(替代文本)附加简单的说明。
边看视频边阅读文字比较困难,因此有的用户使用声音合成朗读图像的文字信息(文本)的软件(下面简称音频浏览器)阅览网页。音频浏览器朗读替代图像附加在ALT属性的说明。

  • 为了使音频浏览器的利用者也能把握图像的内容,请用ALT属性给图像标上简单的说明。 例) alt =”大教室的照片”
  • 请给作为链接按钮功能的图像标上“链接到…”那样的ALT属性的说明,使人能知道链接的内容。 例) alt =”链接到广岛大学”
  • 但是,对那些只是为了好看,没有具体什么意思的装饰性的图像,为了避免误导,请不要标上ALT属性。 例) alt=””

2.文字的大小要让利用者可以改变。
有的利用者会用OS和浏览器的设定功能将文字设定成适合自己大小。如果用点数和像素数来指定文字大小,则这个功能不起作用。

  • 如果利用样式表时,请用相对值指定文字大小。 例) font-size:150%
  • 要避免用点数和像素数指定文字大小。

3.提高前景色和背景色的对比度。组合使用容易判别的颜色。
如果前景色和背景色的对比度不足,有的利用者会难以把握内容。另外,如果背景是图案和照片,文字会比较难以阅读。

  • 请使文字和背景色有足够的对比度,注重易读性。
  • 红与绿,红与咖啡色,蓝与黑,蓝与粉红,白与黄这样的组合,有的利用者会难以识别。文字与背景色要用容易识别的颜色组合。

4.要用不依赖颜色的方法表示颜色信息。
有的利用者识别颜色有困难。如果使用颜色区分文字和图表及表,请注意即使不能识别颜色也能理解内容。

  • 如果用颜色来强调和区分(比如,附加文字说明,没有文字的区分用斜线和打网格的等表示),要加上辅助信息。
  • 如果使用颜色的文字和用颜色的区分,请注意即使是黑白打印也要能看清其内容。
  • 有的利用者不能识别取消线和粗体字等文字装饰。请注意即使没有文字装饰也能理解其内容。

5.要避免使用圆圈数字等依赖机种的文字。
依赖机种的文字(圆圈数字,半角片假名,全角希腊数字,特殊符号等)因利用者使用的OS,有可能无法正确显示。请避免使用依赖机种的文字。

6.对音频和视频,要追加作为替代的文字说明,或插入字幕。
主要是要注重有听觉障碍的利用者,但也要对母语不是日语的利用者和使用没有浏览器功能的计算机访问的利用者有用。对音频和视频,要准备作为替代的文字说明或字幕。

7.如果有使用PDF文件和Java及Flash等其他程序(技术)编写的对象,要准备替代的HTML页。
使用PDF文件和Java及Flash等的网页,有许多用音频浏览器阅览的利用者和用键盘访问的利用者不能阅览。请准备替代手段和替代信息,使得即使不能利用这些技术也能获得相同的信息。

注重通俗易懂

8.给每页标上妥善的标题。
音频浏览器按从上到下的顺序朗读页内信息。通过给每页标上妥善的标题,帮助理解站点的结构,使信息容易查找。

  • 请在(HEAD)の(TITLE)部标上能联想内容的容易理解的网页固有的标题。
  • 即使是相同站点内的网页,也要给每页标上固有的标题。

9.标上能明确理解链接内容的链接标题。

  • 请标上容易理解的链接标题,使用户点击链接按钮,能想象会打开怎样的网页。
  • 如果链接的是外部站点,要进行说明。
  • 如果链接的是PDF等文件,要标记文件形式和文件大小。

10.为了容易把握站点内的位置关系,要标上适当的导航。
为了把握阅览了站点内的什么网页,在站点内网页间容易移动,请标上适当的导航。对每个网页设计面包屑列表(排列指向上层的链接)和菜单等,要注意把握位置关系和容易向其他网页移动。

11.使用列表时,要注意音频浏览器的朗读顺序(从左到右,从上到下)。
音频浏览器从左到右,从上到下朗读列表的信息。

  • 使用列表时,也要注意让音频浏览器利用者把握其内容。
  • 注意不要为了版面布局使用复杂的列表结构。

注重操作性

12.导航和菜单要注重能跳到正文。
如果导航和菜单安排在网页正文之前(上面或左边),对音频浏览器利用者来说,从网页头到正文就远了。如果导航和菜单的信息量大,要“在网页左上方设置到正文的链接按钮”“在前面(左边)设置正文”等,能跳过导航和菜单阅览正文。

13.要避免乱用框架,安排好各项目的顺序。
音频浏览器将框架作为一个网页进行朗读。因此,对使用音频浏览器的人来说,反过来难以使用框架。另外,如果分散设置项目,则选择框要跳来跳去,比如,(不使用鼠标)用键盘访问的人有可能搞不清楚选择哪个项目。要把框架的使用降低到最小限度,如果要使用框架,则请安排好各项目的顺序。

14.要用键盘也能选择全部的链接、按钮和菜单等项目。
有的人因运动功能和视觉障碍难以操作鼠标。要注意仅使用键盘就能访问所选择的项目。

  • 请确认能用「TAB」键和「ENTER」键在项目间移动和选择。
  • 请确认并用箭头键能选择菜单和清单的全部项目。
  • 如果不能访问,要考虑不使用这些方法也能提供信息的方法。

15.要放大按钮等的选项大小,使鼠标容易选择,另外项目之间也要有适当的间隔。
另外,与上述相反,也有不使用键盘,仅使用鼠标操作电脑的利用者。有时会因发抖和紧张难以正确操作。

  • 请放大选项的大小,给文本部分设定链接等,注重容易点击。
  • 请充分考虑选项的间隔,避免误点击。

16.要避免不是利用者选择的动作。
在违反利用者的意思而动作的站点,有可能发生站点利用者意想不到的麻烦。

  • 请在利用者没选择的情况下不要自动再生音频。
  • 请在利用者没选择的情况下不要自动转到其他网页。
  • 请不要以很短的周期(1秒钟内2次以上)闪烁图像。

易读性的检查

17.用老式电脑和浏览器确认显示,听取多人的意见。
有的人使用小屏幕(800×600像素)电脑,没有最新功能的浏览器进行访问。要确认在这种老的环境下也能毫无问题进行显示。另外,请残疾人实际使用,听取他们的意见也很有参考价值。

18.对制作的网页检查易读性。
请利用检查工具(该链接为日语页面)进行确认,用黑白打印确认内容,切换文本显示,确认音频浏览器的应对情况等方法,检查易读性。

 

附则 这个指针从2004年4月1日起施行。
附则 这个指针从2005年4月1日起施行。
附则 这个指针从2011年8月1日起施行。


up