-
Notifications
You must be signed in to change notification settings - Fork 24
/
Copy pathindex4.html
145 lines (137 loc) · 9.53 KB
/
index4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>栏目跳转演示 - 信息无障碍公共服务平台 - 湖北太阳湾科技有限公司</title>
<!--页面SEO优化-->
<meta name="og:keywords" content="信息无障碍,无障碍工具条,适老化,长辈模式,无障碍阅读,适老化,长辈模式,无障碍通道,网站无障碍,无障碍标准,无障碍实施,无障碍改造,无障碍辅助浏览," />
<meta name="keywords" content="信息无障碍,无障碍工具条,适老化,长辈模式,无障碍阅读,适老化,长辈模式,无障碍通道,网站无障碍,无障碍标准,无障碍实施,无障碍改造,无障碍辅助浏览," />
<meta property="og:title" content="栏目跳转演示" />
<meta property="title" content="栏目跳转演示" />
<meta name="og:description" content="湖北太阳湾科技有限公司是中国最早专注于信息无障碍的专业机构。为推动中国信息无障碍环境建设进程，公司组建了一支由精通IT和信息无障碍专业知识、同时是障碍群体组成的信息无障碍专家团队，提供专业信息无障碍测试、咨询、优化服务，以实现信息无障碍在执行层面的可行性。" />
<meta name="description" content="湖北太阳湾科技有限公司是中国最早专注于信息无障碍的专业机构。为推动中国信息无障碍环境建设进程，公司组建了一支由精通IT和信息无障碍专业知识、同时是障碍群体组成的信息无障碍专家团队，提供专业信息无障碍测试、咨询、优化服务，以实现信息无障碍在执行层面的可行性。" />
<meta name="og:author" content="湖北太阳湾科技有限公司" />
<meta name="author" content="湖北太阳湾科技有限公司" />
<meta property="og:type" content="website" />
<meta property="type" content="website" />
<meta property="og:url" content="http://www.qqqao.com/index.html" />
<meta name="url" content="http://www.qqqao.com/index.html" />
<meta property="og:image" content="/res/logo.jpg" />
<meta name="image" content="/res/logo.jpg" />
<link href="favicon.ico" rel="Bookmark" />
<link href="favicon.ico" rel="shortcut icon" />
<!-- CSS Implementing Plugins -->
<link type="text/css" rel="stylesheet nofollow" href="res/bootstrap.min.css" />
<!-- CSS Template -->
<link type="text/css" rel="stylesheet nofollow" href="res/main.css" />
<link type="text/css" rel="stylesheet nofollow" href="res/elder.css" />
<!--[if lt IE 9]>
<script src="res/html5shiv.js"></script>
<script src="res/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="page" class="page">
<!--start header -->
<header class="header8" id="home">
<!--start navigation -->
<nav role="navigation" class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button data-target="#navbar-collapse-02" data-toggle="collapse" class="navbar-toggle" type="button">
<span class="sr-only">菜单</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="wzayd" title="网站无障碍辅助浏览" href="javascript:;" class="navbar-brand brand wzayd" accesskey="g"><i class="fa icon-wza " aria-hidden="true"></i>无障碍工具条</a>
<a id="wzaElder" title="网站适老化模式" class="navbar-brand brand wzaElder" href="javascript:;" accesskey="o"><i class="fa icon-elder" aria-hidden="true"></i>适老模式</a>
</div>
<div id="navbar-collapse-02" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a class="scroll" title="文本朗读演示页面" href="index.html">首页</a></li>
<li><a class="scroll" title="非文本对象演示页面" href="index2.html">非文本对象</a></li>
<li><a class="scroll" title="表单朗读演示页面" href="index3.html">表单朗读</a></li>
<li class="active"><a class="scroll" title="栏目跳转演示页面" href="index4.html">栏目跳转</a></li>
<li><a class="scroll" title="区域跳转演示页面" href="index5.html">区域跳转</a></li>
<li><a class="scroll" title="无障碍工具条下载部署" href="index6.html">下载安装</a></li>
</ul>
</div>
</div>
</nav>
<!--start navigation -->
<!--end content -->
<div class="intro center-content">
<div class="container rrbay_content">
<div class="row">
<a id="logo" href="//www.rrbay.com/" title="湖北太阳湾科技有限公司">
<img alt="网站无障碍工具条演示站点" src="res/logo.jpg" />
</a>
<hr class="animate-box fadeInUp animated" />
<div id="content">
<h2>
栏目跳转演示页
</h2>
<div id="explain">
<strong>开启语音：</strong>点击信息无障碍工具条“语音”按钮即可开启语音辅助功能。也可以使用转换键[Shift]+数字键[6]开启和关闭语音辅助功能。<br />
<strong>使用方法：</strong>使用键盘快捷键Alt+t进行新闻示例跳转；使用键盘快捷键Alt+c进行栏目跳转；使用键盘快捷键Alt+l进行左侧导航跳转。
</div>
<h3>
<a href="javascript:" accesskey="c">国际新闻栏目</a>
</h3>
<ul>
<li><a href="javascript:" accesskey="t">国际新闻示例1</a></li>
<li><a href="javascript:" accesskey="t">国际新闻示例2</a></li>
<li><a href="javascript:" accesskey="t">国际新闻示例3</a></li>
<li><a href="javascript:" accesskey="t">国际新闻示例4</a></li>
</ul>
<h3>
<a href="javascript:" accesskey="c">国内新闻栏目</a>
</h3>
<h4>
<a href="javascript:" accesskey="c">要闻栏目</a>
</h4>
<ul>
<li><a href="javascript:" accesskey="t">要闻新闻示例1</a></li>
<li><a href="javascript:" accesskey="t">要闻新闻示例2</a></li>
<li><a href="javascript:" accesskey="t">要闻新闻示例3</a></li>
<li><a href="javascript:" accesskey="t">要闻新闻示例4</a></li>
<li><a href="javascript:" accesskey="t">要闻新闻示例5</a></li>
</ul>
<h4>
<a href="javascript:" accesskey="c">财经栏目</a>
</h4>
<ul>
<li><a href="javascript:" accesskey="t">财经新闻示例1</a></li>
<li><a href="javascript:" accesskey="t">财经新闻示例2</a></li>
<li><a href="javascript:" accesskey="t">财经新闻示例3</a></li>
<li><a href="javascript:" accesskey="t">财经新闻示例4</a></li>
<li><a href="javascript:" accesskey="t">财经新闻示例5</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--end content -->
</header>
<!--end header -->
<!--start footer -->
<footer class="footer8">
<div class="container">
<div class="col-md-12">
Copyright ©
<script type="text/javascript">var date = new Date; document.write(unescape(date.getFullYear()));</script> <a href="//www.rrbay.com/" title="湖北太阳湾科技有限公司">湖北太阳湾科技有限公司 </a>
<a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">鄂ICP备18001550号-3</a>
<p class="pull-right small"><code><a title="产品在线咨询" href="//wpa.qq.com/msgrd?v=3&uin=308463776&site=qq&menu=yes" rel="nofollow" target="_blank">QQ:308463776</a></code></p>
</div>
</div>
</footer>
<!--end footer -->
</div>
<!--=== Load JS here for cdn ====-->
<script type="text/javascript" rel="nofollow" src="res/jquery-3.6.1.min.js"></script>
<script type="text/javascript" rel="nofollow" src="res/bootstrap.min.js"></script>
<script defer async id="rrbayJs" src="/canyou/js/wza.min.js?blue"></script>
</body>
</html>