Публікуємо переклад допису Фонду Вікімедіа; автор — Джон Робсон.

Вікіпедія тепер (нарешті!) доступна в темному режимі.

Темний режим довгий час був функцією, на яку був великий запит. Темна тема створює середовище з низьким контрастом, чим зменшує напругу в очах та покращує доступність для читачів і спільнот у проєктах Вікімедіа. Ця функція тепер доступна на деяких вікі-сайтах: на мобільних пристроях і комп’ютерах, як у режимі читання, так і в режимі редагування!

Хоча створення темного режиму може здатися простим, у Вікіпедії та інших проєктах Вікімедіа це завдання потребувало подолання непростих та унікальних проблем. Команда інженерів Фонду Вікімедіа тісно співпрацювала з технічними редакторами-волонтерами, щоб реалізувати цю функцію.

Чому темний режим важливий

Читачі та спільноти Вікіпедії хотіли темного режиму! Починаючи принаймні з 2019 року на цю функцію існував великий запит від редакторів, а її відсутність була постійним джерелом нарікань на сторінках Фонду Вікімедіа в соціальних мережах. Крім того, наша аналітика показує, що 20% наших читачів вказали на рівні операційної системи, що вони віддадуть перевагу темному режиму. Хоча дослідження неоднозначні, темний режим часто хвалять за те, що він зменшує навантаження на очі та допомагає людям, які мають різні захворювання.

Головним питанням у процесі впровадження цієї функції завжди було не «чому», а «як». По-перше, Фонду Вікімедіа потрібно було подолати основні обмеження нашого програмного забезпечення та архітектури, і частково це було зроблено шляхом створення оболонки Вектор 2022. Ми описали це детально в нашому попередньому дописі «Темний режим вже на підході». Зробивши це, вебкоманда започаткувала проєкт із покращення доступності для читачів, і ми нарешті почали шукати відповідь на запитання: як ми можемо зробити темний режим можливим?

Контент, створений користувачами

Вікіпедія — це унікальний вебсайт, побудований на величезній кількості контенту, створеного користувачами. Значна частина вмісту Вікіпедії створена за допомогою HTML-розмітки та базується на припущенні, що єдиним доступним режимом є світлий. Запроваджуючи темну тему, ми зіткнулися з ризиком зробити недоступними сторінки, які користувачі ретельно створювали протягом багатьох років.

Коли колір має значення

Іноді колір відіграє важливу роль у статтях Вікіпедії. Спершу ми хотіли обрати простішу опцію реалізації темної теми, затемнивши всі кольори на сторінці, але це призвело б до небажаних наслідків. Погляньте на цю статтю про International Orange і зауважте нижче, як зразки кольорів дещо відрізняються в обох статтях.

У першому прикладі кольори правильні. На другому зображенні кольори були спотворені «простим темним режимом» і насправді представляють некоректну інформацію. Однак, на перший погляд, все має гарний вигляд, та існує ризик, що така проблема може залишитися непоміченою.

Хоча в цій конкретній ситуації ставки низькі, не треба далеко ходити, щоб побачити, де некоректна інформація про колір може призвести до проблем.

Можливість для доступності

Коли ми почали оцінювати потенційні розв’язання проблем із кольором, що описані вище, ми звернулись до Рекомендацій щодо доступності вебвмісту та контрасту кольорів. Ми це зробили, щоб визначити, на яких сторінках наявні кольори та комбінації кольорів, які можуть ускладнити читання. Виявили, що багато статей у Вікіпедії мали проблеми з доступністю контенту в попередньому «лише світлому» стані Вікіпедії. Стаття Wrexham A.F.C., наприклад, мала недоступний червоний фон у всіх заголовках таблиць лише тому, що футбольна команда грає в червоному (наразі це виправлено!).

