在video-js的demo中看到了很多aria-*,不知道干嘛的。google一下,发现aria的意思是Accessible Rich Internet Application。 Accessible一般是为不方便的人士提供的功能,比如windows的放大镜,语音朗读,高对比度主题等。
google到了一个youtube的视频,讲解的很清楚,有代码有示例。估计是Google Developer Day 2011的分享演讲。真是个有责任感人性化的公司啊!
http://www.youtube.com/watch?v=pwm73Pe5xb8
主要内容是说明并演示了HTML5针对html tag增加的属性:role 和 aria-*。
role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button。
ARIA Roles
Use the ARIA role attribute to indicate that a generic tag is playing the role of a standard widget like a button.
而aria-*的作用就是描述这个tag在可视化的情境中的具体信息。比如,
<div role="checkbox" aria-checked="checked"></div>
辅助工具就会知道,这个div实际上是个checkbox的角色,为选中状态。
Add ARIA for screen readers
ARIA attributes provides semantic information to screen readers that is normally conveyed visually.
Note that using ARIA does not automatically implement the standard widget behavior, you'll still need to add focus management and keyboard navigation yourself.
相关推荐
ARIA provides tools to integrate I/O with your own custom hardware—digital, analog, and serial—and includes comprehensive support for all MobileRobots/ActivMedia robot accessories, including the ...
AriaNg GUI ...Linux: ~/.config/aria-ng-gui/aria2.conf 或 $XDG_CONFIG_HOME/aria-ng-gui/aria2.conf macOS: ~/Library/Application Support/aria-ng-gui/aria2.conf 使用 npm 安装 npm i -g aria-ng-g
aria-practices, WAI创作实践,由 ARIA WG https维护 wai: 创作实践指南这里知识库维护 wai aria创作实践指南。最新版编辑器,由主分支构建。最近版本发布在 w3.org 上由创作实践团队开发的ARIA工作小组 。员工联络...
主要介绍了Bootstrap的aria-label和aria-labelledby属性实例详解,需要的朋友可以参考下
咏叹调属性 由定义的属性列表。 安装 该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : npm install aria-attributes 用 import { ariaAttributes } from 'aria... 'role'
ARIA 查询 以编程方式访问。 此软件包跟踪稳定编辑器的草稿(最后更新:2020 年 7 月 21 日)。 CDN 网址: : 构建src/etc文件src/etc下的文件由breakUpAriaJSON脚本生成。 要更改它们,请编辑文件scripts/roles....
主要介绍了详解Bootstrap的aria-label和aria-labelledby应用的相关资料,需要的朋友可以参考下
使用前先配置aria2.conf 保存路径 dir= 授权令牌 rpc-secret= BT服务器地址 bt-tracker= 还带有WEBfuwu服务软件。 .\web\EasyWebSvr.exe Aria2 简介 Aria2 是一个多平台轻量级,支持 HTTP、FTP、BitTorrent 等多...
ARIA-activedescendant-demo
一个基于WAI-ARIA创作实践的Ember Slider插件。 有关更多信息,请单击 讲解 这里还有一个教程以学习如何从头开始创建此插件。 演示版 兼容性 Ember.js v3.4或更高版本 Ember CLI v2.13或更高版本 Node.js v8或更高...
咏叹调摩卡适用于Node.js和浏览器基础的零配置CLI测试工具安装 npm install --save-dev aria-mochaCLI选项 Usage $ aria-mocha [options] Options -d, --dir Directory folder of spec or test files. (default: src...
AriaNg GUI for Android 一个 Aria2 图形界面安卓应用程序 特性 集成aria2c ...Responsive design, supporting desktop and mobile devices User-friendly interface Dark theme support 屏幕截图 | S
对话框元素具有ARIA role的dialog (或alertdialog )。 对话框元素具有一个ARIA属性,用于指定其标题,即aria-label或aria-labelledby 。 默认情况下,单击模态的参考底图(在对话框元素外部)将关闭模态(可以...
这个仓库是关于什么的? 这是一个用python写的电报... git clone https://github.com/lzzy12/python-aria-mirror-bot mirror-bot/ cd mirror-bot 基于Debian发行版的安装要求 sudo apt install python3 按照Docker安装
ARIA encryption algorithm C source distributed by KISA
aria2-1.35.0 for mac ,GitHub下载太慢了;aria2-1.35.0 for mac ,GitHub下载太慢了
aria2 for android arm版 Aria2是一款免费开源跨平台且不限速的多线程下载软件,Aria2的优点是速度快、体积小、资源占用少;支持 HTTP / FTP / BT / Magnet 磁力链接等类型的文件下载;支持 Win、Mac、Linux系统,...