forked from gemgin/AmblyopiaTool
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
134 lines (128 loc) · 8.69 KB
/
index2.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
<!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 title="网站盲人通道" href="javascript:;" class="navbar-brand brand wzayd" accesskey="g" onclick="ShowDetail()" onmousedown="ShowDetail()"><i class="fa icon-wza " 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 class="active"><a class="scroll" title="非文本对象演示页面" href="index2.html">非文本对象</a></li>
<li><a class="scroll" title="表单朗读演示页面" href="index3.html">表单朗读</a></li>
<li><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>使用鼠标悬停选择或键盘焦点选择即可听到语音朗读内容；使用“连读”功能可以朗读当前页面所有内容。
</div>
<hr class="animate-box fadeInUp animated" />
<h3>
图片内容朗读样例
</h3>
<div style="position:relative;max-width:500px;"><img style="max-width:100%;" title="越是残疾，越要美丽。" alt="越是残疾，越要美丽。" src="res/pic.jpg" /></div>
<hr class="animate-box fadeInUp animated" />
<h3>
（下面视频）来自APPLE的无障碍概念视频
</h3>
<div style="position:relative;max-width:500px;">
<video style="background-color: rgb(0, 0, 0); width: 100%; height: 100%; display: block;" webkit-playsinline="" x-webkit-airplay="" data-role="txp_video_tag" name="media" controls="controls" preload="meta" src="//www.qqqao.com/res/mda-APPLE.mp4" alt="（视频）来自APPLE的无障碍概念视频" title="（视频）来自APPLE的无障碍概念视频"></video>
</div>
</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 id="rrbayJs" src="/canyou/js/wza.min.js"></script>
<!-- 引入js -->
<script type="text/javascript">
function ShowDetail() {
if (window.top.document.getElementById("rrbay_wzatool")) {
return false;
}
var url = "?url=" + document.location.href;
window.scrollTo(0, 0);
location_href('canyou/defaultbw.html' + url);
}
function location_href(url) { location.href = url }
</script>
</body>
</html>