阅读/网页/无障碍阅读

问题追踪器： #fy2023-24-we_2.1_typography_and_palette_customizations
From mediawiki.org
< Reading‎ | Web
This page is a translated version of the page Reading/Web/Accessibility for reading and the translation is 38% complete.
Languages:
维基媒体基金会的项目
无障碍阅读
通过更改版式与设置让网站更易访问
开始： 2023-07
成员： 网页团队
主导： Olga Vasileva（產品負責人）
← 为匿名用户提供长期生效的设置选项

維基媒體專案的界面必須符合無障礙和可讀性，無論何種語言或文字。 这包括大多数人，也包括有特定需求的个人。 然而，目前桌面和行動裝置上的排版使之難以閱讀。 此外，黑暗模式对弱光环境下以及喜欢低对比度阅读环境的用户很有帮助。 我们的界面目前尚未提供这一功能。

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

更新

主页面： Reading/Web/Accessibility for reading/Updates

2023年12月: A new beta feature: Accessibility for Reading (Vector 2022)

The new menu in the un-pinned version, next to the user name

The Web team from the Wikimedia Foundation launched a new beta feature. The goal is to make reading on desktop more comfortable. The feature is only available to logged-in editors using the Vector 2022 skin. To try it out, go to the "beta" option in the user menu and select "Accessibility for Reading (Vector 2022)". You may also enable it on all wikis using the global preferences.

In the new menu, there are three text settings – small, standard, and large. Small is the current default. Large is for users who need additional increase in size. The standard setting may later become the new default. This was recommended by both the literature research and prototype testing. To this menu, we have also added the page width setting. Before, it was available in the bottom corner of the screen. Now, it's easier to find. The menu is pin-able in a similar way to the Tools and Main menus, both placed in the side columns of the desktop interface. When it's not pinned, it's displayed next to the user name.

About the above mentioned prototype testing: in October and November, we shared a prototype with 13 Wikipedia language communities. It allowed editors to experiment with different text settings, and report which configuration was most comfortable for them. We received feedback from 632 users. They were interested in changes and preferred options that fit within three size categories – small, medium, and large. You may learn more about the testing here.

We welcome you all to try the new menu. We will collect your ideas and comments to make this feature better. Please, if you have the time, check it out and give us your thoughts!

背景

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 skimming of text.[1]

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.

Quotation from the Foundation's 2023/2024 annual plan 

Ensure a quality reading experience for all users by adapting the default experience for 15% of page views, based on the individual needs and constraints of the user.

This key result is focused on allowing the opportunity for our interface to adapt to individual needs when necessary.

The theory here is that people will feel more engaged with a website and interface that can adapt based on their needs. This can include work such as dark mode, text and page density, and font size customizations. Some of this adaptation can be done automatically by the interface – for example, creating responsive versions of a feature or tool, or ensuring that dark mode turns on based on the browser or device settings of the user. In other cases, this adaptation can be done through intentional customization – allowing users to select non-default states in specific (but limited) cases. From an accessibility perspective, it will focus on the features that need to be built as standalone to allow for more accessibility, or to allow for setting defaults that are more accessibility friendly, while leaving the opportunity for customization to users who have different preferences. To set the specific number "15%", we looked at how users adapt the default experience in the Wikipedia iOS app. 59% of users of the app are using a non-default theme (dark, black, or sepia). We used this number as a baseline, but factored in our assumption that it is more likely that habitual users of Wikipedia on the web take the time to adapt their reading experience, as opposed to sporadic users.
—Wikimedia Foundation, Annual Plan/2023-2024. Wiki Experiences: Reading and media experience. Objective 2.1

项目概要

作为无障碍阅读项目的一部分，我们将重点关注以下两部分：

  1. 改进网站的排版并允许用户自行选择设置
  2. 推出用户可以选择使用的深色模式。

目标

排版改进

本项目的目标是：

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

深色模式

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

时间轴和各阶段

排版改进

阶段 時間段 描述
1a Research and literature review 7月– We learn what researchers say about typography for desktop and mobile
1b Prototype testing + discussing with communities 10月– Most editors taking part in the previous testing were open to a font size increase. They came from different communities. We will talk with communities to determine whether and how defaults should change. Various languages and scripts may have different settings.
1c Beta feature deployment 2023年12月 We release the typography improvements as a beta feature to all wikis and encourage communities to try it out and give us their feedback
2 Release to pilot wikis Iteration based on testing results in collaboration with testing communities
3 Release to all wikis 未定義

深色模式

阶段 時間段 描述
1a Technical review 9月– We will review ideas for implementation of night mode and decide what implementation we want to use. We will review the dark mode gadget, night mode on the apps, etc.
1b Discussing with communities 11月/ We will work with editors to adjust the community-controlled code (like templates) so that night mode works well. We will brainstorm ideas on making the necessary changes to the community-controlled code
2 Development and prototype testing 未定義 We will test prototypes and iterate on them
3 Pilot release 未定義 Based on testing results, we will release the beta version for testing communities. The first version may be a "beta feature", only available for logged-in users.
4 Release for all users 未定義 When community-controlled code is adjusted, night mode will be available for logged-out users.

Get involved and Contact

Earlier research and explorations

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 night mode
  • No significant change in reading depth

参考

  1. ↑ Readability research report
Retrieved from "https://www.mediawiki.org/w/index.php?title=Reading/Web/Accessibility_for_reading/zh&oldid=6487219"