1 Star 0 Fork 44

kiraseo/信息无障碍工具条

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
index.html 8.47 KB
一键复制 编辑 原始数据 按行查看 历史
<!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="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-3.6.1.min.js"></script>
<!--适老模式样式定制 -->
<link rel="stylesheet" href="/canyou/themes/res/elder.css" type="text/css" />
</head>
<body>
<!--start 信息无障碍通道 -->
<h1 class="topEnter">
<a id="wzayd" title="网站适老模式" href="javascript:;" class="wzayd" accesskey="g">无障碍通道</a>
<a id="wzaElder" class="wzaElder" style="background: #ff9027;color: #fff !important;" href="javascript:void(0);" accesskey="o">开启适老模式</a>
</h1>
<!--end 信息无障碍通道 -->
<div id="skip">
<a title="跳转到主要内容区域" accesskey="2" href="index.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>文本朗读演示页面</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><a href="index5.html" accesskey="l" title="ARIA标签">区域跳转演示页面</a></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>使用鼠标悬停选择或键盘焦点选择即可听到语音朗读内容;使用键盘快捷键Alt+t进行定位标题。
</div>
<h3 id="Amblyopia1Title">
<a href="javascript:" accesskey="t">残友是什么</a>
</h3>
<p>
它是一种生活方式: 感恩 奉献 自助 助人。
</p>
<p>
它是一次温柔革命: 弱势群体依托高科技强势就业。
</p>
<p>
它是一个民生工具: 就业一人 幸福一家 安定一方。
</p>
<p>
它是一个慈善平台: 公益远航的联合舰队。
</p>
<p>
它是一家社会企业: 以商业的方式 解决社会问题。
</p>
<p>
它是一位特殊经济参与者: 残疾人人力资源嵌入现代产业体系。
</p>
<p>
它是一串励志故事: 全世界残友团结起来 用自己的行动改变命运。
</p>
<p>
它是一方情义江湖: 不抛弃不忘记每一位兄弟姐妹和同行者。
</p>
<br />
<p>
这里是灵魂避风的港湾,这里是苦乐共享的家园;
</p>
<p>
这里燃烧着激情与梦想,这里充溢着执著与希望;
</p>
<p>
在这里,生命摒弃狭隘,慢慢成熟、完整。。。
</p>
<p>
在这里,我们手牵手、肩并肩,用信念铸就辉煌。
</p>
</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="/canyou/js/wza.min.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/kiraseoer/ToolsUI.git
git@gitee.com:kiraseoer/ToolsUI.git
kiraseoer
ToolsUI
信息无障碍工具条
master

搜索帮助