以前接触过Bootstrap,但也只是仅仅接触,现在重新学习下,今天看到一个例子中的属性有一个role, 查阅资料发现这个是--WAI-ARIA无障碍设计属性;

通俗说是该设计为了一些盲人,失聪,残疾人士而设计的;

深入了解: http://www.zhangxinxu.com/wordpress/?p=2277

--感慨: 大神整理出来的东西好全.....

Ps:

https://w3c.github.io/html/

w3c html -->   3.2.7.4. Allowed ARIA roles, states and properties

Allowed ARIA roles, states and properties list:

http://w3c.github.io/html/dom.html#allowed-aria-roles-states-and-properties

转载于:https://www.cnblogs.com/yys369/p/5309361.html

Bootstrap学习遇到的role属性--- 无障碍网页应用属性相关推荐

  1. WAI-ARIA无障碍网页应用属性完全展示

    WAI-ARIA无障碍网页应用属性完全展示 这篇文章发布于 2012年03月14日,星期三,23:11,归类于 css相关. 阅读 97781 次, 今日 39 次 by zhangxinxu fro ...

  2. WAI-ARIA无障碍网页应用属性完全展示(转)

    http://www.zhangxinxu.com/wordpress/?p=2277 一.你至少应该知道ARIA是什么东西! WAI-ARIA指无障碍网页应用.主要针对的是视觉缺陷,失聪,行动不便的 ...

  3. Bootstrap学习(七)modal模态框、data属性、过渡事件、滚动监听事件

    模态框 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. <div class=" ...

  4. HTML5 无障碍网页设计开发指南

    无障碍网页标准规范 张赐荣 一.无障碍网页 1.1无障碍网页 无障碍网页特别针对残障人士的需要 1.2 ARIA是什麽? ARIA是W3C的 Web无障碍推进组织发布的可访问富互联网应用实现指南.WA ...

  5. 无障碍网页设计(WCAG2.0)

    无障碍化是指无论健全人还是残疾人,年轻人还是老年人都可以平等地获取互联网上的信息和服务.无障碍化网站建设不单可以增加网站的受益群体,更是一个有情怀.有担当的互联网企业的责任,也是一个互联网从业人员应该 ...

  6. Bootstrap学习笔记——导航条、分页导航

    1 导航条 导航条(navbar)比航(nav)复杂很多:导航条(navbar)中有一个背景色.而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式. 1.1 基础导 ...

  7. bootstrap学习(一)-CSS

    bootstrap学习(一)-CSS 一.概览 二.网格系统 三.排版 四.代码 五.表格 六.表单 七.按钮 八.图片 九.辅助类 十.响应式实用工具 一.概览 1.移动设备优先 bootstrap ...

  8. Bootstrap学习 (一)

    Bootstrap学习(一) 准备 1.需要下载的资源 2.参考资源 1. HBuilder快捷键设置 2. Bootstrap的使用 2.1 01-BootStrap的页面模板 代码 2.2 参考A ...

  9. BootStrap学习(2)

    使用Bootstrap添加代码框 可先看:简介.引入.包下载等:http://www.cnblogs.com/0201zcr/p/4900062.html Bootstrap 允许您以两种方式显示代码 ...

最新文章

  1. modules黑名单
  2. 购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端,以及前后端Session
  3. fzu - 2164 Jason's problem
  4. 外部工具连接SaaS模式云数仓MaxCompute 实战—— 数据库管理工具篇
  5. php yii框架源码,yii 源码解读
  6. RabbitMQ入门学习系列(三).消息发送接收
  7. 如果理解Javascript利用闭包循环绑定事件
  8. Nvidia-Docker
  9. 视频编码国家标准AVS与H.264的比较(节选)
  10. 如何使用华为官方模拟器eNSP的12800为后续SDN实验做好准备
  11. MVC 中 Html.RenderPartial()与Html.Partial()区别
  12. vue3实现商城左右联动数据---BScroll(vue3代码复制就能用)
  13. 全网首篇用人话讲清楚:光纤中的色散
  14. 大学物理实验计算机仿真 光电效应,大学物理实验报告模版
  15. python爬虫学习笔记 3.9 (了解参考:训练Tesseract)
  16. Ruby中按照指定编码读取文件
  17. Word2013制作中国的传统福字在屋门上贴的福字(福倒了)
  18. 三翼鸟,用两年开启下一个十年
  19. 文本识别OCR浅析:特征篇
  20. Beats:使用 Heartbeat 来检查 TLS 证书是否将要过期

热门文章

  1. History操作历史记录
  2. 基于ASP.Net Core开发的一套通用后台框架
  3. 爬虫基本库的使用---urllib库
  4. Java 原生日志 java.util.logging
  5. 【Pthon入门学习】多级菜单小例子
  6. Android视频拍摄功能总结
  7. 《构建之法》读书笔记
  8. CentOS安全配置(转)
  9. DEDECMS最新5.7版在Windows下的Memcache安装
  10. 手动实现Promise