WAI-ARIA

Web Accessibility Initiative’s Accessible Rich Internet Applications

无障碍网页倡议–无障碍的富互联网应用，也简称ARIA

是一种技术规范，自称“有桥梁作用的技术” 。

所以这样说，是因为在HTML提供相应的语义功能之前，它会使用属性来填补一些语义上的空白。

地标角色（landmark role）

地标角色可以帮助用户识别页面区域，从而让屏幕阅读器用户可以直接跳到这些区域。通常，对这些区域指定role属性就可以了。

一些可用的地标角色：

 <body>

 <!-- 开始页面容器 -->

 <div class="container">

   <header role="banner">

     ...

     <nav role="navigation">

       ... [包含多个链接的无序列表] ...

     </nav>

   </header>

   <!-- 应用CSS后的第一栏 -->

   <main role="main">

     <article>

       ...

     </article>

     <article>

       ...

     </article>

     ... [其他区块] ...

   </main>


 
												


																

最新文章
	

    
						
  1. SQL--联合查询【Union】
		
    2. 
						
  2. ELK笔记
		
    3. 
						
  3. [HTML]img标签属性
		
    4. 
						
  4. Linux 下编译、安装、配置 QT
		
    5. 
						
  5. SGU 114.Telecasting station
		
    6. 
						
  6. c++ 友元类
		
    7. 
						
  7. 谈谈CListCtrl 扩展风格设置方法-SetExtendedStyle和ModifyStyleEx 比較
		
    8. 
						
  8. python之路 - 基础2
		
    9. 
						
  9. java并发编程基础 --- 7章节 java中的13个原子操作类
		
    10. 
						
  10. 解决IOS微信浏览器底部会出现向前向后返回按钮，返回不刷新的问题
		
    11. 
						
  11. semantic-ui 输入框
		
    12. 
						
  12. 介绍Python中6个序列的内置类型
		
    13. 
						
  13. Lucene 4.0 正式版发布，亮点特性中文解读[转]
		
    14. 
						
  14. ES6核心内容讲解
		
    15. 
						
  15. Livepool
		
    16. 
						
  16. iOS7修改UISearchBar的Cancel按钮的颜色和文字
		
    17. 
						
  17. debug 调试原理理解
		
    18. 
						
  18. linux命令提示符[root@localhost ~]#详解
		
    19. 
						
  19. oracle数据库基本操作
		
    20. 
						
  20. Delphi_检查exe文件是否是&quot;随机基址&quot;
		
    21. 
		

	


热门文章
	

    
									
  1. offsetHeight在不同的浏览器下取值不同
			
    2. 
						
  2. 访问阿里云 vue项目的 127.0.0.1:+ip
			
    3. 
						
  3. VIJOS-P1446 最短路上的统计
			
    4. 
						
  4. Tinkoff Internship Warmup Round 2018 and Codeforces Round #475 (Div. 1)
			
    5. 
						
  5. （HK1-2）海康相机直接连接电脑不经过路由器设置
			
    6. 
						
  6. update Select 从查询的结果中更新表
			
    7. 
						
  7. 使用socket.io实现简单的聊天功能
			
    8. 
						
  8. Gamma阶段事后分析
			
    9. 
						
  9. Docker 版rocketmq部署
			
    10. 
						
  10. 【Netcore】使用 Magic生成器 ，零代码实现CRUD - HTTP REST 之接口
			
    11.