web⽹页规范-WCAG⽅针今天看到⼀个招聘信息，其中有个要求是这样的
- 所开发出来的界⾯能通过W3C的认证, 有 WCAG 经验者优先
由于⾃⼰刚出茅庐，就疑问了，什么事WCAG，上⽹查了下，原来如此
WCAG - ⽹页内容亲和⼒⽅针（Web Content Accessibility Guidelines）
这⾥的⽅针列出了很多，请看：
  规范1: 对于听觉及视觉的内容要提供相等的替代⽂字内容
  规范2: 不要单独靠⾊彩来提供特殊信息
  规范3: 适当地使⽤标记语⾔和样式窗体
  规范4: 阐明⾃然语⾔的使⽤
  规范5: 建⽴编排良好的表格
  规范6: 确保⽹页能在新科技下良好地呈现
  规范7: 确保使⽤者能处理时间敏感内容的改变
  规范8: 确保嵌⼊式使⽤者接⼝具有直接可及性
  规范9: 设计装置独⽴⽹页
  规范10: 使⽤过渡的解决⽅案
  规范11: 使⽤国际与国内官⽅订定的技术和规范
  规范12: 提供内容导引信息
  规范13: 提供清楚的浏览⽹站机制
  规范14: 确保简单清楚的⽹页内容
