规范七、确保使用者能处理时间敏感内容的改变

7-1除非使用者能够控制荧幕闪烁,否则应该避免荧幕闪烁[第一优先等级]

7-1-1荧幕快速闪烁

荧幕闪烁或是快速移动,对于一些对光过敏的使用者而言,容易引起视觉上的不适,这种不适最易发生在闪烁频率介于459赫兹(Hertz是每秒闪烁的次数) ,尤以20赫兹左右最为严重,所以应该避免在网页上设计荧幕闪烁或是快速移动的效果。

7-1-2视觉影像的呈现同1-3-1

7-1-3具可及性的附属小程序(applets)同1-4-2

7-2避免使用荧幕闪烁的设计[第二优先等级]

7-2-1具可及性的附属小程序(applets)同1-4-2

7-2-2文字样式效果

以下可用来设计闪烁式文字样式的CSS2属性:
底线、删除线、以及闪烁:"text-decoration"。如果网页必须呈现闪烁效果时,切勿使用BLINK或 MARQUEE标签,建议使用CSS中"text-decoration:blink"属性,不仅可以达到文字闪烁的效果,同时也可以透过样式表控制其效果。

7-3应该避免文字在网页中移动,除非使用者能够控制该动作[第二优先等级]

7-3-1视觉影像的呈现同1-3-1

7-3-2动画

当透过动画呈现网页内容时,应该提供相等的文字替代说明。

7-3-3具可及性的附属小程序(applets)同1-4-2

7-3-4透过样式表与scripts设计网页内容的移动

可透过样式表与附属应用程序,对网页元件做动作的设计,例如隐藏与显现文字,以及变化文字的颜色和位置。

7-4避免网页定时自动更新的设计,除非使用者能够自行控制此更新[第二优先等级]

7-4-1网页自动更新

不顾及使用者是否有网页更新的需求就自动更新网页,容易造成使用者浏览网页时的不便,因此,若有网页自动更新的需求时,可以透过静态网页上的连结,提供使用者至另一新页面选择。

7-4-2 META标签

由于无法预估使用者需要多久的时间来读完网页上的信息,因此网页开发者必须避免设计自动定时更新网页内容的功能,而应提供较新信息的连结,让使用者有所选择。
      下列设计是使用MATA标签使网页定时自动更新的不良设计:
不良设计:
<HEAD>
< META HTTP-EQUIV=" refresh" content="10">
</HEAD>
<BODY>此网站网址已经变更,网页将自动转往新网址。
</BODY>

    下面例子是设定原网页30秒后自动转换成另一个指定网页,这样的设定也应尽量避免,但是如果必须提供使用自动转址,应该在网页中告知使用者网页将会在多久之后自动转址,并设计文字连结,提供使用者选择可自行连结至指定网页。
改善的设计:
<HEAD>
<META HTTP-EQUIV="refresh" content="30; url=ex-html">
</HEAD>
<BODY>
<P>壮壮通讯行网址已经变更,30秒后网页会自动连结到壮壮通讯行全球信息网的新首页。</P>
<P>想要立即前往新网址或浏览器未能自动更新到新网址,请选择连结。</P>
<A href="ex-html">壮壮通讯行网</A>
</BODY>

7-4-3具可及性的附属小程序(applets)同1-4-2

7-5应该避免使用标记语言自动转移网址[第二优先等级]

7-5-1网页自动更新同7-4-1

7-5-2 META标签同7-4-2


无障碍网页设计技术


点击此查看-->手机端无障碍工具条演示(仅手机端打开)
点击此查看-->PC端无障碍工具条演示(仅PC端打开)
点击此查看-->我们能提供的信息无障碍服务
点击此查看-->无障碍工具条授权方式和区域代理
点击此查看-->相关服务报价参考

标签:信息无障碍 无障碍设计 无障碍网页 无障碍规范