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

11-1使用最新版本的W3C技术[第二优先等级]

由于W3C长期探讨可及性议题，也已建立了无障碍网页开发的相关规范原则，因此建议使用W3C技术。
以下简单列述一些相关的W3C技术：
MathML用于数学表达式
HTML、XHTML与XML用于结构化文件
RDF用于meta data
SMIL用于多媒体的呈现
CSS与XSL用于定义样式表
XSTL提供样式转换

11-2避免使用过时的HTML语法[第二优先等级]

11-2-1 HTML标签与属性

如果新标签与旧标签都可以达到相同的网页效果时，应该采用新标签，因为新的浏览器渐渐只支持新标签而不支持旧标签，所以应避免使用过时的HTML标签(请参考附录四「HTML 4-01标签索引」，或上W3C网站见详细资料：http://www-w3-org/TR/WCAG10-HTML-TECHS/#html-index)。
以下举例，在网页上用<UL>替代过时的<DIR>同样可以达到目录清单的效果：
不良设计：
<P>手机品牌销售排行榜</P>
  <DIR>
  <LI>三星</LI>
  <LI>夏普</LI>
  <LI>诺基亚</LI>
  <LI>明碁</LI>
  </DIR>
正确范例：
<P>手机品牌销售排行榜</P>
  <UL>
  <LI>三星</LI>
  <LI>夏普</LI>
  <LI>诺基亚</LI>
  <LI>明碁</LI>
  </UL>

11-2-2确保使用者可以控制样式

    CSS的"!important"让使用者可以控制网页编排样式，并以防止设定被其他样式覆盖。以下例子说明在网页上的某一段文字不依照其它一般文字的设定(取代原设定)，而特别采用大型字体的设计。
正确范例：
P { font-size:32pt  !important}

    在使用CSS1的时候，即使有"!important"的设定，网页开发者还是可以在网页中作不同的最后样式变化。但是，到了CSS2时，"!important"属性则会超越(覆盖)任何其它的样式设定。另外，CSS2的"inherit "属性可以简化"!important"的使用，以下举例说明强制设定此网页上所有的背景颜色是白色，文字颜色是黑色：
正确范例：
/*设定此份文件主体文字颜色是黑色，而背景颜色是白色*/
BODY {color：#000000 !important；background：#FFFFFF !important}
/*要求其它所有网页元素也都和上面!important设定一样(背景白色，文字黑色)。不过这个承袭的颜色却有可能再被其它更特定的样式所覆盖。*/
*{color：inherit ! important；background：inherit !important}

11-2-3字型样式

提供几项设定字型样式的技术：
应提供一般使用者都可以接受的字型。
使用CSS2属性控制字型样式，如font-family、font-size、font-size-adjust、 font-stretch、font-style、font-variant、与font-weight，取代HTML属性中控制字型的FONT、BASEFONT、face与 size。
如果一定要使用HTML属性控制字型，则可使用BIG与SMALL。

11-3提供选择让使用者依据个人喜好(如语言、网页内容等)浏览网页[第三优先等级]

11-3-1内容的可选择性

网页上可以有以下几项方法提供给使用者选择：
提供网页内容的其他版本，如不同语言的内容。
透过标记语言提供网页内容有不同的样式或语言版本呈现。
内容的可选择性乃是为了满足每位使用者的需求。举例来说，如果有位美国人使用中文网站，可以透过此网站上提供的英文版本浏览。

11-3-2关于音效的样式表

确保视障者透过CSS2音效属性所取得的语音信息与透过有声浏览器所取得的视觉信息是相同的。以下范例是CSS2所使用的一些音效属性：
正确范例：
Ｈ1{voice-family: paul; stress: 20; richness: 90; cue-before: url("ping-au")}

11-3-3内容表现方式的可及性

采用CSS2一起使用以下属性的设定，就可以让使用者有不同网页内容呈现的选择
attribute selectors
the attr() function and the 'content' property
the：before and：after pseudo-elements
以下例子中，alt属性中的内容会在图像之后被解读出，(即使浏览器不显示图像时，也一样)。
正确范例`：
IMG:after {content: attr(alt)}

11-3-4媒体类型

相同的网页内容可提供不同的媒体类型以供使用者选择使用，透过CSS2的媒体类型去设计样式表，可以减少下载档案的时间。这些样式表可以配合点字装置、语音合成器或是TTY[ TTY为使用固定间距字符方格的一种媒体格式，如打字电报机或可携带的简易显示器，都是使用此种格式的媒体装置。(见http://www-w3c-org/TR/REC-CSS2/media-html)]装置呈现内容。

11-4如果不能使这个网页无障碍化时，需提供另一个相等的无障碍网页，且替代网页应与原网页同步更新[第一优先等级]

11-4-1替代的网页同6-5-

无障碍网页设计技术

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

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

热门