设计无障碍：在 Stack Overflow 构建人人可用的界面
内容提要
Stack Overflow团队建立了系统和方法来改善产品的可访问性，包括制定目标、使用标准衡量、评估颜色对比度、建立评分系统和仪表板，组建冠军小组，进行设计和测试。工作仍在进行中。
延伸解读
为何选择APCA而非WCAG对比度算法
Stack Overflow团队发现WCAG的对比度算法在评估橙色时不够准确，而橙色是其产品中的常用色。因此，他们改用APCA算法，该算法基于亮度对比度（Lc），并考虑极性和字体大小、粗细等上下文信息，能更准确地衡量感知对比度。团队设定了目标Lc值：字体小于32px时为60，32px及以上为45，未来计划达到APCA-ARC铜级合规。这一选择旨在确保界面既美观又对更多人可读。
自动化与手动评分结合的可访问性度量
团队建立了0到100的可访问性评分系统，包括自动评分、手动评分和综合评分。自动评分通过每日运行Axe测试引擎，对高流量页面在浅色、深色和高对比度模式下进行测试，根据成功与失败测试数生成。由于自动化测试平均只能捕获57%的WCAG违规，团队还定期进行手动审核，将问题记录在Jira看板中，并根据问题数量和严重程度计算手动评分。综合评分为两者平均值，并通过公开仪表板透明展示。
可访问性冠军小组的跨团队协作
为了推动可访问性最佳实践，Stack Overflow组建了可访问性冠军小组，由多个团队的开发者代表组成。小组每两周开会一次，分类处理问题，确保产品持续改进可访问性，并创建培训材料（如短视频教程）来分享解决常见问题的方法。小组的使命是确保其团队构建的数字产品符合可访问性目标，并在开发过程中提升意识、理解和实施。这种模式将可访问性责任分散到各个团队，促进了组织范围内的协作。
从设计系统入手，实现广泛影响
团队优先解决影响最大的问题，从设计系统Stacks开始改进。由于Stacks库提供跨产品使用的组件和原子类，任何更改都会产生广泛效益。他们重新定义了颜色调色板，于2023年10月随Stacks v2.0发布，显著提升了对比度标准。随后改进了焦点样式，确保清晰指示焦点并保留辅助技术自定义轮廓的能力，还添加了跳过链接等组件。此外，他们实施了超过2000个可访问性测试，并开源了APCA检查规则包。
Q&A
Stack Overflow团队如何改善产品的可访问性？
团队通过制定可访问性目标、使用标准衡量、评估颜色对比度、建立评分系统和仪表板等方法来改善产品的可访问性。
Stack Overflow的可访问性目标是什么？
Stack Overflow的可访问性目标是使产品符合WCAG 2.2 AA标准，并使用APCA算法测量颜色对比度。
低对比度文本对可访问性有什么影响？
低对比度文本是最常见的可访问性问题，影响81%的主页，导致许多用户难以阅读。
Stack Overflow如何测量产品的可访问性？
Stack Overflow建立了0到100的可访问性评分系统，包括自动评分和手动评分，并使用Axe测试引擎进行自动化测试。
Stack Overflow的可访问性冠军小组有什么作用？
可访问性冠军小组负责推动团队内的可访问性最佳实践，确保数字产品符合可访问性目标，并提供培训材料。
Stack Overflow在可访问性方面的未来计划是什么？
Stack Overflow计划持续改进可访问性，确保所有技术人员都能使用产品，并将可访问性作为每个团队成员的共同责任。
