论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

网页制作技巧:网页无障碍说明标准(3)

文章类别:Dreamweaver | 发表日期:13-01-09

网页制作技巧:网页无障碍说明标准(3)


列表

  1. 如果将p一行行的有顺序的排列,就该考虑是不是应该用有序列表了(ol)
  2. 如果将p一行行的排列,就该考虑是不是应该用无序列表了(ul)
  3. 如果列表嵌套深度大于5层的话,应该考虑用h1...h6这样的元素来进行转换。尤其是屏幕阅读器的用户
  4. 列表嵌套别超过5层

链接

  1. 避免使用脱离文章上下文无法理解的文字链接(比如最常用的“详细”的文字)
  2. 如果一个链接包含一个图片和文字,并且alt中的内容和文字匹配(相同),那么alt的属性应该为空
  3. 避免使用小于16*16的图片作为链接
  4. 避免把链接密密麻麻的放在一起(指的是
  5. 确保不同的链接地址用不同的链接文字(也就是说最好避免重复的锚(链接)文字)
  6. 确保相同的链接地址用相同的链接文字(如果多个链接都指向http://www.qq.com,那么这些链接都应该使用相同的锚(链接)文字。如果有的是“腾讯”,有的是“腾讯网”,有的是“腾讯网首页”,这样就不合适了,况且对SEO也不合适)
  7. 避免文字链接少于四个字(在中文网站中这一点很难避免)
  8. 内部的锚点目标要有tabindex="-1"。这是由于当内部链接被激活时,IE可以移动焦点
  9. 如果锚点目标是a或者表单等可以获得焦点的元素,如果使用tabindex="1",在使用tab键切换的时候就会被跳过
  10. 最安全的tabindex属性是0

图片

  1. 宽或高不到8px或者没有alt的图片(特别是装饰性的图片)应该被移除,css技术可以用来控制样式
  2. alt是用来描述图片的,而非单纯的新闻标题或者名词
  3. alt属性不应包含图片的文件名
  4. alt值不应包含冗长的信息(如果很长可以使用<img longdesc="很长很长的内容很长很长的内容" />)
  5. 每个img要有alt
  6. 不能只依赖图片上的文字信息
  7. banner、头图上的文字信息必须在代码中有所体现
视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058