ARIA(Accessible Rich Internet Application)

ARIA 为Web app提供满足用户不同需求的解决方案。建设起用户和软件之间的桥梁

新的HTML5标准中增加 aria-* 的标签属性,全称Accessible Rich Internet Application。与role标签属性配合使用。

role属性表示一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button。而aria-*的作用就是描述这个tag在可视化的情境中的具体信息。

最简单的应用比如,

<div role="checkbox" aria-checked="checked"></div>

辅助工具就会知道,这个div实际上是个checkbox的角色,为选中状态。

时间: 2024-10-09 20:35:02

ARIA(Accessible Rich Internet Application)的相关文章

NicEdit - WYSIWYG Content Editor, Inline Rich Text Application

NicEdit - WYSIWYG Content Editor, Inline Rich Text Application By calling the nicEditors.allTextareas() function the below example replaces all 3 textareas on the page with nicEditors. NicEditors will match the size of the editor window with the size

bootstrap aria

ARIA是Accessible Rich Internet Application的简称,指无障碍富互联网应用.可以使一些有功能障碍(如听力,视力)的人群,使用你的网站.下面看一下做为开发人员的我们,如何让他们使用起来更容易. 使用ARIA的一种方式,是添加ARIA到我们的html中.你可能对在HTML中使用语义化元素很熟悉了,如nav,button,header.使用它们,可以很容易表达块的作用.这些元素可以更好地表达页面中内容的意思,我们可以把这些元素和ARIA组合使用. 下面提供大神链接h

[翻译]如何在HTML5中有效使用ARIA

ARIA是Accessible Rich Internet Application的简称,指无障碍富互联网应用.可以使一些有功能障碍(如听力,视力)的人群,使用你的网站.下面看一下做为开发人员的我们,如何让他们使用起来更容易. 使用ARIA的一种方式,是添加ARIA到我们的html中.你可能对在HTML中使用语义化元素很熟悉了,如nav,button,header.使用它们,可以很容易表达块的作用.这些元素可以更好地表达页面中内容的意思,我们可以把这些元素和ARIA组合使用.不过,在一起使用它们

HTML5+Bootstrap 学习笔记 3

HTML5 aria-* and role aria是指Accessible Rich Internet Application.role的作用是描述一个非标准的tag的实际作用,而aria-*的作用就是描述这个tag在可视化的情境中的具体信息.比如 1 <div role="checkbox" aria-checked="checked"></div> 什么是ARIA: WAI-ARIA指无障碍网页应用.主要针对的是视觉缺陷,失聪,行动不便

SAPUI5使用了哪些开源技术

我们知道SAP UI5已经开源了,共享给了Apache开源组织后的名字叫Open UI5,虽然从API的长度上看,Open UI5比SAP UI5要短,但是两者的核心并没有多大区别,SAP UI5多了一些SAP产品所用到的控件,而开源时这部分也就没有必要提交了,当然,SAP UI5也用到了一些开源技术: jquery:这个就不用多介绍了 css3:网页样式表css OData:内置OData数据显示控件.OData请求处理能力 LESS:Less 是一门 CSS 预处理语言,它扩充了 CSS 语

【转载】《Ext JS 4 First Look》翻译之一:新特性

免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:^_^肥仔John      原文地址:http://www.cnblogs.com/fsjohnhuang/archive/2013/01/29/2880705.html 第一章 新特性 Extjs 4相对于之前的版本作出了重大的修正.其中包括全新的类系统.新平台的引入.API的修整和加强还有新组件的引入(如新的图表和图形组件).Extjs 4提供更快速.更稳定的用户体验,

bootstrap 中关于 HTML5 aria-* and role的用法

HTML5 aria-* and role 在bootstrap中看到role和aria-*,不知道干嘛的.google一下,发现aria的意思是Accessible Rich Internet Application. Accessible一般是为不方便的人士提供的功能,比如windows的放大镜,语音朗读,高对比度主题等. HTML5针对html tag增加的属性:role 和 aria-*. role的作用是描述一个非标准的tag的实际作用.比如用div做button,那么设置div 的

aria初探(一)

之前在学习和工作当中碰到的一些有关无障碍的学习心得,比较杂,做一下小结. (1)tabIndex: 当使用键盘时,tabindex是个关键因素,它用来定位html元素. tabindex有三个值:0 ,-1, 以及X(X里32767是界点,稍后说明) 原本在Html中,只有链接a和表单元素可以被键盘访问(即使是a也必须加上href属性才可以),但是aria允许tabindex指定给任何html元素. 当tabindex=0时,该元素可以用tab键获取焦点,且访问的顺序是按照元素在文档中的顺序来f

前端开发手册

做前端有一段时间了,但是总觉得前端就是写写界面就行了,其实不然.一个合格的前端责任是很重大的.本文介绍重点介绍了前端人员需要掌握的一些技能.供大家参考.如果有一些对前端开发还有疑惑的童鞋,可以来看看. 本文来源:http://wiki.jikexueyuan.com/project/fedHandlebook/,建议阅读在线版本:https://dwqs.gitbooks.io/frontenddevhandbook/ 什么是前端开发者? 一个前端开发者, 要会使用Web技术(如:HTML,CS