欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 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.njanyou.cn/web/2385.html
Tag:
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: 5个新的CSS技术将于2019年掌握
下一篇: 网站优化提示:如何使您的网站更快
最新案例
永银
永银
珠海跨境电商
珠海跨境电商
五颗星商城
五颗星商城
上海万客生鲜超市
上海万客生鲜超市
一九在线商城
一九在线商城
你可能感兴趣
如何在 2024 年为您的网站创建徽标
无缝过渡:在设计驱动型开发中表现出色
社交媒体受欢迎程度背后的心理学
超越点击和点赞:释放数字营销的力量
使用选择轮使网站导航变得有趣的便捷指南
在您的网站上使用不寻常和醒目的颜色的 6 种方法
花店的基本数字营销策略
SEO的内部链接最佳实践
最后更新
如果需要改造在线商店南京网站建设认为需要考虑的 8 件事 南京网站制作公司分享使用 iPhone 拍摄更好网站照片的 7 个技巧 南京网站制作说说哪些关键因素使商业网站成功? 2024年房地产网站的创新网页设计趋势 捕捉自信:摄影在男士时尚品牌中的作用 SEO的内部链接最佳实践 花店的基本数字营销策略 在您的网站上使用不寻常和醒目的颜色的 6 种方法
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例