Đọc/Web/Khả năng tiếp cận để đọc

This page is a translated version of the page Reading/Web/Accessibility for reading and the translation is 27% complete.

Giao diện của các dự án Wikimedia phải dễ tiếp cậnđọc bất kể nó được viết bởi ngôn ngữ hoặc loại chữ cái nào. Điều này bao gồm cả số đông lẫn những cá nhân với những nhu cầu cụ thể. Tuy nhiên, kiểu chữ hiện tại trên máy tính để bàn và di động làm cho khả năng đọc trở nên khó khăn. Ngoài ra, chế độ ban đêm có thể trở nên hữu ích trong các thiết lập ánh sáng thấp và cho người dùng thích môi trường đọc tương phản thấp. Giao diện của chúng tôi hiện tại không cung cấp chức năng này.

Chúng tôi muốn thay đổi kiểu chữ mặc định. Chúng tôi cũng sẽ xây dựng các cài đặt bổ sung cho kiểu chữ và chế độ tối trong tùy chọn. Những thay đổi này sẽ có sẵn cho cả người dùng đăng nhập và đăng xuất.

As part of the 23/24 annual plan, the Web team's goal is to bring appearance settings for all users and change the default typography of all wikis. The default font size and text line height for all users across wikis will increase. This increase will improve readability for the majority of users. The team plans to make this deployment alongside the deployment of a new appearance menu which allows controls for page width, typography, and the upcoming dark mode – meaning that users will easily be able to adjust the font size back to the previous default.

The team plans to initiate discussions across all wikis, focusing on debugging current features and generating ideas for future enhancements. Then, the team will proceed with deployments, bringing the appearance menu to all users and the new typography defaults to logged-in users only. The deployment will be conducted in two steps, initially targeting a small set of wikis for testing before implementing changes across all wikis.

The decision to modify default typography is informed by research findings and accessibility recommendations. Currently, the WCAG recommendations for font size start with a minimum of 16 pixels and a AAA recommendation of 18 pixels for easy reading. Our current default is 14 pixels. This makes it more difficult to read (when compared to similar sites for long-form reading that are following these guidelines). On the other hand, we are aware that scannability (being able to scan and quickly find specific information within the page) is important for Wikipedia and that we should limit changes in text density when setting a new font size. The planned default font size is 16 pixels. This is based on:

  1. Readability research, academic studies, and market research: these sources indicated that generally bigger is better in terms of font size.
    1. Most long-form reading websites (such as news websites or social media) opt for somewhere between 16 and 18 pixels. In the two studies that specifically focused on increasing the font size of Wikipedia, researchers determined that increasing size improves comprehension.
    2. Our own research has shown that most reading sessions are 20–30 seconds long. This isn't enough to digest and change a type setting. This option gives the readability benefits of the new default to the most people possible with the least amount of user effort.
  2. Accessibility recommendations

Community-proposed designs: 632 logged-in users from 13 Wikipedias submitted designs with typography settings that they considered as comfortable for them. While many designs focused on keeping the default the same, the majority of designs chose a larger font size.

Cập nhật

tháng 6 2024: Triển khai kiểu chữ và chế độ tối, tùy chọn toàn cầu mới

Đầu tháng này: Menu giao diện có sẵn cho mọi người và thay đổi kiểu chữ cho người dùng đã đăng xuất

Vào đầu tháng 6, chúng tôi đã tăng kích thước phông chữ mặc định cho người dùng đã đăng xuất trong Vector 2022. Tìm hiểu thêm về triển khai này. Trong vài tháng nữa, chúng tôi sẽ nghiên cứu xem có bao nhiêu người dùng đã đăng nhập chuyển sang lựa chọn tiêu chuẩn và bắt đầu thảo luận xem liệu người dùng đã đăng nhập cũng nên chuyển đổi hay không.

Tùy chọn chung cho menu Giao diện

