Чтение/Веб/Доступность для чтения

< Reading‎ | Web
This page is a translated version of the page Reading/Web/Accessibility for reading and the translation is 81% complete.
Outdated translations are marked like this.

Внешний вид проектов Викимедиа должен быть доступным и удобочитаем, независимо от языка или письменности. Это касается как большинства, так и конкретных лиц с особыми потребностями. Однако, текущая типографика на настольных и мобильных устройствах затрудняет читаемость. Кроме этого, темный режим может быть полезен в условиях низкой освещенности и для пользователей, предпочитающих неконтрастные условия чтения. Сейчас наши интерфейсы не предоставляют такой возможности.

Мы хотели бы изменить типографику по умолчанию. Мы также создадим дополнительные настройки для типографики и темного режима как конфигурацию. Эти изменения будут доступны как для вошедших в систему, так и для вышедших из системы пользователей.

Обзор проекта

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 second 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.

Новости

Основная страница: Reading/Web/Accessibility for reading/Updates

май 2024: User testing results, beta feature usage data, and the first version of dark mode now available

User testing results

We have performed usability testing on the Appearance menu. You can see the full results here. In short: in the Appearance menu (previously: Theme menu), the typography, width, and dark mode options are placed. The goal of the testing was to determine whether the menu is easy to use, and whether the names of the different settings are intuitive to most users. From this testing we learned:

  • No significant usability issues were found.
  • Users generally preferred to refer to a "dark" color scheme or "night" color scheme. As a result, we have changed the name of the feature back to "dark" color scheme or dark mode for short.
  • It was difficult for users to find the menu icon once collapsed. As a result, we have added a notice that informs users of where the menu has been collapsed to.

Beta feature usage data

We have been tracking the usage of the new menu as a beta feature. You can see the full results here. In short, we learned that "standard" was the most popular option to select. We also saw:

  • About 55% of clicks to the new menu were for a font size that was larger than the default (either standard or large font sizes)
  • The majority of the clicks, 46.7%, were for the "standard" font size.

This confirms that most users prefer a font size that is larger than the current default. We previously saw this in the findings from the community prototype testing. We will use this data to decide on the new default settings.

Dark mode is now available

Dark mode is now available to logged-in users on the mobile site (Minerva skin only)! To access this feature, you must be opted into advanced mode for mobile. Then, you can select "dark" from the list of color options. (Note: "automatic" will follow the preference of your device.) See the more detailed message about this change, and go to the FAQ page to see more information about the basics of this project.

Main pages will be displayed at full width

Currently, main pages, like articles, are displayed at limited width. Considering the two-column layout with pictures, and the current typography, the line length there (measured by characters per line, CPL) is acceptable. When the default font size is increased though, CPL becomes a bit too small. This is why we have decided to disable the limited width on main pages by default. Instead, they will be displayed at full width like special pages. For more technical details, see T357706.


Предыстория

Почему важно работать над этим

За последние несколько лет мы включили тему «Vector 2022» на многих вики-сайтах. Мы разработали его для того, чтобы улучшить доступность режима чтения. Другая цель заключалась в том, чтобы предоставить среду, удобную для существующих пользователей и более приятную для новых пользователей. Однако, по-прежнему существуют проблемы с удобством чтения, которые нам еще предстоит решить. Во время работы над этим проектом одной из проблем, которые мы обнаружили, был размер самого текста.

По сравнению с более доступными цифровыми текстами, чтение нашего контента на настольных компьютерах и мобильных устройствах занимает больше времени. Это также влияет на способность запоминать прочитанный текст пользователями. Важным фактором, который следует учитывать, является то, что люди занимаются как углубленным чтением, так и поиском информации в самом тексте.[1] Мы хотели бы улучшить нашу типографику при обоих способах использования проектов.

Также, наша настольная версия сайта не позволяет установить размер шрифта, удобный для пользователя. Вместо этого, читатели с особыми потребностями и предпочтениями зависят от функций самого браузера, позволяющих изменить размер шрифта. Эти возможности различаются в зависимости от браузера и не всегда поддерживаются нами остальным пользовательским интерфейсом. Это вызывает проблемы с инструментами или навигацией.

Контекст годового плана

Цитата из годового плана Фонда Викимедиа на 2023/2024 год 

