【网上闹新春】网络解乡愁
|
Доступн?сть для читання
 Типограф?чн? зм?ни ? налаштування, що роблять сайт б?льш доступним
|
?нтерфейс про?кт?в В?к?мед?а мусить бути доступним ? читомим, незалежно в?д мови чи писемност?. Це стосу?ться як б?льшост?, так ? ос?б з конкретними потребами. Одначе поточна типограф?ка стац?онарного ? моб?льного вигляду сайту ускладню? читом?сть. Кр?м цього, н?чна тема може бути пом?чною при слабкому осв?тленн? ? для користувач?в, що в?ддають перевагу низькому контрасту при читанн?. Наш? ?нтерфейси нараз? не мають такого функц?оналу.
Ми холи б зм?нити стандартну типограф?ку. Також ми створимо додатков? параметри типограф?ки ? н?чну тему, що будуть доступн? у налаштуваннях. Ц? зм?ни будуть доступн? як для залог?нених, так ? для незалог?нених користувач?в.
Project overview
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:
- Readability research, academic studies, and market research: these sources indicated that generally bigger is better in terms of font size.
- 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.
- 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.
- 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.
Новини
червень 2024: Розгортання типограф?ки та темного режиму, нов? глобальн? параметри
Ран?ше цього м?сяця: меню вигляду доступне для вс?х ? зм?ни типограф?ки для користувач?в, як? вийшли з системи
На початку червня ми зб?льшили розм?р шрифту за замовчуванням для користувач?в, як? не вийшли з системи, у Vector 2022. Докладн?ше про це розгортання. За к?лька м?сяц?в ми вивчимо, ск?льки авторизованих користувач?в переходять на стандартний режим ? почнемо розмову про те, чи ? сенс для авторизованих користувач?в також переходити.
Глобальн? параметри для меню Вигляд
Тепер можна вибрати параметри для розм?ру тексту, ширини стор?нки та кольору для вс?х в?к?. Для цього перейд?ть до глобальних налаштувань. Дяку?мо вс?м за запитання та терп?ння!
Темний режим виходить ?з бета-верс??!
- Темний режим незабаром стане доступним для авторизованих користувач?в у вс?х В?к?пед?ях ? для тих, хто вийшов ?з системи, у вибраних В?к?пед?ях. Це спочатку стосуватиметься моб?льно? веб-верс??, а пот?м наст?льно?. За замовчуванням залишиться ?св?тлий режим?, ? ми попросимо користувач?в вибрати темний або автоматичний режим.
- Аудитор?я, яка отрима? темний режим, буде в?др?знятися залежно в?д в?к?:
- В?к?пед?? р?вня 1 ? 2: в?к?, де к?льк?сть проблем у темному режим? пор?вняно з? св?тлим режимом незначна.' Ц? в?к? отримають темний режим як для заре?строваних, так ? для тих користувач?в. Однак деяк? невелик? проблеми все ще можуть ?снувати в шаблонах. Ми додамо способи пов?домити про ц? проблеми, щоб ми могли продовжувати виправляти шаблони разом ?з редакторами.
- В?к?пед?? р?вня 3: в?к?, де к?льк?сть проблем у темному режим? пор?вняно з? св?тлим режимом ? значною.' Ц? в?к? отримають темний режим лише для користувач?в, як? вв?йшли в систему. Ми хот?ли б зробити темний режим доступним для вс?х користувач?в. Однак деяк? в?к? дос? потребують роботи сп?льнот, щоб адаптувати шаблони. Под?бно до наведено? вище групи, ц? в?к? також отримають посилання для пов?домлення про проблеми, що допоможе виявити проблеми, що залишилися.
- Нараз? ми плану?мо наступн? дати розгортання:
- Тиждень 1 липня: моб?льний веб-сайт (шк?ра М?нерви) у В?к?пед?ях р?вня 1
- Тиждень 15 липня:
- наст?льний веб-сайт (шк?ра Vector 2022) у вс?х В?к?пед?ях
- моб?льний веб-сайт: авторизувався та виходив ?з системи у В?к?пед?ях р?вня 2, авторизувався лише у В?к?пед?ях р?вня 3
Робота над темним режимом трива?
Дал? ми автоматично вв?мкнемо темний режим залежно в?д уподобань пристрою. Ми також хочемо зробити темний режим доступним для користувач?в, як? вийшли з системи на вс?х в?к?. Для цього нам ? надал? потр?бна ваша допомога в оновленн? шаблон?в ? кольор?в, щоб вони були доступн? в темному режим?. Як ? ран?ше, ми заклика?мо вс?х працювати над проблемами в темному режим? та пов?домляти про них. Перегляньте наш? FAQ ? попередн? пов?домлення, щоб д?знатися, як допомогти. Зв’яж?ться з нами, якщо у вас виникнуть запитання!
Передумови
Чому важливо працювати над цим
За минул? к?лька рок?в ми впровадили у багатьох в?к? оформлення Вектор 2022. Ми розробили його для покращення досв?ду читання. ?ншою метою було забезпечити одночасно зручн?сть для наявних користувач?в ? прив?тн?сть для нових користувач?в. Однак, ще залишаються проблеми з читом?стю, як? нам сл?д вир?шити. Одн??ю з проблем, як? ми визначили п?д час досл?джень для того про?кту, був розм?р самого тексту.
У пор?внянн? з б?льш доступним цифровим текстом, для читання нашого контенту (? в стац?онарному, ? в моб?льному вигляд?) потр?бно б?льше часу. Також ? вплив на здатн?сть запам'ятовувати прочитаний текст. Важливо пам'ятати, що люди читають текст не лише зосереджено, а й поб?жно.[1] Ми хот?ли б пол?пшити нашу типограф?ку для обох цих способ?в використання наших про?кт?в.
Також на нашому вебсайт? не можна встановити розм?р шрифту, що буде зручним для користувача. Натом?сть читач? з особливими потребами ? вподобаннями мусять покладатися на функц?онал браузера для зм?ни розм?ру шрифту. Ц? можливост? р?зняться у р?зних браузерах ? не завжди п?дтримуються рештою нашого ?нтерфейсу користувача. Це виклика? проблеми з ?нструментами або нав?гац??ю.
Контекст р?чного плану
Цитата з р?чного плану Фонду 2023/2024
|
|---|
|
Goals
Typography improvements
The goals of this project are:
- To identify and better understand problems. Review and classify issues with the current typography on wikis
- To make the site easier to read. Improve readability on mobile and desktop sites
- To provide typography that better suits different languages and scripts. Optimize readability with the support and expertise of the different communities
- To allow readers to customize typography. Introducing typographical preferences, useful mostly for people with distinct needs and likings
Night mode
- Improving the readability of articles in low-light settings
- Making night mode options and settings easily discoverable and usable
Timeline and phases
Typography improvements
| Phase | Timeframe | Description |
|---|---|---|
| Research and literature review | липень– | We learned what researchers say about typography for desktop and mobile |
| Prototype testing + discussing with communities | жовтень– | Most editors taking part in the previous testing were open to a font size increase. They came from different communities. |
| 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 |
| Release to pilot wikis | Iteration based on testing results in collaboration with testing communities | |
| Discussions with communities | кв?тень/ | Announcing the upcoming change and answering questions. This will take 2-3 weeks |
| Release to all wikis | травень/ |
|
Night mode
| Phase | Timeframe | Description |
|---|---|---|
| Technical review | вересень– | 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 | березень– | 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
- 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 night mode compatibility on Wikimedia wikis
- Review and address issues with color contrast on your project using our night mode checker tool
- Review and fix issues with ambiguous colors using our linting tool
- Review error reports from users on your project on our reporting page (note you can modify where these reports go to by editing the page MediaWiki:vector-night-mode-issue-reporting-notice-url).
- Report bugs: create a task in Phabricator and add #fy2023-24-we_2.1_typography_and_palette_customizations project.
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