具体的规范内容如下：
简单网页  规范⼀: 对于听觉及视觉的内容要提供相等的替代⽂字内容
  1.1图⽚需要加上替代⽂字说明
  1.2对于applet提供替代⽂字说明
  1.3对于object提供替代⽂字说明
  1.4对于窗体中的图形按键提供替代⽂字说明
  1.5影像地图区域需要加上替代⽂字说明
  1.6当影像地图使⽤为上传按钮时，每⼀作⽤区域必须分别使⽤不同的按钮
  1.7当alt属性的⽂字陈述⼤于150个英⽂字符时，考虑另外提供⽂字叙述
  1.8提供longdesc以外的描述性超级链接(如D超级链接)，来描述longdesc的内容
  1.9图形替代⽂字陈述不够清晰时，提供更多的⽂字描述(如使⽤longdesc属性)
  1.10所有语⾳档案必须有⽂字旁⽩
  1.11以可及性的影像来替代ASCII⽂字艺术
  1.12视讯中的声⾳必须提供同步⽂字型态的旁⽩
  1.13服务器端影像地图中的超级链接必须在⽹页中有额外对应的⽂字超级链接
  1.14多媒体视觉影像呈现时，必须提供听觉说明
  1.15多媒体呈现时，必须同步产⽣相对应替代的语⾳或⽂字说明
  1.16客户端影像地图中的超级链接必须在⽹页中有额外对应的可及性超级链接
  规范⼆：不要单独靠⾊彩来提供特殊信息
  2.1确保所有藉由颜⾊所传达出来的讯息，在没有颜⾊后仍然能够传达出来
  2.2确保前景颜⾊与背景颜⾊彼此呈现明显的对⽐
  规范三：适当地使⽤标记语⾔和样式窗体
  3.1以实际存在的标记语⾔(如MathML)呈现⽹页内容(如数学⽅程式)，避免使⽤图形影像呈现  3.2确定⽹页设计档，有效使⽤正规的HTML语法
  3.3在doctype标签中，使⽤标准规范的叙述以识别HTML版本类型
  3.4尽可能使⽤样式窗体控制⽹页排版与内容的呈现
  3.5要使⽤相对尺⼨(如%)⽽⾮绝对尺⼨(如像素)
  3.6适当使⽤巢状标题呈现⽂件结构
  3.7避免使⽤header标签来产⽣粗体字效果
  3.8项⽬符号及编号之卷标(如li、ul)仅可使⽤于实际⽹页内容的项⽬条列，不可⽤于编辑格式  3.9确保q和blockquote标签只是⽤来当引⽤语⽽不是⽤来缩排
  3.10以q及blockquote卷标来标记引⽤语
  规范四：阐明⾃然语⾔的使⽤
  4.1明确地指出⽹页内容中语⾔的转换
  4.2⽤abbr及avronym标签表⽰⽹页中呈现的⽂字缩写与简称
  4.3明确指出⽹页⽂字所使⽤的⾃然语⾔
  规范五：建⽴编排良好的表格
  5.1对于每⼀个存放数据的表格（不是⽤来排版），标⽰出⾏和列的标题
  5.2表格中超过⼆⾏/列以上的标题，须以结构化的标记确认彼此间的结构与关系
  5.3在⽹页内容呈现设计时，避免以表格做多
  栏⽂字的设计
  5.4若表格只做为版⾯配置时，勿使⽤表格之结构标记(如th卷标)作为⽹页格式视觉效果
  5.5表格须提供表格摘要说明(如summary属性)
  5.6数据表格须提供标题说明
  5.7表格⾏列过长的标题，须提供缩写或简称
  规范六：确保⽹页能在新科技下良好地呈现
  6.1使⽤ CSS 样式表编排的⽂件需确保在除去样式表后仍然能够阅读
  6.2页框连结必须是HTML档案
  6.3使⽤Script语⾔需指定不⽀持Script时的办法
  6.4若⽹页内的程序对象没有作⽤时，确保⽹页内容仍然可以传达
  6.5若⽹页对象使⽤事件驱动时，确定勿仅使⽤⿏标操作
  6.6使⽤页框时要指定不⽀持页框时的办法
  规范七：确保使⽤者能处理时间敏感内容的改变
  7.1确保⽹页设计不会致使屏幕快速闪烁
  7.2避免使⽤blink卷标闪烁屏幕
  7.3避免使⽤marquee卷标移动⽂字
  7.4避免使⽤动态gif图⽚
  7.5不要让⽹页每隔⼀段时间⾃动更新
  7.6不要⾃动转移⽹页的⽹址
  规范⼋：确保嵌⼊式使⽤者接⼝具有直接可及性
  8.1对由Scripts、Applets及Objects所产⽣之信息，提供可及性替代⽅式
  规范九：设计装置独⽴⽹页
  9.1尽量使⽤客户端影像地图替代服务器端影像地图连结
  9.2对所有⽹页内容元素，确保有⿏标以外的操作接⼝
  9.3确保事件的启发不要求⼀定得使⽤⿏标
  9.4具体指出按下Tab键在窗体控件，超级链接及对象间移动的顺序
  9.5对经常使⽤的超级链接，增加快速键的操作
  9.6对于窗体组件考虑提供键盘快速键的操作
  规范⼗：使⽤过渡的解决⽅案
  10.1除⾮使⽤者知道将会开启⼀个新窗⼝，不要随便开启⼀个新窗⼝
  10.2如果使⽤Script语⾔开启新窗⼝或改变⽬前窗⼝的⽹址，要让使⽤者能事先知道  10.3确保窗体的控件与控件说明之间的配合很适当
  10.4若有以表格直栏格式呈现的⽹页⽂字内容时，提供线性⽂字替代
  10.5在⽹页⽂字输⼊区中须有默认值
  10.6勿单以空⽩间隔分开相连之超级链接
  规范⼗⼀：使⽤国际与国内官⽅订定的技术和规范
  11.1如果你不能使这个⽹页⽆障碍化，提供另⼀个相等的⽆障碍⽹页
  11.2尽量使⽤开放性的最新国际标准规范
  11.3避免使⽤过时的HTML语法
  11.4允许使⽤者依照个⼈喜好设定⽹页呈现⽅式与内容
  规范⼗⼆：提供内容导引信息
  12.1需要定义每个页框的名称
  12.2如果页框名称⽆法描述页框中的内容的话，应加上额外叙述
  12.3把太长的选单项⽬组起来
  12.4在窗体控件中，使⽤fieldset及legend标签作组间的区隔
  12.5尽可能将⽹页内容有相关之元素聚集在⼀起
  12.6在窗体控件上，以label卷标提⽰信息
  规范⼗三：提供清楚的浏览⽹站机制
  13.1设计并确保有意义的超级链接说明，便于⽹页内容的阅读
  13.2如果需要的话，为每个超级链接加上内容描述
  13.3指向不同⽹址的超级链接，不可使⽤相同的超级链接说明
  13.4使⽤metadata卷标来记载计算机可以了解运⽤的⽹页信息
  13.5为你的⽹页加上标题
  13.6为你的⽹站提供⽹站地图或整体性的简介
  13.7⽹页设计使⽤清楚且⼀致的导览机制
  13.8提供⽹页导览连结⼯具列，以利存取⽹站导览结构
  13.9能辨别出意义上有组相关的超级链接
  13.10若有组超级链接，在组之前增设⼀项绕过此区域的超级链接
  13.11若⽹站具有搜寻功能，可以设计不同的⽹页内容搜寻⽅式，以提供不同技能与喜好者搜寻选⽤  13.12在⽹页标题、段落、及列表之前，提供辨别讯息以利识别
  13.13以metadata标签来识别⽹页⽂件包含于整体⽂件内的所在位置
  13.14：H313213 避免在⽹页上使⽤ACSII⽂字艺术
  规范⼗四：确保简单清楚的⽹页内容
  14.1⽹页内容要使⽤简单易懂的⽂字
  14.2使⽤可及性的图形促进⽹页内容的理解
  14.3⽹页彼此间设计呈现的风格要⼀致
规矩实在多，做前端的还是该稍微了解下的。慢慢消化吧！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。