1. <pre id="hb6nm"></pre>

      1. <p id="hb6nm"></p>
        1. 欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
          当前位置:南京网站制作公司 > 资讯中心 > 网站知识
          10个改善网站可访问性的工具
          来源:南京网站制作 时间:2019-03-21 09:03:23

          毫无疑问,您了解为尽可能多的用户访问您的网站的必要性。但阅读所有指南和标准可能有点压倒性。您可以在此处找到最新的W3C建议,但是您是否需要了解每个单词,并遵循每个指南?

           
          今天,我们将尝试使用一些工具和资源来帮助您提高网站的可访问性(甚至可能需要考虑一些不在您的雷达上的检查!)。
           
          无论您是希望确保您拥有足够的视觉对比度,还是屏幕阅读器可访问的网站,甚至是创建可访问的电子邮件,我们都能满足您的需求!
           
          1.Color Safe
           
          Color Safe可帮助您根据WCAG“文本和背景颜色对比指南”检查(甚至创建)可访问的调色板。该工具和标准使用基于比率的公式来确定所有人都可以阅读的颜色组合。
           
          WCAG指南建议小(体)文本的对比度为4.5,大文本(超过24点的任何对象)的对比度为3。
           
          只需输入您的颜色 - 基于HEX代码 - 字体选择和大小并生成调色板。您可以立即检查比率,并可以看到其他类似的颜色。根据您的字体和大小,查看是否有类似的东西可能是更好的选择。
           
          2. NoCoffee
           
          NoCoffee是一款Google Chrome浏览器扩展程序,可帮助您以与视障人士相同的方式查看您的设计。(没有什么能突出可访问性的重要性,比如以这种方式看待它。)
           
          它可以检查并显示以下内容:
           
          》低视敏度,小文本或点击目标
          》文本和背景元素的低对比度问题
          》色盲
          》视觉雪,眩光,鬼影和白内障
          》眼球震颤,是眼睛的快速不自主运动
          》受阻的视野
           
          3.Contrast Checker
           
          对比度检查器允许您在屏幕上输入背景和前景色,并通过即时的颜色编码通过/失败立即检查几个视觉标准。
           
          该工具的优点包括能够在彩色和灰度选项之间切换,共享支票样本和从图像中提取颜色。您还可以保存PDF样本。它是一个简单的工具,具有许多功能,任何人都可以快速使用。
           
          它还提供了颜色比率,如WCAG指南中所述。
           
          4. Tota11y
           
          Tota11y是一个JavaScript文件,它在文档的底角放置一个小按钮。它扩展了一个工具栏,其中包含用于不同辅助功能检查的多个插件。
           
          》标题和标题顺序违规
          》对比(或缺乏对比)
          》链接缺少或混淆的文本
          》输入中缺少的标签
          》没有alt-text的图像
          》标签是ARIA的标志性建筑
          》屏幕阅读器“魔杖”,因此您可以像屏幕阅读器一样“阅读”该网站
           
          5. WAVE
           
          WAVE或Web辅助功能评估工具是一个强大的检查集合。
           
          该工具使用与侧边栏中的信息相关的图标的视觉叠加,以提供从颜色对比度到冗余标题到HTML和结构元素链接的所有内容的详细信息。
           
          免费检查器几乎可以为您提供有关单个页面的任何信息,但WAVE还包括针对多站点所有者或希望一次查看多个页面的用户的付费企业级工具。它还包括Chrome和Firefox浏览器扩展,可以在私有环境中检查Intranet,受密码保护,动态生成或敏感的网页。
           
          6. 508 Checker
           
          508 Checker测试URL以确定网站是否符合美国508合规性指南,这是法律要求任何接受联邦资助的组织的要求。
           
          虽然此工具是免费的,但您必须注册以查看扫描的完整结果。
           
          该网站还包括其他工具和资源,包括一个测验,帮助组织了解他们是否符合508合规性以及高等教育,非营利组织和政府机构的特定资源。
           
          7. HTML_CodeSniffer
           
          HTML_CodeSniffer是一个客户端脚本,用于检查源代码并查找违反已定义标准的内容。它检查Web内容可访问性指南2.0和美国第508节。
           
          将代码直接粘贴到网站上以进行检查或使用书签。
           
          它易于使用,您可以选择要显示的信息类型 -?? 错误,警告或通知,并查看详细说明检查中任何问题的报告。
           
          8. Accessible Email
           
          Accessible Email是一个在线检查器和HTML编辑器,可帮助您在发送之前改进电子邮件简报的代码。(您也可以查看过去/发送的广告系列。)
           
          有了这么多数字通信和来自电子邮件的潜在客户,它不应该是可访问性方面被遗忘的网站元素之一,但它通常是。Web上可访问性的相同规则也适用于电子邮件发送。
           
          该工具可免费使用,旨在促进电子邮件营销的可访问性和可用性。
           
          9.Amara
           
          Amara是一个为视频创建字幕和隐藏字幕的工具。
           
          提供无声或其他语言连接的方式可以向更多人开放您的设计元素,特别是如果视频是设计的关键元素。
           
          此工具包括免费和企业选项,可以轻松地将语言以可读格式显示在屏幕上,该格式适用于YouTube等网站和视频流平台。
           
          10. MobiReady
           
          MobiReady以可视格式提供移动辅助功能测试,并提供结果报告,以便您可以查看您的网站在最小的设备上可能无法实现的位置。
           
          您可以根据Alexa 1000对您的网站进行基准测试,Alexa 1000是世界顶级网站的排名; 通过推荐获得详细的技术结果,并在不同的屏幕上查看您网站的效果图,包括高,中,低层设备。
           
          该测试的最佳部分之一是它在几十个方面得分,并且有任何“失败”的改进建议。
           
          结论
          在网站可访问性方面,考虑所有类型用户的可用性和可读性非常重要。考虑元素的颜色,大小和位置,标题和副标题,适当的HTML和结构甚至电子邮件,以便为尽可能多的人提供最佳体验。
           
          检查可能适用于您的项目的任何区域或国家合规性规则也很重要,例如上面提到的508合规性标准。
           
          当它有疑问时,最好在可访问性方面犯错。可以从调色板调整颜色或提高字体大小,以便更多人可以轻松地了解屏幕上的内容。

          本文地址:http://www.sabunkojic.com/web/2385.html
          Tag:
          专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
          联系电话:025-65016872
          上一篇: 5个新的CSS技术将于2019年掌握
          下一篇: 网站优化提示:如何使您的网站更快
          最新案例
          泰杰赛
          泰杰赛
          苏派教育
          苏派教育
          全国大学生公共卫生大赛
          全国大学生公共卫生大赛
          南京德普筒仓建安工程有限公司
          南京德普筒仓建安工程有限公司
          中国非金属材料南京矿山工程有限公司
          中国非金属材料南京矿山工程有限公司
          你可能感兴趣
          网站设计的平均寿命是多少?
          拥有SSL安全网站的5个好处
          如何准备网站设计咨询
          如何创建网站站点地图
          自定义网页设计或网站模板?
          如何降低您的网站跳出率
          什么是UX设计?我们的UX设计流程
          5个为您的网站项目定价的隐藏成本
          最后更新
          5个WordPress的用户参与度量标准 如何计算您的商家的Google广告费用 更新网站设计时保持SEO排名的提示 你的新网站需要的八件事 三个C为更好的商业写作 邪恶的好语法:营销必须 为什么您的企业需要博客......现在 ABC:永远在转换
          服务项目
          南京网站制作 营销型网站 微信营销 IDC网站 精品案例
          开奖直播