全国免费咨询热线:400-611-9921
 
10个改善网站可访问性的工具

2019-03-21

799

毫无疑问,您了解为尽可能多的用户访问您的网站的必要性。但阅读所有指南和标准可能有点压倒性。您可以在此处找到最新的W3C建议,但是您是否需要了解每个单词,并遵循每个指南? 今天,我们将尝试使用一些工具和资源来帮助您提高网站的可访问性(甚至可能需要考虑一些不在您的雷达上的检查!)。
毫无疑问,您了解为尽可能多的用户访问您的网站的必要性。但阅读所有指南和标准可能有点压倒性。您可以在此处找到最新的W3C建议,但是您是否需要了解每个单词,并遵循每个指南?

今天,我们将尝试使用一些工具和资源来帮助您提高网站的可访问性(甚至可能需要考虑一些不在您的雷达上的检查!)。

无论您是希望确保您拥有足够的视觉对比度,还是屏幕阅读器可访问的网站,甚至是创建可访问的电子邮件,我们都能满足您的需求!

1.颜色安全


网站可访问性
Color Safe可帮助您根据WCAG“文本和背景颜色对比指南”检查(甚至创建)可访问的调色板。该工具和标准使用基于比率的公式来确定所有人都可以阅读的颜色组合。

WCAG指南建议小(体)文本的对比度为4.5,大文本(超过24点的任何对象)的对比度为3。

只需输入您的颜色 - 基于HEX代码 - 字体选择和大小并生成调色板。您可以立即检查比率,并可以看到其他类似的颜色。根据您的字体和大小,查看是否有类似的东西可能是更好的选择。

2. NoCoffee

网站可访问性
NoCoffee是一款Google Chrome浏览器扩展程序,可帮助您以与视障人士相同的方式查看您的设计。(没有什么能突出可访问性的重要性,比如以这种方式看待它。)

它可以检查并显示以下内容:

低视敏度,小文本或点击目标
文本和背景元素的低对比度问题
色盲
视觉雪,眩光,鬼影和白内障
眼球震颤,是眼睛的快速不自主运动
受阻的视野


3.对比检查器


网站可访问性
对比度检查器允许您在屏幕上输入背景和前景色,并通过即时的颜色编码通过/失败立即检查几个视觉标准。

该工具的优点包括能够在彩色和灰度选项之间切换,共享支票样本和从图像中提取颜色。您还可以保存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是一个在线检查器和HTML编辑器,可帮助您在发送之前改进电子邮件简报的代码。(您也可以查看过去/发送的广告系列。)

有了这么多数字通信和来自电子邮件的潜在客户,它不应该是可访问性方面被遗忘的网站元素之一,但它通常是。Web上可访问性的相同规则也适用于电子邮件发送。

该工具可免费使用,旨在促进电子邮件营销的可访问性和可用性。


9.阿马拉

网站可访问性
Amara是一个为视频创建字幕和隐藏字幕的工具。

提供无声或其他语言连接的方式可以向更多人开放您的设计元素,特别是如果视频是设计的关键元素。

此工具包括免费和企业选项,可以轻松地将语言以可读格式显示在屏幕上,该格式适用于YouTube等网站和视频流平台。


10. MobiReady

网站可访问性
MobiReady以可视格式提供移动辅助功能测试,并提供结果报告,以便您可以查看您的网站在最小的设备上可能无法实现的位置。

您可以根据Alexa 1000对您的网站进行基准测试,Alexa 1000是世界顶级网站的排名; 通过推荐获得详细的技术结果,并在不同的屏幕上查看您网站的效果图,包括高,中,低层设备。

该测试的最佳部分之一是它在几十个方面得分,并且有任何“失败”的改进建议。


结论
在网站可访问性方面,考虑所有类型用户的可用性和可读性非常重要。考虑元素的颜色,大小和位置,标题和副标题,适当的HTML和结构甚至电子邮件,以便为尽可能多的人提供最佳体验。

检查可能适用于您的项目的任何区域或国家合规性规则也很重要,例如上面提到的508合规性标准。

当它有疑问时,最好在可访问性方面犯错。可以从调色板调整颜色或提高字体大小,以便更多人可以轻松地了解屏幕上的内容。


本文来自广州品牌网站建设网站设计制作公司-纵天科技

标签:公司网站制作,广州建设网站,官网建设,网页制作公司,建网站公司,企业建站,广州网站建设公司,广州网页设计公司,广州网站设计公司,广州企业网站建设

热门标签
柏洪集团网站集团网站建设新元素网站教育网站德胜教育集团德国商会网站建设德国商会品牌网站建设福美控股赛立信网站建设智能家居网站运动网站建设贸易网站建设玩具网站建设化工网站建设日化网站建设家电网站建设音响网站建设物流网站建设旅游网站建设网站建酒店网站建母婴网站建设珠宝网站建设钟表网站建设培训网站建设教育网站建设建材网站建设装饰网站建设机械网站建设美妆网站建设展览网站建设皮具网站建设五金网站建设仪器网站建设照明网站建设水电网站建设咨询网站建设法律网站建设家具网站建设家居网站建设服装网站建设服务网站建设食品网站建设金融网站建设餐饮网站建设环保网站建设政府网站建设科技网站建设地产网站建设医药网站建设数码网站建设营销型网站广州网站制作广州网站建设公司建网站广州网站设计公司建站优必思官网英文版网站定制网站广州网站建设中服装网站设计服装网站制作防火板网站大数据网站科技网站制作三盟科技物联网网站人工智能网站防火板网站制作家居网站制作枕头网站电器网站制作电器网站家具网站家居网站斯帝罗兰网站建设公司​手机网站建设响应式网站企业官方网站网站策划官网改版企业网站建设网站制作网站设计建站公司网站建设公司企业网站网站建设费用网站建设广州企业网站建设企业建站官网建设公司网站制作拉链官网广州建站广州网站建设纵天科技
立即致电纵天品牌顾问:
400-611-9921
联系我们:

地址1:广州市天河区珠江新城邦华环球广场16F

地址2:杭州市滨江区滨安路1190号智汇中心B308

业务 QQ: 3561401262

E-mail: sales@zomsky.com

电话咨询 在线咨询 QQ咨询 官方微信
官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