Вікіпедія:Стиль/Доступність
Ця сторінка належить до настанов української Вікіпедії. Її зміст узгоджено дописувачами й ухвалено як стандарт, якого рекомендується дотримуватись усім користувачам.
Увага: стандарт припускає винятки. При застосуванні настанови послуговуйтеся здоровим глуздом. Перш ніж редагувати цю сторінку, будь ласка, переконайтесь, що ваші зміни відображають консенсус. Якщо ви не певні щодо ваших дій, обговоріть їх заздалегідь на сторінці обговорення. |
Вебдоступність має на меті створення вебсторінок, які легше читати та якими легше орієнтуватися. Хоча основною задачею є допомога тим, хто має інвалідність, однак настанова може бути корисною для всіх читачів. Ми дотримуємося настанов з доступності вебконтенту[en] 2.1[a], на яких засновані пропозиції цієї настанови. Сторінки, що дотримуються їх, легше читати й редагувати кожному.
Структура статті
[ред. код]Стандартизована структура статей покращує доступність, бо дозволяє користувачам очікувати, що вміст розміщений у певній частині сторінки. Наприклад, якщо незрячий користувач шукає посилання неоднозначності та не знаходить жодного у верхній частині сторінки, то він знатиме, що їх немає, і йому не потрібно читати всю сторінку, щоби дізнатися про це.
Заголовки
[ред. код]Заголовки повинні розміщуватися послідовно, починаючи з рівня 2 (==
). Рівень 1 використовується автоматично для заголовків статей, і ніколи не використовується в основному тлі статті. Не пропускайте окремі рівні заголовків.
Для полегшення читабельності для людей із вадами зору (лише у вікіредакторі) під кожним заголовком можна додати не більше одного порожнього рядка. Але зважайте, що для деяких малих екранів у певних статтях наявність одного такого рядка може погіршити читабельності для цієї групи користувачів.
Правильно | Неправильно: хаотично | Неправильно: пропуск |
---|---|---|
[Вступ статті] |
[Вступ статті] |
[Вступ статті] |
Не варто створювати псевдозаголовки, зловживаючи крапкою з комою (яка зазвичай використовується для списків). Уникайте виділення жирним для назв розділів. Програми зчитування з екрана та інші допоміжні додатки можуть використовувати лише заголовки, які мають відповідну розмітку для навігації. Якщо необхідно зменшити розмір змісту, використовуйте лише {{TOC limit}}. Якщо {{TOC limit}} неможливо застосувати через наявність заголовків нижчого рівня в іншій частині статті, то використання напівжирного накреслення для під-під-під-підзаголовків найменше заважатиме користувачам програм зчитування з екрана. Використання псевдозаголовків можливе лише у рідкісних випадках, коли вичерпані всі інші варіанти.
Правильне | Неправильно |
---|---|
[Початок статті] |
[Початок статті] |
Плаваючі елементи
[ред. код]У вікікоді плаваючі елементи (включно зі зображеннями) варто розміщувати всередині розділу, до якого вони належать. Не поміщайте зображення, які стосуються певного розділу, наприкінці попереднього розділу.
Залежно від різних чинників, розміщення кількох зображень одне під одним поруч із коротким текстом може призвести до того, що зображення будуть відображатися як частина розділів нижче. Це не проблема доступності, бо програми читання з екрана читають альтернативний текст (alt=
[b]) кожного зображення за розміщенням його в коді сторінки.
Текст
[ред. код]Стандартно, більшість програм-читачів екрану не відтворюють візуальні атрибути тексту (жирний, курсив, підкреслений, моноширинний, закреслений) чи навіть семантичні (наголос), тому закреслений текст читається так само як і інший текст.
Оскільки ці програми зазвичай нехтують закресленням тексту, його використання у статтях погіршить доступність аж до цілковитої плутанини, якщо це був єдиний спосіб індикації. Це стосується обох елементів <s>
та <del>
(а також <ins>
, що візуально відтворюється як підкреслення), а також шаблонів, які їх використовують. Не закреслюйте вміст, щоб вказати на його неприйнятність чи некоректність. Натомість, закоментуйте його тегами <!--
і -->
, приберіть повністю, чи використайте якийсь із шаблонів упорядкування (ВП:Встановлення шаблонів упорядкування), і обговоріть проблему на сторінці обговорення.
Програми-читачі екрану мають дуже різний рівень підтримки символів поза стандартними наборами латинських та кириличних таблиць символів (Latin-1, Windows-1252[en] тощо), тож всякі припущення про те, як певний символ поза цими наборами буде відтворений (озвучений), будуть ненадійними. Якщо символ не буде розпізнаний програмою чи синтезатором мовлення, він може бути озвучений як знак питання чи повністю проігнорований озвучкою.
- Вкажіть транслітерацію для тексту поза латинською та кириличною системою, якщо символами описується важливий контекст: імена, місця, речі тощо. Цей функціонал мають шаблони для позначення тексту іншими мовами, а також у шаблонах типу {{Transliteration}}. Ці шаблони мають додаткові переваги для доступності: дивіться розділ «Інші мови».
- Не використовуйте потенційно неозвучувані символи, такі як ♥ (символ серця); натомість використовуйте зображення з вказаним альтернативним текстом
|alt=
.[1] Обмеження не стосується математичних формул тощо. - Символи, які проблематично читаються програмами, імовірно вже мають шаблони-відповідники, де генерується і зображення і альтернативний текст. Див Категорія:Шаблони вставки єдиного зображення.
Набір символів має бути достатнім для передачі семантичних аспектів тексту (і, бажано, інших форм контексту); покладатися на спец-символи, які розрізняються лише CSS-розміткою чи Вікі-розміткою — неприпустимо.
Не використовуйте засоби, що вимагають інтерактиву для отримання інформації. Такими засобами є спливні підказки, чи будь-який інший текст, що активується нависанням курсора (hover): наприклад, шаблон {{Comment}}. Це обмеження не має на увазі стандартні для Вікіпедії виноски. Єдиним винятком з цієї вимоги є абревіатури, тож шаблон {{abbr}}
(обгортка до елемента <abbr>
) можна використовувати для вказання повної форми для абревіатури (а також акронімів).
Не вставляйте розрив рядка всередину речення, бо це значно ускладнює редагування через програму-читач екрану. Одиночний розрив рядка може бути вставлений після речення, що може бути корисним для деяких дописувачів.
Розмір шрифта
[ред. код]Зменшений або збільшений розмір шрифта мають використовуватися дуже обмежено, і цей функціонал зазвичай забезпечують автоматичні елементи сторінок, такі як заголовки розділів, таблиць, стандартизовані шаблони. Зміни розміру мають зазначатися як відносний розмір: відсоток від оригінального розміру, і ніколи як абсолютний розмір у пікселях чи у типографських пунктах (Em (типографія)[en]). Відносний розмір полегшує доступність для читачів із недосконалим зором, дозволяючи їм встановити збільшений стандарт для розміру шрифта у налаштуваннях браузера. Абсолютний же розмір позбавляє читача такої можливості.
Уникайте зменшувати розмір шрифта всередині елементів сторінки, які вже застосовують зменшення розміру шрифта. До прикладу, це текст, що міститься у шаблонах-картках, навігаційних шаблонах, і розділі приміток.[c] Це означає, що теги <small>...</small>
, а також шаблони {{small}}
і {{smalldiv}}
, не мають застосовуватися до звичайного тексту всередині цих елементів. У жодному разі фінальний розмір шрифта для будь-якого тексту не має падати нижче 85% від стандартного розміру для сторінки.
Інші мови
[ред. код]Стандартно, статті Української Вікіпедії явно повідомляють браузеру, що вони повністю написані українською мовою. Текст мовою, відмінною від української, має бути відміченим відповідно, зазвичай шаблоном типу {{lang}}
(чи одною з його варіацій). Це обгортає текст у Мовні теги IETF[en], які зазначають мову і алфавіт. Наприклад:
''Assemblée nationale''
— просто обрамлено у курсив, і не зазначено, що це текст французькою. Більшість програм-читачів екрану у спробі прочитати це, звучатимуть смішно або незрозуміло.{{lang|fr|Assemblée nationale}}
відтворюється як Assemblée nationale: автоматично подає текст курсивом і вкаже програмам використати французький голос для озвучки.{{lang-fr|Assemblée nationale}}
→ фр. Assemblée nationale – аналогічно до прикладу вище, але із використанням шаблону для французького тексту.
Пояснення: Окрім інших функцій, вказання мови тексту шаблоном {{lang}}
дозволяє синтезаторам мови обрати голос, що здатен коректно прочитати текст.[2]
Мовні теги IETF вказують мову тексту відповідно до специфікацій ISO 639, а також яким алфавітом записаний текст:
{{lang|sr-Cyrl|Народна скупштина}}
→ Народна скупштина{{lang|sr-Latn|Narodna skupština}}
→ Narodna skupština — сербська мова зазвичай може бути записана як латинським, так і кириличним алфавітом.{{lang|ja|Kokumin gikai}}
— стандартно передбачається, що японський текст пишеться його рідною системою. Ця система не зможе коректно прочитати текст латинкою.{{lang|ja-Latn|Kokumin gikai}}
вказує японський текст, записаний латинським алфавітом, тобто rōmaji.{{transliteration|ja|Kokumin gikai}}
аналогічно попередньому прикладу.
Без вказання системи алфавіту, теги IETF припускають найбільш стандартний алфавіт, що використовується для запису відповідної мови. Відповідно, для транслітерації зазначайте використання латинського алфавіту, додаючи -Latn
до коду мови, або використовуючи аналогічний шаблон {{transliteration}}
. Вікіпедія має спеціальні шаблони багатомовної підтримки, такі як {{lang-zh}}
і {{nihongo}}
, вони дають специфічний для кожної мови функціонал, зокрема можливість легко зображувати декілька транслітерацій одним шаблоном. Не кожна мова має свій власний шаблон, але використання такого шаблону зробить вікітекст стрункішим і прозорішим, замість нагромадження включень шаблонів {{lang}}
або {{transliteration}}
.
Зазвичай немає потреби обрамляти курсивом шаблони {{lang}}
або {{[[Шаблон:lang-xx|lang-xx]]}}
, які самі подають курсивом текст латинкою або кирилицею. Але якщо текст не має бути курсивним, зокрема для назв місцевостей чи імен людей, можна додати параметр |italic=unset
.[d] Текст, який не використовує латинку або кирилицю, майже ніколи не має бути поданий жирним чи курсивом.
Фонетичні транскрипції або інструкції із вимови мають використовувати {{IPA}}
, {{respell}}
, або інший принагідний шаблон. {{PIE}}
використовується для Праіндоєвропейської мови.
Колір
[ред. код]
Двома словами: Сторінки повинні мати достатній рівень контрастності кольору тексту відносно кольору фону. Для перевірки контрастності можете скористатися сайтами WebAIM, WhoCanUse або Snook. Рівень контрастності має бути не нижчим рівня AA. Якщо сторінка використовує кольори з порушенням, ви можете самостійно виправити або встановити шаблон {{Надто розфарбована}}. |
Вгорі: нормальний зір.
Внизу: емуляція зору людей із колірною сліпотою — червоний стає майже невидимим на зеленому фоні.
Кольори найчастіше можна знайти у статтях Вікіпедії у шаблонах та таблицях.
Сторінки, що використовують колір, мають забезпечувати доступність, відповідаючи цим вимогам:
- Впевніться, що колір не є єдиним методом донесення важливої інформації. Особливо, не використовуйте кольоровий текст чи тло, крім випадку, коли цей стан також передається іншим методом: доступним символом, що дублюватиме кольорову легенду, чи текстом виноски. В іншому випадку, сліпі користувачі або читачі, що отримують доступ до Вікіпедії через роздруківку чи пристрій без кольорового дисплея, не одержать цю інформацію.
- Деякі читачі Вікіпедії мають часткову або повну колірну сліпоту або слабкозорість. Впевніться, що контраст тексту із фоном досягає хоча б рівня AA стандарту WCAG 2.0 (вищий ніж 4.5:1), а бажано — рівня AAA (вищий ніж 7:1). Детальніше: WCAG[en] — «Understanding SC 1.4.3: Contrast (Minimum)».
- Рекомендовані інструменти для вимірювання контрасту: WebAIM, WhoCanUse або Snook. Детальніше:
- Читачу повинно бути чітко видно, що посилання є посиланням:
- Додаткові інструменти та таблиці:
- Якщо стаття використовує занадто багато кольорів та ви не знаєте як самостійно виправити це, то ви можете попросити допомоги в інших редакторів. Розмістіть {{Надто розфарбована}} вгорі статті.
Коментарі
[ред. код]- ↑ Попередня версія, WCAG 2.0, є також стандартом ISO, ISO/IEC 40500:2012.
- ↑ У Візуальному редакторі поле «Альтернативний текст» доступне при натисканні на зображення та кнопку «Редагувати». Заміщаючий текст також може використовуватися для шаблонів та інших медіафайлів.
- ↑ Як правило, у картках і навігаційних шаблонах розмір встановлений як 88% від стандарту. Для розділу приміток — 90% від стандарту. Інші значення можна знайти на MediaWiki:Common.css.
- ↑ Подальші подробиці цього функціоналу викладені у документації шаблону
{{lang}}
.
- ↑ F26: Failure of Success Criterion 1.3.3 due to using a graphical symbol alone to convey information. Techniques for WCAG 2.0. World Wide Web Consortium. 7 October 2016. Процитовано 29 December 2011.
- ↑ H58: Using language attributes to identify changes in the human language. Techniques for WCAG 2.0. World Wide Web Consortium. 7 October 2016. Процитовано 29 December 2023. Accessibility level: AA.