当前位置: 首页 > news >正文

web标准化(下)

关于web标准的可用性、可维护性、可访问性

可用性

产品是否容易上手,用户使用此产品的主观感受如何,从用户的角度来判别产品的质量。

可维护性

构建可维护性好的代码,对于企业的长期发展很重要。

  • 系统出现问题时,能否快速定位并解决问题,并且保证低成本
  • 代码是否容易被人理解,是否容易对代码进行修改与增强。

可访问性

简单来说,就是让所有用户(包括残障人士)都能拥有良好的使用体验。

网站用户一般有:

  • 身体健康的用户;
  • 盲人或严重视觉障碍者,他们使用屏幕阅读器来听取网站,或者通过点字显示器来感知网页;
  • 近视者,需要将字体大小放大到200%;
  • 患有运动性残疾,因此无法用手操作鼠标,而用点击棒来操作键盘,或通过视线点击器来操作网站的用户;
  • 使用移动设备如常用的手机,或使用跟踪球等不常见的计算机控制设备的用户。

如何做到可访问性良好?

  • HTML语义化、结构化:HTML语义结构提供了网页的整体框架,提示他们在文件层级中所处的位置,还有他们可以如何与各种页面元素进行交互,以及在适当的地方对文本内容进行强调,帮助用户获得大量重要信息。如导航菜单。
<ul>
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
</ul>

说明:通过将导航菜单构造为列表,就能很容易地让那些使用屏幕阅读器、同时无法看到列表的人知道这是个列表。因为他们的屏幕阅读器会告诉他们这是一张列表。如果你没有使用列表标记,屏幕阅读器就没办法知道这是列表,因此也就不能告诉使用者了。

  • 替代内容:文本可以作为页面内容的通用替代内容,如img标签的alt属性值、a标签的title属性值。
    <a href="http://www.alimama.com" title="淘宝联盟大促销">
        <img alt="淘宝联盟大促销" src=http://www.webjx.com/web/"images/app/sale.jpg"/>
    </a>

说明:文本内容可以很方便地由屏幕阅读器朗读出来,也可以放大或缩小,还可以方便地改变其对比度,或者进行其他许多变形操作。alt 属性包含了对该图片的简短描述,以便无法准确看到该图片的用户(或搜索引擎)使用,title属性负责对链接地址的详细文本描述。

四个可访问性标准:

  • 可感知:人们可以通过适合自己的媒体来获知网页内容。比如应当让盲人得以收听页面内容。例如,图像应该有文本对应体。
  • 可操作:人们可以与 web 应用程序或内容进行交互。例如,用户应该可以不用鼠标也能与某个网站进行交互,并且可以通过屏幕阅读器来进行导航。
  • 可理解:使用者可以弄懂页面内容和用户界面。
  • 健壮性:所提供的一切服务都应当不受平台或操作系统的限制。例如,不同设备上的浏览器能够一起使用网站,且导航应该是一致的。

参考链接:

  1. 什么是web标准、可用性、可访问性 http://blog.csdn.net/foreverl...

相关文章:

  • Java环境搭建与配置
  • 【JS第17期】单体内置对象
  • Delphi编程地一些小程序
  • 乐观锁和悲观锁
  • Linux初始设置
  • PostgreSQL 11 preview - 分页内核层优化 - 索引扫描offset优化(使用vm文件skip heap scan)...
  • linux下jdb远程调试tomcat源码
  • PostgreSQL 11 preview - pgbench 支持大于1000链接(ppoll()代替select())
  • 数字操作符九度OJ 1019 简单计算器
  • NO1 ip-systemctl-fdisk
  • 执行对象cocos2d-x 2.x action动作整理集合
  • MySQL主从复制介绍
  • C# 使用GDI+绘制漂亮的ToolStrip和StatusStrip皮肤(转载)
  • Win32编程点滴3 - 简单ActiveX控件的使用
  • 禁止鼠标选中文字
  • 【从零开始安装kubernetes-1.7.3】2.flannel、docker以及Harbor的配置以及作用
  • Android Volley源码解析
  • Codepen 每日精选(2018-3-25)
  • Cumulo 的 ClojureScript 模块已经成型
  • JS字符串转数字方法总结
  • Linux后台研发超实用命令总结
  • miaov-React 最佳入门
  • MySQL常见的两种存储引擎:MyISAM与InnoDB的爱恨情仇
  • Next.js之基础概念(二)
  • Odoo domain写法及运用
  • Redis学习笔记 - pipline(流水线、管道)
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • 程序员最讨厌的9句话,你可有补充?
  • 从零开始的无人驾驶 1
  • 对象引论
  • 分布式事物理论与实践
  • 计算机常识 - 收藏集 - 掘金
  • Spring Batch JSON 支持
  • 从如何停掉 Promise 链说起
  • #HarmonyOS:软件安装window和mac预览Hello World
  • #Linux杂记--将Python3的源码编译为.so文件方法与Linux环境下的交叉编译方法
  • #LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
  • $NOIp2018$劝退记
  • (板子)A* astar算法,AcWing第k短路+八数码 带注释
  • (附源码)springboot宠物医疗服务网站 毕业设计688413
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (附源码)ssm高校社团管理系统 毕业设计 234162
  • (每日持续更新)jdk api之StringBufferInputStream基础、应用、实战
  • (七)c52学习之旅-中断
  • (一)搭建springboot+vue前后端分离项目--前端vue搭建
  • .locked1、locked勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET 8.0 中有哪些新的变化?
  • .NET Core中Emit的使用
  • .NET Windows:删除文件夹后立即判断,有可能依然存在
  • .net 打包工具_pyinstaller打包的exe太大?你需要站在巨人的肩膀上-VC++才是王道
  • .NET/C# 编译期能确定的字符串会在字符串暂存池中不会被 GC 垃圾回收掉
  • .NET/C# 推荐一个我设计的缓存类型(适合缓存反射等耗性能的操作,附用法)
  • .net和jar包windows服务部署
  • @RequestMapping-占位符映射
  • [ JavaScript ] JSON方法