Reading/Web/Accessibility for reading/zh

The interface of Wikimedia projects must be accessible and readable, regardless of language or script. This includes both the majority as well as individuals with specific needs. The current typography on desktop and mobile makes readability difficult, though. Also, dark mode can be helpful in low-light settings and for users who prefer low-contrast reading environments. Our interfaces do not provide this functionality now.

We would like to change the default typography. We will also build additional settings for typography and dark mode as preferences. These changes will be available for both logged-in and logged-out users.

背景
Over the past few years, we have introduced the Vector 2022 skin across many wikis. We have designed it to improve the reading experience. Another goal was to provide an experience that is comfortable for existing users and more welcoming to new users. However, there are still issues with readability we have yet to address. During the research for that project, one of the issues we recognized was the size of the text itself.

Compared to the more accessible digital text, it takes longer to read our content on desktop and mobile. The ability to remember text that was read is also affected. An important factor to keep in mind is that people engage both in in-depth reading and scanning of text. We would like to improve our typography for both of these ways of using the projects.

Also, our desktop site does not allow to set a font size that is comfortable for the user. Instead, readers with specific needs and likings depend on browser functionality to alter the font size. These capabilities vary by browser and are not always supported by the rest of our user interface. This causes issues with tools or navigation.



作为无障碍阅读项目的一部分，我们将重点关注以下两部分：
 * 1) 改进网站的排版并允许用户自行选择设置
 * 2) 推出用户可以选择使用的深色模式.



排版改进
本项目的目标是： 
 * 1) 确定并理解问题.  对各维基上的排版问题进行检查和分类
 * 2) 让网站更容易阅读.  提升移动版与桌面版网站的可读程度
 * 3) 提供更适合不同语言和文字的排版.  通过不同社群的支持与专业知识提升可读程度
 * 4) 让读者可以自定义排版.  引入排版的偏好设置，对有着不同需求和喜好的人十分有用

深色模式

 * 1) 提升网站在低光照环境下的可读程度
 * 2) 让深色模式选项与设置易于发现及使用

时间轴和各阶段


排版改进


Get involved and Contact



 * Promote and adjust the code on wiki, following our recommendations: to roll out our changes for logged-out users, community-controlled code, like templates, needs to be adjusted. It may need discussions on village pumps. It will also need many edits. Help us by starting such conversations and making such edits.
 * See the recommendations for dark mode compatibility on Wikimedia wikis (currently under construction)


 * Report bugs: create a task in Phabricator and add project.
 * Translate: help us translate related pages:

Earlier research and explorations

 * Literature Review: Readability and Optimal Text Settings
 * Typography: Apply consistent font sizes across Vector 2022 (T313828)
 * Hypothesis: Typographical and palette customizations (T341631)
 * Typography: Increased font-size design for Vector 2022 (T254055)
 * Editors' feedback on the fifth Vector 2022 prototype testing
 * Decisions after the fifth Vector 2022 prototype testing

Project evaluation
We will measure the success of this project with qualitative and quantitative methods. In particular, we will be looking at:
 * Research-supported decisions in prototype creation and development
 * Qualitative improvements in readability based on user testing and community conversations
 * At least X% of all sessions longer than Ys who customize typography
 * Note: exact variables TBD
 * At least X% of all sessions use dark mode
 * No significant change in reading depth