canvas教程

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

字号+ 作者:H5之家 来源:H5之家 2017-12-10 15:13 我要评论( )

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

网页制作Webjx文章简介:网页无障碍说明.

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的文字的信息一定不能是重要信息
  • 颜色

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    网友点评