无障碍网页应用 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
投稿猜你喜欢
使用wordcloud模块，生成云图，测试文本为：Betty Botter bought some butter but she said- 问题一个已经有内容的 textarea 元素，在执行该元素的 .focus() 方法后，不同的浏览器有不同表现。我们的预期是能够出现在内容后
- 现在网上有很多python2写的爬虫抓取网页图片的实例，但不适用新手（新手都使用python3环境，不兼容python2），所以我用Pyth
- 很多小伙伴在学习Django的时候，总是搞不定版本的问题，下面来一起看一张表，轻松解决Python版本和Django版本的兼容问题。Djan
- 主键自增MySQL 提供了主键自增机制 AUTO_INCREMENT. 对主键使用, 保证了主键的唯一性.注意：自增长必须与主键字段配合使用
- 有使用过VS2005开发工具的朋友或者其他语句如js中都有Try catch 语句块，那么在mysql中是否能有SQLserver的@@er
- position属性可以让你让你随意控制一个特定元素在浏览器何处以及如何显示。比方说我们用position:fixed 让一个图片显示在浏览
- 1.Go语言String的本质就是一个[]byte,所以他们之间可以互相转换，byte数组的长度就是字符串的长度。func StringTe
- numpy库是Python进行数据分析和矩阵运算的一个非常重要的库，可以说numpy让Python有了matlab的味道本文主要介绍几个nu
- 本文实例为大家分享了python微信跳一跳的具体代码，供大家参考，具体内容如下部分代码分享：wechat_jump.pyfrom __fut
- 为了让鼠标移到小图上显示大图,我利用鼠标事件新建了一个层来显示大图.当然之前最好得到XY坐标取得当前鼠标的X,Y坐标：function&nb
- 前言在Python开发中，有些情况下，我们可能面临在一台机器上同时安装多版本Python的需求。比如：有多个Python项目，每个项目依赖不
- mysql允许在相同列上创建多个索引，无论是有意还是无意，mysql需要单独维护重复的索引，并且优化器在优化查询的时候也需要逐个地进行考虑，
- 本文实例讲述了Python实现按中文排序的方法。分享给大家供大家参考，具体如下：安装中文库sudo apt-get updatesudo a
- 在保持合理的数据采集上，使用python爬虫也并不是一件坏事情，因为在信息的交流上加快了流通的频率。今天小编为大家带来了一个稍微复杂一点的应
- 任何一个行业里，当有一头近乎垄断的大象盘踞着的时候，生活在大象身后的蚂蚁们既是悲哀又是幸运的。悲哀的是市场已近乎被大象垄断留给他们的空间已经
- 1.数据的增删改查----------增加数据在视图函数中导入User模型类,然后使用下面的方法添加数据：from django.http
- 在js中直接添加html语句，js会将html字符串解析成相应的HTML语句，并在前端进行显示。 <span style="
- 1 序言1.1 生存压力带来的哲思马尔萨斯最早发现，生物按照几何级数高度增殖的天赋能力，总是大于他们的实际生存能力或现实生存群量，依次推想，
- 目录图片验证码登陆点击个人用户登录获取图片验证码识别并登陆识别较复杂验证码算法其他上一篇介绍了使用python模拟登陆网站，但是登陆的网站都
