无障碍网页设计技术手册规范七

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

7-1-1荧幕快速闪烁

荧幕闪烁或是快速移动，对于一些对光过敏的使用者而言，容易引起视觉上的不适，这种不适最易发生在闪烁频率介于4到59赫兹(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端打开)
点击此查看-->我们能提供的信息无障碍服务
点击此查看-->无障碍工具条授权方式和区域代理
点击此查看-->相关服务报价参考

无障碍网页设计技术手册规范七

热门