“快速行动,打破常规。”长期以来,这一直是创业的口号。但是,当你“破坏”的是人们使用你的产品的能力时,你就会遇到严重的问题。
对于初创企业来说,资源是稀缺的。时间就是金钱,开发团队总是争分夺秒地交付 [MVP8(最小可行产品)。在这种混乱的情况下,数字可访问性常常被推到最后,在公司规模较大时被视为“奢侈品”。
本文旨在邀请人们重新思考这种方法。从第一天起实施[无障碍9(A11y)]不仅是符合道德的正确做法,而且也是正确的做法。这是一种明智的商业策略,可以让您的初创公司脱颖而出、开拓市场并避免未来痛苦的技术债务。
“我们稍后再整理吧”的神话
许多创始人认为,“我们先推出产品,当我们有用户时,我们会聘请专家来修复[辅助功能10”。
这是一个陷阱。 可访问性并不是最后涂上一层清漆。它是结构性的。试图让一款没有正确语义、没有对比、没有键盘导航的产品变得易于使用,就像在墙壁已经粉刷和装饰后试图改变房子里的电线一样。重构的成本可能比第一次就正确重构的成本高100 倍。
可访问性是初创公司的竞争优势
在众多新应用程序和 SaaS 中,您如何脱颖而出?
- 未开发的市场:残疾人是忠实的消费者。如果您的送货应用程序是唯一一款能够与屏幕阅读器配合良好的应用程序(例如 iPhone 上的 VoiceOver),那么您将获得整个社区的忠诚度,而这往往会被竞争对手所忽视。
- B2B 和企业销售:如果您的初创公司向大公司销售 (B2B),[可访问性11 可能是签订合同的决定性因素。大公司和政府机构有严格的合规要求。如果您的软件价格昂贵,您可能会在投标或购买过程中被取消资格。
- 有机SEO:初创公司需要廉价的流量。谷歌可以更好地对可访问的网站进行索引,从而有机地吸引更多用户,而无需在广告上花费整个“跑道”。
初创公司实用辅助指南(最低可行)
您无需在发布当天就达到 WCAG AAA 合规性(最高级别)。但一定要保证基础。这是生存清单:
1. HTML 语义为王
不要再用 0 做任何事情。
- 如果是按钮,请使用1。
- 如果是链接,请使用2。
- 如果是标题,请使用34。 浏览器和辅助技术已经知道如何处理原生元素。使用正确的标签可以解决 80% 的[辅助功能12]问题,而无需编写额外的代码行。
2. 色彩对比
设计师喜欢白色背景上的浅灰色。读者讨厌它。 确保您的文本具有足够的对比度,以便在阳光下或视力不佳的人可以阅读。在设计阶段(Figma/Sketch)使用 WebAIM 的 Contrast Checker 等免费工具。
3.键盘焦点
扔掉鼠标 10 分钟。尝试仅使用5和6键使用您的产品。
- 您能浏览所有菜单吗?
- 您知道焦点在哪里(按钮周围的轮廓)吗?
- 您能填写并提交表格吗? 如果答案是否定的,那么对于数百万用户来说,你的产品就已经失效了。
4.替代文本(Alt Text)
传达信息的图像需要描述。如果您有一张显示“增长 50%”的图表,则对于那些看不到该图像的人来说,代码 7 是必不可少的。
用于启动实用程序带的免费工具
现在不要花钱购买昂贵的咨询服务。使用自动化工具:
- Lighthouse(在 Chrome 中):右键单击 > 检查 > Lighthouse。它给出了[辅助功能13]的分数,并告诉你要纠正什么。
- WAVE 扩展:直观地显示页面上的错误。
- Stark(Figma 插件):帮助您的设计师在编码前检查对比度并模拟色盲。
宣传材料中的无障碍文化
无障碍必须融入文化之中。
- 在 招聘 中:询问开发人员候选人是否了解 WCAG 指南。
- 在 路线图中:在冲刺的完成定义 (DoD) 中包含“可访问性审核”。
结论
对于初创公司来说,[可访问性14涉及代码质量和市场覆盖范围。不要将其视为慈善机构或官僚机构。将其视为一种卓越的工程技术,可以使您的产品更好、更强大并可供每个人使用。
打造一款让您引以为豪的产品。一款不遗余力的产品。
另请阅读
- [数字辅助用户体验 - 扩展完整指南15
- [数字辅助用户体验 - 小团队完整指南16
- [网页辅助功能 (A11y):开发人员实用指南17
- [移动应用程序中的辅助功能 - 带示例的完整指南18
- [移动应用程序的辅助功能 - 完整的实践指南19
- 【移动应用无障碍-日常生活完全指南20
