2019-03-21
2770
毫无疑问,您了解为尽可能多的用户访问您的网站的必要性。但阅读所有指南和标准可能有点压倒性。您可以在此处找到最新的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合规性标准。
当它有疑问时,最好在可访问性方面犯错。可以从调色板调整颜色或提高字体大小,以便更多人可以轻松地了解屏幕上的内容。
本文来自广州品牌网站建设网站设计制作公司-纵天科技
标签:公司网站制作,广州建设网站,官网建设,网页制作公司,建网站公司,企业建站,广州网站建设公司,广州网页设计公司,广州网站设计公司,广州企业网站建设
上一篇:7可能破坏您内容的常见UX错误
下一篇:使用网站建设工具的利弊