首页 > 编程 > HTML > 正文

网页制作技巧教程:网页无障碍说明标准

2024-08-26 00:16:41
字体:
来源:转载
供稿:网友

武林网(www.vevb.com)文章简介:网页无障碍说明.

W3C要求
  • 必须有DOCTYPE
  • 必须指定字符编码
  • 语言
  • 每个页面的html标签要指定lang属性,<html xml:lang="zh" lang="zh">
  • 线性阅读
  • 不以表格作为布局使用
  • 采用定位的时候,将css去除,查看内容的阅读顺序是否符合有意义
  • 标题 hn 菜单和导航
  • ul是用来作为导航的最合适的元素,其次是ol
  • 推荐的导航结构:

    <h2 class="offscreen" ></h2><!--h2~h6后面紧挨着ul或者ol,这样才会被认为是navigation bar,并且这里的hn出现在h1前面被视为符合要求的-->

    <ul>

     

  • <a href="#">栏目1

     

     

  • <a href="#">栏目2

     

    </ul>

    /*css style*/

    .offscreen {
    position: absolute;
    top: -30em;
    left: -300em;
    }

  • 文本样式 列表 链接 图片Objects 表单 框架 事件 accesskey属性 缩放
  • 禁止使用-webkit-text-size-adjust:none,推荐使用-webkit-text-size-adjust:100%,保证在小尺寸IOS设备上的字体比例
  • 在chrome中使用-webkit-text-size-adjust:none实现小于12px的文字的信息一定不能是重要信息
  • 颜色

    发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表