首页 > 其他分享 >开心档之Web Quality - 无障碍(WAI)

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

时间:2023-07-09 20:55:56浏览次数:56  
标签:Web WAI Accessibility 用户 无障碍 Quality

目录

Web Quality - 无障碍(WAI)

Web Quality - 无障碍(WAI)

Web Accessibility的重要性

Web Accessibility的原则

1. 可感知

2. 可理解

3. 可操作

4. 可持续

Web Accessibility的技术指南

结论



​编辑

 

 


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有助于提高现有网站的使用率和吸引新的用户群体。

标签:Web,WAI,Accessibility,用户,无障碍,Quality
From: https://www.cnblogs.com/gddg/p/17539353.html

相关文章

  • Java - JavaWeb - Concepts
    1.Servlet配置1.1.配置父级项目配置好IntellijIDEA/MAVEN之后, 创建一个新项目com.crevew.javaweb-02-servlet,然后删除所有的SRC(方便接下来创建servlet模块);然后更新最外面的父pom.xml,加上<projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.......
  • 优化Web服务器流量-Varnish
    1.使用Varnish缓存静态内容1.1描述Varnish流量大的Web服务器通常需要卸载部分工作负载以维持其命中率并为客户提供可接受的响应时间。Varnish缓存是一个网络加速器,你部署在这样的网络服务器前。而不是直接访问web服务器,web客户端联系Varnish。Varnish代表这些客户端从后端web服......
  • 详解Django请求与响应:深入理解Web Http交互的核心机制
    本文深入探讨了Django中的请求与响应处理,从Django请求和响应的基础知识、生命周期,到HttpRequest和HttpResponse对象的详细介绍。同时,讨论了Django的视图和请求、响应处理,以及安全性和异步处理的考虑。最后,对比了Django与Flask、FastAPI等框架在请求响应处理上的异同......
  • python获取小红书web_session,以及解决x-s签名验证(2023-07-09)
    一、web_session请求接口:https://edith.xiaohongshu.com/api/sns/web/v1/login/activate请求类型:post提交数据:{}这儿是两个字符{},笔者最初提交None,总得不到结果,chromeF12才发现需要这两个字符。二、签名验证x-s 该请求需要x-s签名验证,签名代码如下:a1="186d30820a4......
  • C# httpclient获取cookies实现模拟web登录
    目前在公司做一款平台化的产品,我主要负责PC端上的开发,在产品推荐过程中为了节省开发时间很多功能模块没来得及做原生,用CEF嵌入了很多带功能web页面,与客户端进行交互从而实现功能。在二期开发中,产品需求说明书中需要把登录功能放在客户端来做,这当中涉及到一个问题客户端做登入登出......
  • Web开发|SpringBoot-Bean
    起因:经常在Config文件里看见Bean的存在,所以开始探究Bean的概念还使用方法。原文来自:https://gustavopeiretti.com/spring-boot-bean-annotation/#:~:text=What%20is%20%40Configuration%20in%20Spring,other%20parts%20of%20the%20application. 在SpringBoot中,@Bean是一个方......
  • web中间件漏洞之(3)fastjson反序列化漏洞
    引言fastjson可以将Java对象序列化为json格式,也可将json反序列化为Java对象。在请求包里面中发送恶意的json格式payload,fastjson在处理json对象时使用了autotype机制,允许在反序列化时通过@type指定反序列化的类,调用指定类的set和get方法。攻击者可以通过rmi或ldap服务,将ldap......
  • Web漏洞扫描(AWVS)
    AWVS原理是基于漏洞匹配方法,通过网络爬虫测试你的网站安全,检测流行安全漏洞。AWVS可以通过SQL注入、XSS、目录遍历、代码执行等漏洞来审核web应用程序的安全性并输出扫描报告。相对于手动测试的复杂和耗时,它能快速的发现漏洞来提高效率和漏洞覆盖面。 安装与启动:这个AWVS并......
  • Spring整合web环境(Servlet)
    前提:Spring系列坐标版本统一,否则会出现版本问题发布之前先进行打包,可以暴露一些代码配置上的问题,避免出现找不到资源的问题1.创建Servlet @WebServlet注解用于配置Servlet,相当于web.xml中的以下代码<servlet><servlet-name>AccountServlet</servlet-name><servlet-c......
  • 微信小程序websocke协议wss用nginx反向代理
    map$http_upgrade$connection_upgrade{defaultupgrade;''close;}upstreamwebsocket{serveryourip:port;}server{listen443;server_namexxxx.com;sslon;ssl_certificate/xx/xx/cert.crt;ssl_certificate_key/xx/xx/cert.key;......