开心档之Web Quality - 无障碍(WAI)

简介: 网站无障碍对于社会的发展和个人的尊严都十分重要。研究表明,有17%的人口拥有至少一项残障,包括视觉、听觉和身体功能上的残障,他们有同样和其他人一样访问和使用网络和其他软硬件的权利。除此之外,无障碍网站还具有其他重要的意义。例如: • 提高搜索引擎排名;• 通过提高语言、颜色、字体等选择,增强用户体验;• 适配所有的移动设备和浏览器。

目录

Web Quality - 无障碍(WAI)

Web Quality - 无障碍(WAI)

Web Accessibility的重要性

Web Accessibility的原则

1. 可感知

2. 可理解

3. 可操作

4. 可持续

Web Accessibility的技术指南

结论


image.gif编辑

 


Web Quality - 无障碍(WAI)

无障碍(Accessibility)是指网站追求让用户不因残障、软硬件差异等原因而受到限制,而能够轻松获取和使用其信息。

Web Accessibility的重要性

网站无障碍对于社会的发展和个人的尊严都十分重要。研究表明,有17%的人口拥有至少一项残障,包括视觉、听觉和身体功能上的残障,他们有同样和其他人一样访问和使用网络和其他软硬件的权利。

除此之外,无障碍网站还具有其他重要的意义。例如:

    • 提高搜索引擎排名;
    • 通过提高语言、颜色、字体等选择,增强用户体验;
    • 适配所有的移动设备和浏览器。

    Web Accessibility的原则

    WAI的原则是指南的基础,提供了使Web内容对于各种障碍用户更可访问的基本规则。以下是WAI的原则:

    1. 可感知

    这意味着用户可以识别内容和界面上的信息。

      • 与色盲人士相比,避免使用仅由颜色表示的信息;
      • 通过HTML标记为所有图片添加代替文字;
      • 为多媒体添加文本形式的说明或字幕。

      2. 可理解

      这意味着用户可以理解内容和界面上的信息。

        • 使文本很好的组织,并避免使用模糊和难懂的术语;
        • 为表格添加标签,以便屏幕阅读器可以正确地读取它们;
        • 使文本、数字和符号有较大的大小和比例。

        3. 可操作

        这意味着用户可以交互并使用内容和界面功能。

          • 为所有功能提供清晰的操作指南,以便轻松使用;
          • 允许用户控制音量和视频播放速度;
          • 确保可以通过键盘或者鼠标轻松地操作并可以正确的理解导航的方式。

          4. 可持续

          这意味着用户可以持续使用内容和界面功能。

            • 避免任何可能引起癫痫或其他疾病的强光和强动画。
            • 确保页面加载速度不要太慢,以便所有用户能够快速访问网站;
            • 当使用插件或者脚本时,提供备用功能使用户可以在没有插件和脚本的情况下访问相同的信息。

            Web Accessibility的技术指南

            WAI提供了一组指南以帮助开发人员制定无障碍性网页的技术规范。

            以下是WAI中的技术指南:

              • 提供无声的视频和音频内容的文本副本。
              • 标记表单,使屏幕阅读器能够读取表单标签。
              • 使用常规结构化HTML的标题和文本标记。
              • 使用WAI-ARIA里的角色,状态和属性定义交互控件。
              • 将页面上的元素大小调整为至少200%。
              • 使用高反差的配色,这样更容易分辨文本和背景颜色。

              结论

              通过实施无障碍性标准,我们可以为用户提供更好的体验,并为更多人提供访问内容的机会。Web Accessibility有助于提高现有网站的使用率和吸引新的用户群体。

              相关文章
              |
              2月前
              |
              安全 定位技术 UED
              开心档之Web 品质 - 国际化
              开心档之Web 品质 - 国际化
              |
              2月前
              |
              搜索推荐 UED
              开心档之Web Quality - 无障碍(WAI)
              开心档之Web Quality - 无障碍(WAI)
              |
              7月前
              |
              搜索推荐 UED
              开心档之Web Quality - 无障碍(WAI)
              开心档之Web Quality - 无障碍(WAI)
              45 0
              |
              7月前
              |
              存储 移动开发 安全
              开心档之C++ Web 编程 2
              开心档之C++ Web 编程
              26 0
              |
              3月前
              |
              安全 定位技术 UED
              开心档之 Web 品质 - 国际化
              开心档之 Web 品质 - 国际化
              |
              3月前
              |
              搜索推荐 UED
              开心档之 Web Quality - 无障碍 (WAI)
              开心档之 Web Quality - 无障碍 (WAI)
              |
              7月前
              |
              安全 定位技术 UED
              开心档之Web 品质 - 国际化
              开心档之Web 品质 - 国际化
              25 0
              |
              9天前
              |
              关系型数据库 MySQL
              web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
              web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
              |
              20小时前
              |
              编解码 数据库 计算机视觉
              LabVIEW开发基于Web数字图像处理
              LabVIEW开发基于Web数字图像处理
              |
              3天前
              |
              前端开发 JavaScript Java
              Java与Web开发的结合:JSP与Servlet
              Java与Web开发的结合:JSP与Servlet
              8 0