index4.html

﻿<!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 id="wzayd" title="网站无障碍辅助浏览" href="javascript:;" class="navbar-brand brand wzayd" accesskey="g"><i class="fa  icon-wza " aria-hidden="true"></i>无障碍工具条</a>
                        <a id="wzaElder" title="网站适老化模式" class="navbar-brand brand wzaElder" href="javascript:;" accesskey="o"><i class="fa  icon-elder" 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><a class="scroll" title="表单朗读演示页面" href="index3.html">表单朗读</a></li>
                            <li class="active"><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>使用键盘快捷键Alt+t进行新闻示例跳转；使用键盘快捷键Alt+c进行栏目跳转；使用键盘快捷键Alt+l进行左侧导航跳转。
                            </div>
                            <h3>
                                <a href="javascript:" accesskey="c">国际新闻栏目</a>
                            </h3>
                            <ul>
                                <li><a href="javascript:" accesskey="t">国际新闻示例1</a></li>
                                <li><a href="javascript:" accesskey="t">国际新闻示例2</a></li>
                                <li><a href="javascript:" accesskey="t">国际新闻示例3</a></li>
                                <li><a href="javascript:" accesskey="t">国际新闻示例4</a></li>
                            </ul>
                            <h3>
                                <a href="javascript:" accesskey="c">国内新闻栏目</a>
                            </h3>
                            <h4>
                                <a href="javascript:" accesskey="c">要闻栏目</a>
                            </h4>
                            <ul>
                                <li><a href="javascript:" accesskey="t">要闻新闻示例1</a></li>
                                <li><a href="javascript:" accesskey="t">要闻新闻示例2</a></li>
                                <li><a href="javascript:" accesskey="t">要闻新闻示例3</a></li>
                                <li><a href="javascript:" accesskey="t">要闻新闻示例4</a></li>
                                <li><a href="javascript:" accesskey="t">要闻新闻示例5</a></li>
                            </ul>
                            <h4>
                                <a href="javascript:" accesskey="c">财经栏目</a>
                            </h4>
                            <ul>
                                <li><a href="javascript:" accesskey="t">财经新闻示例1</a></li>
                                <li><a href="javascript:" accesskey="t">财经新闻示例2</a></li>
                                <li><a href="javascript:" accesskey="t">财经新闻示例3</a></li>
                                <li><a href="javascript:" accesskey="t">财经新闻示例4</a></li>
                                <li><a href="javascript:" accesskey="t">财经新闻示例5</a></li>
                            </ul>
                        </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 defer async id="rrbayJs" src="/canyou/js/wza.min.js?blue"></script>
    

</body>
</html>