本文作者仅代表个人观点。狗万官方
你要启动你的商业网站.恭喜你!你已经注册了域名,有了时髦的标志和一些值得在instagram上分享的图片,并写了一个朗朗上口的副本。你只需点击几下,就可以让你的网站直播。
停止。
至少四分之一你在美国的潜在客户中有一些人患有某种类型的残疾,可能无法使用访问或者与你的网站互动。有视觉障碍或色盲的人可能无法接触到你引以为傲的酷的标志和时尚的品牌颜色。如果标题没有适当的排名和有标签的交互元素,只能使用键盘的用户或使用屏幕阅读器等辅助技术的用户将无法浏览您的网站并完成购买。
不幸的是,大多数企业主设计他们的网站没有可访问性记在心里,往往要倒过来修正错误。有些错误,例如缺少图像的书面描述,相对容易修复(考虑到您没有数百张图像)。其他的,如网站导航结构和标题,可能需要更多的工作。
通过将可访问性纳入您的网站开发和设计,从长远来看,您可以节省时间、精力和金钱。
这里有5个关键步骤,当你启动你的商业网站时要记住。
1.从一个可访问的模板开始
无论您选择的平台是什么,请确保您选择了一个访问模板.例如,许多默认WordPress模板遵循最新的可访问性最佳实践,如颜色对比,键盘导航和链接焦点。
但是,即使选择了可访问的模板,一旦开始自定义和添加内容,就有可能产生可访问性错误。在他们的主题帮助中心文章的可访问性, Shopify提醒用户,“当你自定义主题时,让设计和内容选择有助于保持在线商店的可访问性是一个好主意……在线商店的可访问性对于为客户提供包容的体验至关重要。”
如果你与一家数字机构合作,确保他们为你的网站选择一个易于访问的模板。如果你的数字代理提供了一个负担得起的持续可访问性工具——那就更好了。
2.遵循基本的无障碍指南
当你开始添加内容到你的网站,请记住以下提示基于网页内容无障碍指引(WCAG) -网页可访问性的国际标准。
- 把标题结构看作一个大纲,而不是一个样式元素。不要跳过关卡,使用适当的HTML标记。
- 添加书面描述,或者alt文本,到所有图像,包括用作链接的图像,例如带有主页链接的标志。保持你的alt文本简短,旨在提供准确和相关的描述。
- 确保你的网站可以在没有鼠标的情况下运行,也就是说,所有的交互元素,比如按钮、链接和表单字段,都是键盘聚焦的样式。您可以使用Tab键从一个元素移动到另一个元素,使用箭头键、Enter键或空格键与元素交互进行测试。
- 使用无衬线字体,如Arial, Helvetica或Verdana,这些字体适合有阅读障碍的人使用。
- 在选择品牌颜色时,确保文字和背景之间有足够的颜色对比。对比度应达到4.5:1或更高。使用一个免费的颜色对比检查看看你的配色方案是否可行。
- 避免复杂的动画和闪烁的图像。
- 使用简单、直接的语言,避免对常见元素使用不常见的名称。
3.让你的所有内容都易于访问
你的视频、pdf文件、电子邮件和社交帖子也必须是可访问的。使用带有辅助功能的工具。例如,像YouTube和Vimeo这样的视频平台都有自动关闭字幕。adobeacrobat Pro具有内置工具,可自动执行pdf的一些基本辅助任务。这里是一个综述PDF无障碍提示开始吧。
说到社交媒体,请记住以下这些基本的最佳实践:
- 每篇文章的表情符号限制在两到三个。屏幕阅读器用文字来描述表情包,所以Instagram标题中间的一系列笑脸和爱心变成了“咧嘴笑的脸,微笑眼睛的笑脸,心形眼睛的笑脸,红心,红心,红心。”
- 通过将标签中每个单词的第一个字母大写(也称为CamelCase)来使您的标签易于访问,这样屏幕阅读器就可以正确地分离单词(#SuperBowl,而不是#SuperBowl),并将它们视为单词而不是单独的字母。
- 添加alt文本到您的图像。有些平台,比如LinkedIn,允许你添加300个字符以内的alt文本。
- 为短视频添加字幕过滤器,比如Instagram的reel。
为了让你的电子邮件易于访问,除了上面描述的网站可访问性最佳实践外,还要遵循这些基本规则:
- 通过文字传达信息,少量使用图像和其他视觉元素。
- 选择单列布局。
- 使用无衬线字体和足够大的字体大小,无论屏幕大小,都能清晰阅读。
- 确保不同元素之间有足够的空间。您可以为呼叫行动按钮添加填充。
- 用有意义的方式描述链接。例如,不要写“点击这里”,而应该写“订阅时事通讯”。
- 包括“纯文本”或网络浏览器版本的电子邮件。大多数电子邮件平台,如Hubspot,都提供这些选项。
4.发射前测试
你有几个选项来测试你的网站。您可以手动测试它并使用免费易用性检查程序看看你现在的处境以及在启动之前需要解决的问题。
一定要检查视频文本和自动生成的字幕的质量和准确性。它们很容易在YouTube等主要托管平台上更新。
这是一个快速检查表,帮助您审查您的网站.
5.运行定期测试
如前所述,可访问性是一项持续的工作。运行定期测试确保你的网站对所有人都是可访问的,无论他们的能力如何。通过这种方式,您将能够在出现错误时发现并修复错误,避免失去客户或遇到法律问题。下美国残疾人法案根据美国残疾人法(ADA),企业必须让他们的网站对残疾人开放。
如果选择可访问性解决方案,请确保它包含实时监控和报告。
为什么优先考虑可访问性
制作网站时可访问的可能看起来难以承受,但其实不必如此。从一开始就纳入可访问性甚至不会让人觉得是一个额外的关注点或费用。
除了可访问性是建立包容性业务和品牌的最具体方式之外,让你的网站可访问性将帮助你在搜索中获得更高的排名,并通过语音搜索提高可发现性。你知道吗41%的美国成年人和55%的青少年每天都使用语音搜索?如果你的网站在搜索引擎中排名靠前,并且针对语音搜索进行了优化,那么更多的客户将能够在网上找到你。在新冠疫情后的世界里,网络知名度对商业成功至关重要。