1 Star 0 Fork 44

dodu/信息无障碍工具条

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
index3.html 10.46 KB
一键复制 编辑 原始数据 按行查看 历史
gemgin 提交于 2023-11-07 19:57 . 手机端指定朗读其实位置
<!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 &copy;
<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&amp;uin=308463776&amp;site=qq&amp;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/index.html' + url);
}
function location_href(url) { location.href = url }
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/dodu/ToolsUI.git
git@gitee.com:dodu/ToolsUI.git
dodu
ToolsUI
信息无障碍工具条
master

搜索帮助