-
Notifications
You must be signed in to change notification settings - Fork 24
/
Copy pathindex3.html
164 lines (158 loc) · 10.5 KB
/
index3.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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!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><a class="scroll" title="非文本对象演示页面" href="index2.html">非文本对象</a></li>
<li class="active"><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>
<h3>
示例表单
</h3>
<form id="Amblyopia3" onsubmit="return false;" action="#">
<div class="formLine">
<label accesskey="i" for="xm">
姓名：
</label><input title="姓名" class="text" id="xm" type="text" />
</div>
<div class="formLine">
<label accesskey="i" for="mm">
密码：
</label><input title="密码" class="text" id="mm" type="password" />
</div>
<div class="formLine">
性别： <label accesskey="i" class="short"><input name="sex" title="性别：男" type="radio" />男</label> <label accesskey="i"
class="short"><input name="sex" title="性别：女" type="radio" />女</label>
</div>
<div class="formLine">
<label accesskey="i" for="xl">
学历：
</label><select title="学历" id="xl">
<option>硕士</option>
<option>本科</option>
<option>专科</option>
</select>
</div>
<div class="formLine">
爱好： <label accesskey="i" class="short"><input title="爱好：游泳" type="checkbox" />游泳</label> <label accesskey="i" class="short">
<input title="爱好：音乐" type="checkbox" />音乐
</label>
</div>
<div class="formLine">
<label accesskey="i" id="jylable" for="jy">
建议：
</label><textarea title="建议" id="jy"></textarea>
</div>
<div class="formLine">
<input title="提交" class="button" type="submit" value="提交" /><input title="重置" class="button"
type="reset" value="重置" />
</div>
</form>
</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"></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/index.html' + url);
}
function location_href(url) { location.href = url }
</script>
</body>
</html>