Bây giờ bạn có thể chọn tùy chọn cho kích thước văn bản, độ rộng trang và màu sắc áp dụng cho tất cả wiki. Để thực hiện, hãy vào tùy chọn toàn cục của bạn. Cảm ơn tất cả các bạn đã đặt câu hỏi và kiên nhẫn!

Chế độ tối sắp ra mắt phiên bản beta!

  • Chế độ tối sẽ sớm khả dụng cho người dùng đã đăng nhập trên tất cả các Wikipedia và cho người dùng không đăng nhập trên một số Wikipedia. Điều này sẽ áp dụng cho phiên bản web dành cho thiết bị di động trước, sau đó là máy tính để bàn. Mặc định sẽ vẫn là "chế độ sáng" và người dùng sẽ phải chủ động chọn chế độ tối hoặc tự động.
  • Đối tượng nhận được chế độ tối sẽ khác nhau tùy theo wiki:
    • Wikipedia cấp 1 và 2: wiki mà số vấn đề ở chế độ tối khi so sánh với chế độ sáng không đáng kể. Những wiki này sẽ nhận được chế độ tối cho cả người dùng đã đăng nhập và đã đăng xuất. Tuy nhiên, một số vấn đề nhỏ vẫn có thể tồn tại trong các bản mẫu. Chúng tôi sẽ thêm các cách để báo cáo các vấn đề này để chúng tôi có thể tiếp tục sửa các bản mẫu cùng với các biên tập viên.
    • Wikipedia cấp 3: wiki có số lượng vấn đề ở chế độ tối khi so sánh với chế độ sáng là đáng kể. Những wiki này sẽ chỉ nhận được chế độ tối cho người dùng đã đăng nhập. Chúng tôi muốn cung cấp chế độ tối cho tất cả người dùng. Tuy nhiên, một số wiki vẫn cần cộng đồng cùng hợp tác để điều chỉnh các bản mẫu. Tương tự như nhóm ở trên, những wiki này cũng sẽ nhận được liên kết để báo cáo lỗi giúp xác định các vấn đề còn lại.
  • Hiện tại, chúng tôi đang hướng tới các ngày triển khai sau:
    • Tuần ngày 1 tháng 7: trang web di động (giao diện Minerva) trên Wikipedia cấp 1
    • Tuần ngày 15 tháng 7:
      • trang web dành cho máy tính để bàn (giao diện Vector 2022) trên tất cả Wikipedia
      • trang web di động: đã đăng nhập và đăng xuất trên Wikipedia cấp 2, chỉ đăng nhập trên Wikipedia cấp 3

Công việc trên chế độ tối vẫn tiếp tục

Tiếp theo, chúng tôi sẽ tự động bật chế độ tối dựa trên tùy chọn của thiết bị. Chúng tôi cũng muốn cung cấp chế độ tối cho người dùng đã đăng xuất trên tất cả các wiki. Để làm được điều đó, chúng tôi tiếp tục cần sự trợ giúp của bạn trong việc cập nhật các bản mẫu và màu sắc để có thể tiếp cập được ở chế độ tối. Như trước đây, chúng tôi khuyến khích mọi người làm việc và báo cáo bất kỳ sự cố nào với chế độ tối. Vui lòng xem Câu hỏi thường gặptin nhắn trước đó của chúng tôi để biết chi tiết về cách trợ giúp. Hãy liên hệ với chúng tôi nếu bạn có bất kỳ câu hỏi nào!

Bối cảnh

Tại sao tập trung vào nó lại quan trọng

Trong vài năm qua, chúng tôi đã giới thiệu giao diện Vector 2022 tại nhiều wiki. Chúng tôi đã thiết kế nó để cải thiện trải nghiệm đọc. Một mục tiêu khác là mang đến một trải nghiệm thoải mái cho thành viên hiện tại và hoan nghênh hơn đối với thành viên mới. Tuy nhiên, vẫn còn những vấn đề về khả năng đọc mà chúng tôi chưa giải quyết được. Trong quá trình nghiên cứu cho dự án đó, một trong những vấn đề chúng tôi nhận ra chính là kích thước của văn bản.

