无障碍网页应用 WAI-ARIA（2）
作者：小树 来源：ISD Webteam 发布时间：2009-11-16 12:32:00
ARIA 用法
ARIA API构建
以下平台均定义了类似的API接口：
Java Accessibility API [JAPI]
Microsoft Active Accessibility [MSAA]
Apple Accessibility for COCOA [AAC]
Gnome Accessibility Toolkit (ATK) [ATK]
UI Automation for Longhorn [UIAUTOMATION]
应用ARIA语境：
1、 应用无语义的XHTML 标签情况；
2、 所应用 XHTML 标签当前状态改变情况；
3、 XHTML 标签需支持键盘索引；
4、 XHTML 标签状态改变时的CSS动态支持；
ARIA role 属性：
ARIA允许开发者为任何HTML元素添加一个简单的属性。ARIA的role根据上下文判断某个元素的作用和性质，也就是说，比如<div>标签并不一定是<div>
<div role=”progressbar” aria-valuenow=”5” aria-valuemin=”0” aria-valuemax=”10”>进度条</div>
以上代码表示：这是一个进度条。
Role 属性值如下：
详细信息：WAI-ARIA Roles.
Role数据模型的类关系图:
其遵循W3C语义模型
ARIA states and properties：
随着网页的动态交互，当 XHTML 元素 states 状态发生变化，与states 对应的properties信息也需要更新，如“cheack”状态改变。
<div role=”radio” aria-checked=”true” aria-describedby=” Identifies that describes the object.”>单选</div>
<a role=”button” aria-describedby=”winClose” href=”#” onclick=”fakewin.close()”>X</a>
支持动态变化时Css绑定:
[aria-checked="true"]:before { background-image: url(checked.gif); }
0
投稿猜你喜欢
最近正在用功的学习jQuery，在琢磨了不少别人写的功能之后，也开始尝试着自己开发一些功能。今天我做了一个简单的密码强度测试工具。这可功能的- 请问css如何实现一张图片的倒影。出来的效果就像这样：下面是使用了滤镜来实现倒影的效果：<div style=" width
- CSS换肤技术一直是一个比较热门的话题，通过给HTML文档不同的CSS样式应用，实现完全不同或风格迥异的页面效果。这样的技术一直为大家所津津
- 1.如果每页都增加打印时间,又如何设置?打印时间的,你可以参考 for(var i=0;i<page.length;i++)
- 以前写过《 10条影响CSS渲染速度的写法与建议》，今天放些数据出来，供参考；首先说明一点，CSS对网页的最后渲染出来的速度影响非
- <!--模板--> <table width="100％" borde
- ORA-00600:internal error code,arguments:[num],[?],[?],[?],[?]产生原因：这种错误
- [Q]怎么样查询特殊字符，如通配符％与_ [Q]如何插入单引号到数据库表中 [Q]怎样设置事务一致性 [Q]怎么样利用光标更新数据 [Q]怎
- 许可和分发权限Access 2003 Developer Extensions随附的许可协议简化了解决方案或代码段的分发过程。这些协议包括免
- 在FF下，如果内容含有FLASH，FLASH不会被隐藏掉，做为变通，我在收缩完成之后，将生成的内容容器隐藏掉了。<!DOCTYPE h
- 动态联接库(DLL)是加快应用程序关键部分的执行速度的重要方法，但有一点恐怕大部分人都不知道，那就是在ASP文件也能通过调用DLL来加快服务
- '创建DOM对象set objDom=server.CreateObject("MicroSoft.XMLDom"
- 我们经常会遇到多重查询问题，而长长的SQL语句往往让人丈二和尚摸不着头脑。特别是客户端部分填入查询条件时，如用普通方法将更是难上加难。以下巧
- 首先声明，在这组里我是个绝对的菜鸟。再次声明，小爝这个菜鸟在“网页设计”这个圈里混了快1年了。 摘要：我知道我有多少底，所以我在总结我的成长
- em 和 strong 的区别，可以从三个层次上来谈。首先看 HTML 4.01 中的说明：EM: Indicates emphasis.S
- HTML5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 W
- Array.prototype._ = function(){var _p = 0;var _v = 0;(function(){
- 一个站点成功与否，不是在于所用的程序语言是PHP还是ASP，也不在于用BLOG建站或是CMS建站，内容和专业很重要。博客很好起步，CMS体系
- 动机： 查询功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。以往的信息查询都是连接到数据库的，每一次点击都必须要后台数据库的支持。
- 初学ASP，程序是能勉强写出来了，但若每进行一次网站页面的改版，所有的源程序都将进行一次移植手术。为此所耗费的人力精力不计其数，甚至一不小心
