iframe 的可用性、可访问性、屏幕阅读器或任何其他开发、功能、跨浏览器问题是什么? [英] What are usability, accessibility, screen-reader or any other development, functionality, cross browser issue with iframe?

查看：30 发布时间：2021/11/26 19:29:14 jquery xhtml usability accessibility screen-readers

本文介绍了iframe 的可用性、可访问性、屏幕阅读器或任何其他开发、功能、跨浏览器问题是什么?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

</code> 的可用性、可访问性、屏幕阅读器或任何其他开发、功能或跨浏览器问题是什么?<em class="showen"></em></p> <p class="en">What are the usability, accessibility, screen-reader, or any other development, functionality, or cross browser issues with <code><iframe></code>? </p> <p class="cn"><code><iframe></code> 有什么替代方案吗?</p> <p class="cn">是否有任何 JavaScript/jQuery 或服务器端技术可以降低 <code><iframe></code> 的可用性、可访问性或屏幕阅读器问题?<em class="showen"></em></p> <p class="en">And are there any JavaScript/jQuery or server-side techniques which can decrease the usability, accessibility, or screen-reader issues with <code><iframe></code>?</p> <p class="cn">为什么 W3C 没有将 <code><iframe></code> 包含在 XHTML Strict 中，而 <a href="http://www.w3schools.com/html5/html5_reference.asp" rel="nofollownoreferrer">HTML 5</a> 支持 <code><iframe></code>?<em class="showen"></em></p> <p class="en">Why has the W3C not included <code><iframe></code> in XHTML Strict, while HTML 5 supports <code><iframe></code>?</p> <p class="cn">更新:</p> <p class="cn"><strong>我在这里也发现了一些不错的想法:</strong> <a href="http://uxexchange.com/questions/1817/iframe-accessibility-and-usability-issues" rel="nofollow noreferrer">http://uxexchange.com/questions/1817/iframe-accessibility-and-usability-issues</a></p> <h3 class="best_ans mt-1">推荐答案</h3> <p class="cn">辅助功能:</p> <ul class="cn"><li>滚动 iframe 比较困难，您的鼠标必须在 iframe 的范围内.行动不便的人很难</li><li>盲人浏览器可能不包含您 iframe 中的内容，这些人将无法访问它.</li></ul> <p class="cn">可用性:</p> <ul class="cn"><li>当你有几个的时候并不酷主窗口上的滚动条和iframe.这很难滚动</li></ul> <p class="cn">其他问题:</p> <ul class="cn"><li>移动浏览器可能不会为您呈现 iframe.即使渲染它，它也会看起来很糟糕和丑陋.</li><li>搜索引擎将很难在 iframe 中索引您的页面.可能他们会跳过它或不会正确索引</li><li>加载 iframe 比具有相同内容且没有框架的页面需要更长的时间</li></ul> <p>这篇关于iframe 的可用性、可访问性、屏幕阅读器或任何其他开发、功能、跨浏览器问题是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2612057');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="iframe的可用性，可访问性，屏幕阅读器或任何其他开发，功能，跨浏览器问题是什么？" href="/1773399.html"> iframe的可用性，可访问性，屏幕阅读器或任何其他开发，功能，跨浏览器问题是什么？; </a> </li> <li> <a target="_blank" title="在屏幕阅读器中暂停可访问性" href="/578550.html"> 在屏幕阅读器中暂停可访问性; </a> </li> <li> <a target="_blank" title="可访问性和可用性" href="/1078656.html"> 可访问性和可用性; </a> </li> <li> <a target="_blank" title="在屏幕阅读器中暂停以获得可访问性" href="/2611972.html"> 在屏幕阅读器中暂停以获得可访问性; </a> </li> <li> <a target="_blank" title="Javascript获取和设置浏览器的可用性" href="/557618.html"> Javascript获取和设置浏览器的可用性; </a> </li> <li> <a target="_blank" title="网站可访问性：什么屏幕阅读器等，以测试，而怎么样？" href="/343033.html"> 网站可访问性：什么屏幕阅读器等，以测试，而怎么样？; </a> </li> <li> <a target="_blank" title="哪种屏幕阅读器最适合测试站点可访问性以及如何配置?" href="/2611971.html"> 哪种屏幕阅读器最适合测试站点可访问性以及如何配置?; </a> </li> <li> <a target="_blank" title="跨浏览器兼容性" href="/1401337.html"> 跨浏览器兼容性; </a> </li> <li> <a target="_blank" title="跨浏览器兼容性" href="/1380225.html"> 跨浏览器兼容性; </a> </li> <li> <a target="_blank" title="哪个屏幕阅读器最好是测试网站的可访问性和如何配置呢？" href="/564698.html"> 哪个屏幕阅读器最好是测试网站的可访问性和如何配置呢？; </a> </li> <li> <a target="_blank" title="测试跨浏览器兼容性的最佳方法是什么？" href="/564942.html"> 测试跨浏览器兼容性的最佳方法是什么？; </a> </li> <li> <a target="_blank" title="提供可用性和可访问性的数值数据的标准" href="/1035650.html"> 提供可用性和可访问性的数值数据的标准; </a> </li> <li> <a target="_blank" title="iframe大小 - 跨浏览器问题" href="/557692.html"> iframe大小 - 跨浏览器问题; </a> </li> <li> <a target="_blank" title="domai名字可用性检查器" href="/646356.html"> domai名字可用性检查器; </a> </li> <li> <a target="_blank" title="可用性改进 - 我们可以将内存流渲染到浏览器" href="/1244391.html"> 可用性改进 - 我们可以将内存流渲染到浏览器; </a> </li> <li> <a target="_blank" title="C ++ 11功能的可用性" href="/482472.html"> C ++ 11功能的可用性; </a> </li> <li> <a target="_blank" title="'vector long long' 的可用性是什么?" href="/2603413.html"> 'vector long long' 的可用性是什么?; </a> </li> <li> <a target="_blank" title="动画SVG +跨浏览器兼容性" href="/1025915.html"> 动画SVG +跨浏览器兼容性; </a> </li> <li> <a target="_blank" title="鼠标位置-跨浏览器兼容性" href="/2239101.html"> 鼠标位置-跨浏览器兼容性; </a> </li> <li> <a target="_blank" title="跨浏览器兼容性-需要帮助" href="/1386798.html"> 跨浏览器兼容性-需要帮助; </a> </li> <li> <a target="_blank" title="检查SQL Server服务器可用性的最快方法是什么?" href="/1643980.html"> 检查SQL Server服务器可用性的最快方法是什么?; </a> </li> <li> <a target="_blank" title="如何使用可访问性服务从浏览器获取 url" href="/2510204.html"> 如何使用可访问性服务从浏览器获取 url; </a> </li> <li> <a target="_blank" title="气流设置可实现高可用性" href="/1780258.html"> 气流设置可实现高可用性; </a> </li> <li> <a target="_blank" title="跨浏览器兼容性的典型缺陷" href="/557300.html"> 跨浏览器兼容性的典型缺陷; </a> </li> <li> <a target="_blank" title="软件开发疑惑-用户可用性" href="/1437330.html"> 软件开发疑惑-用户可用性; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>其他开发最新文章</h5> <ul> <li> <a target="_blank" title="拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'" href="/893060.html"> 拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'; </a> </li> <li> <a target="_blank" title="什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？" href="/303988.html"> 什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？; </a> </li> <li> <a target="_blank" title="在运行npm install命令时获取'npm WARN弃用'警告" href="/840917.html"> 在运行npm install命令时获取'npm WARN弃用'警告; </a> </li> <li> <a target="_blank" title="cmake无法找到openssl" href="/516280.html"> cmake无法找到openssl; </a> </li> <li> <a target="_blank" title="从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件" href="/850628.html"> 从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件; </a> </li> <li> <a target="_blank" title="Twitter :: Error :: Forbidden - 无法验证您的凭据" href="/630061.html"> Twitter :: Error :: Forbidden - 无法验证您的凭据; </a> </li> <li> <a target="_blank" title="我什么时候需要一个fb：app_id或者fb：admins？" href="/747981.html"> 我什么时候需要一个fb：app_id或者fb：admins？; </a> </li> <li> <a target="_blank" title="将.db文件导入R" href="/902960.html"> 将.db文件导入R; </a> </li> <li> <a target="_blank" title="npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件" href="/744854.html"> npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件; </a> </li> <li> <a target="_blank" title="拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”" href="/819167.html"> 拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = 'iframe,的,可用性,可,访问,性,屏幕,阅读器,或,任何,其他,开发,功能,跨,浏览器,问题,是什么'; var cat = 'cc';';//other-dev</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接： <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section>  <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>