Обеспечение опыта чтения с высоким качеством для всех пользователей посредством адаптации стандартной среды для 15% просмотров страниц в зависимости от индивидуальных потребностей и ограничений пользователя.

Этот ключевой результат ориентирован на то, чтобы позволить нашему интерфейсу приспосабливаться к индивидуальным потребностям при необходимости. Теоретически люди будут ощущать себя в большей степени вовлеченными при использовании вебсайта или интерфейса, который адаптируется в зависимости от их потребностей. Это может включать в себя такие функции, как настройки темного режима экрана, плотности текста и страницы, а также размера шрифта. Некоторые из таких приспособлений могут производиться автоматически в самом интерфейсе - например, путем создания адаптивных функциональностей или инструментов, обеспечивающих включение темного режима в зависимости от настроек устройства или браузера пользователя. В других случаях данная адаптация может производиться путем явных настроек, что позволит пользователям выбирать нестандартные конфигурации в особых (но ограниченных) случаях. Касательно доступности, внимание будет уделено независимо создаваемым функциональностям, повышающим уровень доступности или позволяющим задавать более удобные с точки зрения доступности стандартные настройки, но в тоже время сохраняющим возможность изменения настроек для людей с другими предпочтениями. Перед получением цифры в 15% мы изучили то, как пользователи настраивают стандартную среду в приложении Википедии для iOS устройств. Порядка 59% пользователей используют нестандартную тему (темную, черную, сепию).

Мы взяли данное число за основу, но учли наше предположение о том, что постоянные пользователи с большей вероятностью потратят время на настройку своей читательской среды в отличие от случайных пользователей.


Цели

Улучшения типографики

Целями проекта являются:

  1. Чтобы выявить и лучше понять проблемы. Проверить и классифицировать проблемы с текущей типографикой на сайтах Вики.
  2. Сделать сайты удобными для чтения. Улучшить читаемость сайтов на мобильных и настольных версиях
  3. Обеспечить типографику, которая лучше подходит для различных языков и письменностей. Оптимизировать читаемость благодаря поддержке и опыту различных сообществ
  4. Позволить читателям настраивать типографику. Представить типографские конфигурации, полезные в основном для людей с особыми потребностями

Темный режим

  1. Улучшение читаемости статей в условиях низкой освещенности
  2. Упрощение поиска и использования параметров и конфигураций темного режима

Графики и фазы

Улучшения типографики

Фаза Период Описание
Исследование и обзор литературы июль– Мы узнали, что говорят исследователи о типографике для настольных и мобильных устройств
Тестирование прототипа + обсуждения с сообществами октябрь– Большинство редакторов, принимавших участие в предыдущем тестировании, были открыты к увеличению размера шрифта. Они были частью различных сообществ.
Beta feature deployment декабрь 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
Включение в пилотных Вики Итерация, основанная на результатах тестирования в сотрудничестве с сообществами-участниками тестирования
Discussions with communities апрель/ Announcing the upcoming change and answering questions. This will take 2-3 weeks
Включения во всех Вики май/
  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

Темный режим

Фаза Период Описание
Технический обзор сентябрь– Мы рассмотрим идеи по внедрению темного режима и решим, какую дорогу для внедрения мы хотим использовать. Мы рассмотрим гаджеты темного режима, темный режим в других приложениях и т.д.
Обсуждения с сообществами Мы будем работать с редакторами, чтобы скорректировать коды, контролируемые сообществом (например, шаблоны), чтобы темный режим работал хорошо.
Тестовый выпуск март– Первая версия может быть «бета-версия», доступная только для вошедших в систему пользователей. On mobile, it's only available in the advanced mode. On desktop, it will be a "beta feature".
Включение для всех пользователей Неопределенно Когда код, контролируемый сообществом, будет скорректирован, темный режим будет доступен для вышедших из системы пользователей.

Участие и Связь

Оценка проекта

Мы будем измерять успех этого проекта качественными и количественными методами. В частности, мы будем рассматривать:

  • Решения, основанные на исследованиях, при создании и разработке прототипов
  • Качественные улучшения доступности чтения, основанные на тестировании пользователями и обсуждениях в сообществе
  • По крайней мере, X% всех сеансов длятся дольше, чем Y тех, кто настраивает типографику
    • Примечание: точные переменные TBD
  • По крайней мере, X% всех сессий используют темный режим
  • Отсутствие существенных изменений в глубине чтения

Ссылки