登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
开源项目 > WEB应用开发 > WebUI组件/框架 &&
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
13 Star 136 Fork 38

信息无障碍 / 信息无障碍工具条

代码 Pull Requests 0 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
克隆/下载
index3.html 10.46 KB
一键复制 编辑 原始数据 按行查看 历史
gemgin 提交于 2023-11-07 19:57 . 手机端指定朗读其实位置
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
<!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>
JavaScript
1
https://gitee.com/tywAmblyopia/ToolsUI.git
git@gitee.com:tywAmblyopia/ToolsUI.git
tywAmblyopia
ToolsUI
信息无障碍工具条
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部