1 Star 0 Fork 44

乔木/信息无障碍工具条

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
index5.html 7.45 KB
一键复制 编辑 原始数据 按行查看 历史
gemgin 提交于 2023-03-27 19:01 . 适老化版本更新
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="referrer" content="same-origin" />
<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="/css/logo.jpg" />
<meta name="image" content="/css/logo.jpg" />
<link href="favicon.ico" rel="Bookmark" />
<link href="favicon.ico" rel="shortcut icon" />
<!-- 引入样式 -->
<link href="css/public.css" rel="stylesheet" type="text/css" />
<link href="css/demo.css" rel="stylesheet" type="text/css" />
<!-- 引入js -->
<script type="text/javascript" src="/canyou/js/jquery.min.js"></script>
<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/default.html' + url);
}
function location_href(url) { location.href = url }
</script>
</head>
<body>
<!--start 网站辅助浏览 -->
<h1 class="topEnter">
<a title="无障碍通道" href="javascript:;" onclick="ShowDetail()"
accesskey="g" onmousedown="ShowDetail()" target="_self">进入无障碍通道</a>
</h1>
<!--end 网站辅助浏览 -->
<div id="skip">
<a title="跳转到主要内容区域" accesskey="2" href="index5.html#content">跳转到主要内容区域</a>
</div>
<div id="wrapper">
<!--start 湖北太阳湾科技有限公司头部 -->
<div id="header">
<a id="logo" href="//www.rrbay.com/" title="湖北太阳湾科技有限公司">
<img alt="网站辅助浏览工具条演示站点" src="css/logo.jpg" />
</a>
<div class="wzaColor">
<ul>
<li>
<a href="/index5.html">蓝色</a>
</li>
<li>/</li>
<li>
<a href="/index2.html">灰色</a>
</li>
<li>/</li>
<li>
<a href="/index3.html">纯蓝</a>
</li>
<li>/</li>
<li>
<a href="/index6.html">黑白黄</a>
</li>
</ul>
</div>
</div>
<!--end 湖北太阳湾科技有限公司头部 -->
<div id="main">
<!--start 站点左侧导航 -->
<div id="sidebar">
<h2>
网站无障碍工具条
</h2>
<ul id="nav">
<li><a href="index.html" accesskey="l" title="文本转语音">文本朗读演示页面</a></li>
<li><a href="index2.html" accesskey="l" title="图片Image标签">非文本对象演示页面</a></li>
<li><a href="index3.html" accesskey="l" title="表格Table标签">表单朗读演示页面</a></li>
<li><a href="index4.html" accesskey="l" title="菜单和导航">栏目跳转演示页面</a></li>
<li>区域跳转演示页面</li>
<li><a href="index6.html" accesskey="l" title="网站辅助浏览工具条源码">无障碍工具条下载</a></li>
</ul>
</div>
<!--end 站点左侧导航 -->
<!--start 站点右侧内容 -->
<div id="content">
<h2>
文本朗读演示页
</h2>
<div id="explain">
<strong>开启语音:</strong>点击信息无障碍工具条“语音”按钮即可开启语音辅助功能。也可以使用转换键[Shift]+数字键[6]开启和关闭语音辅助功能。<br />
<strong>使用方法:</strong>使用快捷在页面区域间跳转。
</div>
<h3>
快捷键列表:
</h3>
<ul>
<li>跳转到头部内容区快捷键:快捷键(Alt+Shift+1)</li>
<li>跳转到左部内容区快捷键:快捷键(Alt+Shift+2)</li>
<li>跳转到中栏内容区快捷键:快捷键(Alt+Shift+3)</li>
<li>跳转到右部内容区快捷键:快捷键(Alt+Shift+4)</li>
<li>跳转到底部内容区快捷键:快捷键(Alt+Shift+5)</li>
</ul>
</div>
<!--end 站点右侧内容 -->
<div style="clear:both;"></div>
</div>
<!--start: 底部版权 -->
<div id="footer">
<div class="rightBox" id="copyright">
Copyright &copy;
<script type="text/javascript">var date = new Date; document.write(unescape(date.getFullYear()));</script>
<a href="//www.rrbay.com/" title="湖北太阳湾科技有限公司">湖北太阳湾科技有限公司 </a>
</div>
<div class="leftBox" id="address">
<a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">鄂ICP备18001550号-3</a>
</div>
<div class="rightBox" id="tel">
QQ:308463776
</div>
</div>
<!--end: 底部版权 -->
</div>
<script id="rrbayJs" src="//wza.rrbay.com/js/wza-m.min.js?5f9bf445b6508a1f8c1dfc61"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/tony9417/ToolsUI.git
git@gitee.com:tony9417/ToolsUI.git
tony9417
ToolsUI
信息无障碍工具条
master

搜索帮助