Колір може мати семантичне використання для передачі знань — наприклад, якщо описувати колір International orange, використання власне кольору в цьому допоможе. Однак найчастіше це стильовий вибір. Деякі кольори також мають небажані конотації, які можуть призвести до неправильного розуміння інформації — наприклад, червоний може асоціюватися з попередженням і небезпекою. Загалом, колір слід використовувати з розумом. У рамках цього проєкту ми хотіли полегшити редакторам-волонтерам пошук і розв’язання цих проблем в контенті, який створюють користувачі.

Оскільки Вікіпедію може редагувати кожен, доступність є колективною відповідальністю. Додавання функції темного режиму дало можливість покращити наповнення Вікіпедії. Чи є кращий спосіб привернути увагу до доступності та наявних проблем, ніж використати для цього функцію, на яку існує високий попит?

Покращення нашого контенту

Попри труднощі, пов’язані з удосконаленням статей, було важливо не йти коротким шляхом, а натомість покращити наше наповнення. Зрештою, Вікіпедія — це постійний спільний процес удосконалення енциклопедії.

Щоб підтримати цю роботу, ми розробили інструменти для позначення проблем і створили можливості для редакторів залучатись і робити наші статті більш доступними. Через проблеми з наявним форматуванням, яке розроблялось для світлого режиму, ми вирішили зробити наше оновлення поміркованими.

Ми додали темний режим у всіх Вікіпедіях для авторизованих користувачів. Однак для користувачів, які не ввійшли в обліковий запис (тобто більшості читачів), ми публікуємо його лише у Вікіпедіях, де технічні редактори виправляють проблеми з кольором, або де проблем у будь-якому випадку небагато. Це включає англійську, сучасну письмову китайську, французьку, японську, голландську, польську, португальську та низку менших Вікіпедій. Ми з нетерпінням чекаємо можливості зробити темний режим доступним більшою кількістю мов після подальшої роботи з їхніми технічними редакторами.

Якщо ви редагуєте Вікіпедію та можете допомогти з CSS і шаблонами, заохочуємо вас це робити. Якщо у вашій вікі ще немає Вектор 2022 як оформлення за замовчуванням для комп’ютерної версії, і ви хочете зробити темний режим доступним для всіх, хто читає Вікіпедію з ноутбука або комп’ютера, зверніться до своєї спільноти та до нас. Темний режим працює лише на оболонках Minerva (для мобільних пристроїв) і Вектор 2022 (для комп’ютерів).

Дякуємо!

Це була мандрівка, сповнена глибоких розмов! По-перше, особлива подяка всім редакторам-волонтерам, які оновлюють наявне форматування. Далі, моя подяка Бернарду, Едварду, Джорджу, Яну, Дженніфер, Джастіну, Кім, Мо, Ользі, Нат і Стеф з вебкоманди, а також Енн, Барбарі, Крісу, Еріку, Дереку, Лоралін, Роану та Волкеру з команди Design System. Протягом реалізації цього проєкту, вони були неймовірно терплячими та чуйними до наших потреб, які швидко змінювалися. Дякуємо також команді MediaWiki Engineering, а особливо Моріель, за те, що разом з нами запустили цей проєкт і допомогли нам розпочати роботу. Дякую Волкеру та MusikAnimal, чиї перші розробки, створені багато років тому, стали поштовхом для більшої частини цієї роботи. Наші амбасадори продукту Бачунда, Ізабель, Мехман і Фуонг, а також Шимон зі служби підтримки Movement Communications відіграли важливу роль, підтримуючи наш зв’язок із нашими спільнотами редагування. Як технічний керівник вебкоманди, я очолював інженерну частину роботи.

Крім того, як завжди, дякуємо спільнотам Вікімедіа, які допомагали нам на цьому шляху, і ключовим внескам інших колег та друзів, які допомогли нам масштабувати наш код та контент. Хакатон 2024 в Естонії зіграв важливу роль! Щоб нікого не пропустити, я створив цю сторінку, щоб відзначити всіх цих багатьох людей  —  допоможіть нам розширити її!

Сподіваємося, як читачам, вам сподобається читати Вікіпедію в темному режимі!