深色模式的美好未来:深色模式如何给维基百科的无障碍带来质变

Translate this post

现在,维基百科(终于!)支持深色模式了。

深色模式一直都是社群最需要的功能之一。深色模式通过降低对比度,使维基媒体项目的社群和读者在阅读时减少视疲劳,从而提升无障碍程度。不论您使用的是移动设备还是电脑,是在阅读还是在编辑,该功能现已在选定的wiki启用!

支持深色模式看似简单,然而在维基百科和其他维基媒体项目中,却需要克服棘手且独特的挑战。基金会的工程团队与志愿者社群的开发人员紧密合作,将这项功能带入现实。

深色模式为何重要

因为维基百科读者和社群想要!至少自2019年起,深色模式一直是维基百科编者呼声最高的功能之一。基金会的社交媒体账号时常收到抱怨这项功能缺失的评论。此外,我们的分析显示,20%的读者将其操作系统颜色设为深色。尽管研究认为深色模式有利有弊,但通常认为其有助于缓解视疲劳、可帮助有身体障碍的人更好地阅读。

问题从不在于为何推出,而在于如何推出。首先,维基媒体基金会需要克服软件架构的底层限制。我们通过搭建Vector 2022皮肤完成了部分工作(更多细节可以参见先前的博文《深色模式到来了!》)。之后,Web团队开启了一项旨在提升读者的无障碍程度的项目。最终,我们得以设法回答这个问题:我们如何将深色模式带入现实?

用户生成的内容

维基百科是一个独特的网站,当中有海量的用户生成内容。相当一部分内容是使用HTML标记编写的,且仅考虑了浅色模式。如果贸然加入深色模式,用户积年累月精心撰写的内容将有可能直接无法阅读。

颜色为何重要

有时候,颜色在维基百科条目中起到了重要作用。我们曾考虑过采用简单粗暴的方式来实现深色模式,即使用滤镜调暗页面上的所有颜色,然而结果不甚理想。参考英文维基百科条目国际橘色,可在下方观察到两篇条目中示意图的颜色略有不同。

微妙的颜色差异可能十分危险。你能分辨出那一张图的国际橘颜色是正确的吗?

第一张图的颜色是正确的。在第二张图中,这些颜色被滤镜简单粗暴地反转,从而呈现出了错误信息。然而如果不仔细观察,极难发现其中存在错误,并且这样的错误可能存在很久而不被发现。

本例的危害并不大,然而不难想到这样的颜色错误在什么情况下会导致严重的问题。

颜色错乱可能会让人啼笑皆非,但有时也十分危险,正如上方毒性标签化学品颜色危险性符号黄色条目所示。设想一下,如果有人用维基百科来确定是什么有色气体充满了他们的房间,颜色出错的后果将不堪设想。

提升无障碍程度的好机会

我们开始评估上文所述的颜色问题的修复方案的同时,我们使用了Web内容无障碍指南的颜色对比度建议。这一标准有助于判断哪些页面含有难以阅读的颜色和颜色组合。我们发现维基百科上的许多条目在原有的浅色模式下就存在无障碍问题。例如雷克瑟姆足球俱乐部条目在表头就使用了存在无障碍问题的红色背景,只因其穿着红色球衣比赛(现已修复!)。

截图展示了雷克瑟姆足球俱乐部条目在修复前(左)和修复后(右)的样子。由于这支队伍穿着红色球衣比赛,该条目的表格使用了红色表头。在添加深色模式时发现该页面存在无障碍问题,随后颜色在保持球衣颜色联系的情况下换为了对无障碍更友好的颜色。

尽管颜色可以用来传递知识——例如,在描述国际橘色的时候很有用——然而,在更多的时候颜色只是作为装饰选用。部分颜色也具有作用之外的特殊内涵,从而导致误解——例如红色可能使人联想到警告和危险。通常来说,应该明智地使用颜色。作为本项目的一部分,我们希望可以让支援编者更方便地找到并且修复这些用户生成内容中出现的问题。

正因维基百科内容人人可编辑,优化无障碍是每个人的责任。添加暗色模式功能提供了优化维基百科内容的绝佳机会。比起以实现社群长久期望的功能为动力,还有什么更好的方法可以让无障碍的现有问题浮出水面呢?

优化我们的内容

尽管优化条目内容面临诸多挑战,不急于求成,而是通过改善我们条目的内容来完成这一目标,是十分重要的。毕竟维基百科的核心在于持续优化百科全书的合作流程。

为支持这项工作,我们创建了一些工具,以检测问题并帮助编者提升内容的无障碍兼容性。由于现有许多内容仍未适配深色模式,我们决定采用保守的策略发布新功能。

我们已经在所有维基百科中为所有登录用户启用了深色模式。对于未登录用户,我们仅向那些已在着手修复颜色问题或自身问题较少的wiki启用深色模式,包含英语中文法语日语德语波兰语葡萄牙语,以及部分小语种维基百科。我们期待在与更多本地开发人员合作后在更多语言中启用深色模式。

如果您是维基百科编者,并且熟悉CSS和模板,我们建议您加入进来。如果您的wiki仍未将Vector 2022设为默认桌面版皮肤,并且您希望使用深色模式,请联系我们以及您的社群。深色模式仅支持Minerva(移动版)和Vector 2022(桌面版)皮肤。

谢谢各位!

这是一场集思广益的旅程!首先,特别感谢所有更新现有内容的志愿编者。其次,感谢Web团队的Bernard、Edward、George、Jan、Jennifer、Justin、Kim、Mo、Olga、Nat和Steph,以及Design System团队的Anne、Barbara、Chris、Eric、Derek、Lauralyn、Roan和Volker。他们不厌其烦、肩负责任,以满足我们不断变化的需求。也感谢MediaWiki Engineering团队,尤其是Moriel,帮助我们顺利启动本项目。感谢Volker和MusikAnimal多年前的工作为本项目提供了动力。我们的产品大使Bachounda、Isabel、Mehman和Phuong,以及运动沟通员Szymon在与编者社群保持联络上发挥了重要的作用。作为Web团队的技术领头人,我领导了工程工作。

此外,一如既往地感谢维基媒体社群和其他同行朋友的一直以来的帮助,让我们得以扩大代码库和内容的规模。在爱沙尼亚举办的维基媒体黑客松2024也起到了至关重要的作用!为避免遗漏,我在这个页面列出了所有人——请帮助我们扩充内容!

我们诚挚希望作为读者的你在深色模式下阅读愉快!

Can you help us translate this article?

In order for this article to reach as many people as possible we would like your help. Can you translate this article to get the message out?