Світле майбутнє темного режиму: як темний режим змінить доступність Вікіпедії

Translate this post

У Вікіпедії з’явився темний режим (нарешті!).

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

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

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

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

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

Користувацький вміст

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

Коли колір важливий

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

Тонкі відмінності в кольорі можуть бути небезпечними. Чи можете ви сказати, який з них точно представляє міжнародний помаранчевий колір?

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

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

Спотворення кольору може заморочувати, бути кумедним, а іноді й небезпечним, як показано вище у статтях Вікіпедії «Етикетка токсичності», «Колір хімічних речовин», «Символ небезпеки» та «Жовтий колір». Подумайте про наслідки відображення неточних кольорів, якщо хтось використовує Вікіпедію, щоб визначити, якого кольору газ заповнює їхню кімнату.

Доступна можливість

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

На цьому скріншоті показано, як виглядала стаття для Wrexham A.F.C. до темного режиму (ліворуч) і як вона виглядає зараз (праворуч). У статті є таблиці з червоними заголовками, тому що команда грає в червоній формі. Під час роботи над темним режимом було виявлено, що ця сторінка має проблеми з доступністю, тому її було змінено на більш доступні кольори, але при цьому збережено асоціацію з брендом.

Хоча колір може мати семантичне значення для передачі знань – наприклад, при описі кольору «міжнародний помаранчевий», колір допомагає. Однак найчастіше це стилістичний вибір. Деякі кольори також мають небажані конотації, які можуть призвести до неправильного розуміння інформації – наприклад, червоний може асоціюватися з попередженням і небезпекою. Загалом, колір слід використовувати з розумом. У рамках цього проєкту ми хотіли полегшити редакторам-волонтерам пошук і виправлення цих проблем із користувацьким вмістом.

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

Покращення нашого вмісту

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

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

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

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

Дякуємо вам!

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

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

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

Can you help us translate this article?

In order for this article to reach as many people as possible we would like your help. Can you translate this article to get the message out?