So với văn bản kỹ thuật số dễ tiếp cận hơn, việc đọc nội dung của chúng tôi trên máy tính và di động mất nhiều thời gian hơn. Khả năng nhớ văn bản đã đọc cũng bị ảnh hưởng. Một yếu tố quan trọng cần nhớ là người ta tham gia cả vào đọc sâu và quét văn bản.[1] Chúng tôi muốn cải thiện hệ thống phông chữ của mình cho cả hai cách sử dụng dự án này.

Ngoài ra, trang mạng desktop của chúng tôi không cho phép thành viên đặt kích cỡ phông chữ thoải mái cho bản thân Thay vào đó, người đọc có nhu cầu và sở thích cụ thể phụ thuộc vào chức năng của trình duyệt để thay đổi kích cỡ phông chữ. Những khả năng này khác nhau theo trình duyệt và không phải lúc nào cũng được hỗ trợ bởi phần còn lại của giao diện người dùng của chúng tôi. Điều này gây ra các vấn đề với công cụ hoặc điều hướng.

Bối cảnh kế hoạch hàng năm

Trích dẫn từ kế hoạch hàng năm 2023/2024 của Quỹ 

Đảm bảo trải nghiệm đọc chất lượng cho tất cả thành viên bằng cách thích ứng trải nghiệm mặc định cho 15% số lượt xem trang, dựa trên nhu cầu cá nhân và hạn chế của thành viên.

This key result is focused on allowing the opportunity for our interface to adapt to individual needs when necessary. Lý thuyết ở đây là mọi người sẽ cảm thấy gắn kết hơn với một trang web và giao diện có thể thích ứng dựa trên nhu cầu của họ. 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.


Goals

Typography improvements

The goals of this project are:

  1. To identify and better understand problems. Review and classify issues with the current typography on wikis
  2. To make the site easier to read. Improve readability on mobile and desktop sites
  3. To provide typography that better suits different languages and scripts. Optimize readability with the support and expertise of the different communities
  4. To allow readers to customize typography. Introducing typographical preferences, useful mostly for people with distinct needs and likings

Night mode

  1. Improving the readability of articles in low-light settings
  2. Making night mode options and settings easily discoverable and usable

Timeline and phases

Typography improvements

Phase Timeframe Description
Research and literature review tháng 7– We learned what researchers say about typography for desktop and mobile
Prototype testing + discussing with communities tháng 10– Most editors taking part in the previous testing were open to a font size increase. They came from different communities.
Beta feature deployment tháng 12 2023 We released the typography improvements as a beta feature to all wikis and encouraged communities to try it out and give us their feedback
Release to pilot wikis Iteration based on testing results in collaboration with testing communities
Discussions with communities tháng 4/ Announcing the upcoming change and answering questions. This will take 2-3 weeks
Release to all wikis tháng 5/
  1. Deploy the menu to all logged-out and logged-in users as open by default (all users will be able to immediately collapse the menu) to a small set of wikis
  2. One week later, deploy the menu to all logged-out and logged-in users as open by default (all users will be able to immediately collapse the menu) to all wikis
  3. Change the default typography for logged-out users only
  4. Measure usage of appearance menu across logged-in users and gather additional data

Night mode

Phase Timeframe Description
Technical review tháng 9– We reviewed ideas for implementation of night mode and decided what implementation we want to use. We reviewed the dark mode gadget, night mode on the apps, etc.
Discussing with communities We started working with technical editors to adjust the community-controlled code (like templates) so that night mode works well.
Pilot release tháng 3– The first version is only available for logged-in users. On mobile, it's only available in the advanced mode. On desktop, it will be a "beta feature".
Release for all users Not defined When community-controlled code is adjusted, night mode will be available for logged-out users.

Get involved and Contact

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

Tham khảo