Вікіпедія:Стиль/Доступність

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

Структура статті

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

Заголовки

Заголовки повинні розміщуватися послідовно, починаючи з рівня 2 (==). Рівень 1 використовується автоматично для заголовків статей, і ніколи не використовується в основному тлі статті. Не пропускайте окремі рівні заголовків.

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

Приклади правильного та неправильного використання заголовків

Правильно	Неправильно: хаотично	Неправильно: пропуск
[Вступ статті] ==Розділ== [рівень 2] ===Підрозділ=== [3] ==Розділ== [2] ===Розділ=== [3] ====Підрозділ==== [4] ==Розділ== [2]	[Вступ статті] ====Розділ?==== [4] ===Розділ?=== [3] ==Розділ?== [2] ==Розділ?== [2] ====Розділ?==== [4] ===Розділ?=== [3]	[Вступ статті] [Пропущено розділ рівня 2] ===Розділ?=== [3] ==Розділ== [2] [Пропущено розділ рівня 3] ====Підрозділ?==== [4] ==Розділ== [2]

Не варто створювати псевдозаголовки, зловживаючи крапкою з комою (яка зазвичай використовується для списків). Уникайте виділення жирним для назв розділів. Програми зчитування з екрана та інші допоміжні додатки можуть використовувати лише заголовки, які мають відповідну розмітку для навігації. Якщо необхідно зменшити розмір змісту, використовуйте лише {{TOC limit}}. Якщо {{TOC limit}} неможливо застосувати через наявність заголовків нижчого рівня в іншій частині статті, то використання напівжирного накреслення для під-під-під-підзаголовків найменше заважатиме користувачам програм зчитування з екрана. Використання псевдозаголовків можливе лише у рідкісних випадках, коли вичерпані всі інші варіанти.

Приклади правильного та неправильного використання псевдозаголовків

Правильне	Неправильно
[Початок статті] ==Розділ== [рівень 2] ===Підрозділ=== [3] '''Псевдорозділ''' ==Розділ== [2] ===Підрозділ=== [3] ====Під-підрозділ==== [4] ;Термін :одне визначення, або один елемент описового списку :додаткові та необов'язкові елементи списоку	[Початок статті] ==Розділ== [рівень 2] ===Підрозділ=== [3] ;Псевдорозділ ==Розділ== [2] ===Підрозділ=== [3] <small>==Під-підрозділ==</small> [2]

Плаваючі елементи

У вікікоді плаваючі елементи (включно зі зображеннями) варто розміщувати всередині розділу, до якого вони належать. Не поміщайте зображення, які стосуються певного розділу, наприкінці попереднього розділу.

Залежно від різних чинників, розміщення кількох зображень одне під одним поруч із коротким текстом може призвести до того, що зображення будуть відображатися як частина розділів нижче. Це не проблема доступності, бо програми читання з екрана читають альтернативний текст (alt=) кожного зображення за розміщенням його в коді сторінки.

Текст

Стандартно, більшість програм-читачів екрану не відтворюють візуальні атрибути тексту (жирний, курсив, підкреслений, моноширинний, закреслений) чи навіть семантичні (наголос), тому закреслений текст читається так само як і інший текст.

Оскільки ці програми зазвичай нехтують закресленням тексту, його використання у статтях погіршить доступність аж до цілковитої плутанини, якщо це був єдиний спосіб індикації. Це стосується обох елементів <s> та <del> (а також <ins>, що візуально відтворюється як підкреслення), а також шаблонів, які їх використовують. Не закреслюйте вміст, щоб вказати на його неприйнятність чи некоректність. Натомість, закоментуйте його тегами <!-- і -->, приберіть повністю, чи використайте якийсь із шаблонів упорядкування (ВП:Встановлення шаблонів упорядкування), і обговоріть проблему на сторінці обговорення.

Програми-читачі екрану мають дуже різний рівень підтримки символів поза стандартними наборами латинських та кириличних таблиць символів (Latin-1, Windows-1252 тощо), тож всякі припущення про те, як певний символ поза цими наборами буде відтворений (озвучений), будуть ненадійними. Якщо символ не буде розпізнаний програмою чи синтезатором мовлення, він може бути озвучений як знак питання чи повністю проігнорований озвучкою.

1. Вкажіть транслітерацію для тексту поза латинською та кириличною системою, якщо символами описується важливий контекст: імена, місця, речі тощо. Цей функціонал мають шаблони для позначення тексту іншими мовами, а також у шаблонах типу {{Transliteration}}. Ці шаблони мають додаткові переваги для доступності: дивіться розділ «Інші мови».
2. Не використовуйте потенційно неозвучувані символи, такі як ♥ (символ серця); натомість використовуйте зображення з вказаним альтернативним текстом |alt=. Обмеження не стосується математичних формул тощо.
3. Символи, які проблематично читаються програмами, імовірно вже мають шаблони-відповідники, де генерується і зображення і альтернативний текст. Див Категорія:Шаблони вставки єдиного зображення.

Набір символів має бути достатнім для передачі семантичних аспектів тексту (і, бажано, інших форм контексту); покладатися на спец-символи, які розрізняються лише CSS-розміткою чи Вікі-розміткою — неприпустимо.

Не використовуйте засоби, що вимагають інтерактиву для отримання інформації. Такими засобами є спливні підказки, чи будь-який інший текст, що активується нависанням курсора (hover): наприклад, шаблон {{Comment}}. Це обмеження не має на увазі стандартні для Вікіпедії виноски. Єдиним винятком з цієї вимоги є абревіатури, тож шаблон {{abbr}} (обгортка до елемента <abbr>) можна використовувати для вказання повної форми для абревіатури (а також акронімів).

Не вставляйте розрив рядка всередину речення, бо це значно ускладнює редагування через програму-читач екрану. Одиночний розрив рядка може бути вставлений після речення, що може бути корисним для деяких дописувачів.

Розмір шрифта

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

Уникайте зменшувати розмір шрифта всередині елементів сторінки, які вже застосовують зменшення розміру шрифта. До прикладу, це текст, що міститься у шаблонах-картках, навігаційних шаблонах, і розділі приміток. Це означає, що теги <small>...</small>, а також шаблони {{small}} і {{smalldiv}}, не мають застосовуватися до звичайного тексту всередині цих елементів. У жодному разі фінальний розмір шрифта для будь-якого тексту не має падати нижче 85% від стандартного розміру для сторінки.

Інші мови

Стандартно, статті Української Вікіпедії явно повідомляють браузеру, що вони повністю написані українською мовою. Текст мовою, відмінною від української, має бути відміченим відповідно, зазвичай шаблоном типу {{lang}} (чи одною з його варіацій). Це обгортає текст у Мовні теги IETF, які зазначають мову і алфавіт. Наприклад:

• Ні ''Assemblée nationale'' — просто обрамлено у курсив, і не зазначено, що це текст французькою. Більшість програм-читачів екрану у спробі прочитати це, звучатимуть смішно або незрозуміло.
• Так {{lang|fr|Assemblée nationale}} відтворюється як Assemblée nationale: автоматично подає текст курсивом і вкаже програмам використати французький голос для озвучки.
• Так {{lang-fr|Assemblée nationale}} → фр. Assemblée nationale – аналогічно до прикладу вище, але із використанням шаблону для французького тексту.

Пояснення: Окрім інших функцій, вказання мови тексту шаблоном {{lang}} дозволяє синтезаторам мови обрати голос, що здатен коректно прочитати текст.

Мовні теги 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. Текст, який не використовує латинку або кирилицю, майже ніколи не має бути поданий жирним чи курсивом.

Фонетичні транскрипції або інструкції із вимови мають використовувати {{IPA}}, {{respell}}, або інший принагідний шаблон. {{PIE}} використовується для Праіндоєвропейської мови.

Колір

Сайт, що використовує червоний, синій і зелений кольори.
Вгорі: нормальний зір.
Внизу: емуляція зору людей із колірною сліпотою — червоний стає майже невидимим на зеленому фоні.

Кольори найчастіше можна знайти у статтях Вікіпедії у шаблонах та таблицях.

Сторінки, що використовують колір, мають забезпечувати доступність, відповідаючи цим вимогам:

• Впевніться, що колір не є єдиним методом донесення важливої інформації. Особливо, не використовуйте кольоровий текст чи тло, крім випадку, коли цей стан також передається іншим методом: доступним символом, що дублюватиме кольорову легенду, чи текстом виноски. В іншому випадку, сліпі користувачі або читачі, що отримують доступ до Вікіпедії через роздруківку чи пристрій без кольорового дисплея, не одержать цю інформацію.
• Деякі читачі Вікіпедії мають часткову або повну колірну сліпоту або слабкозорість. Впевніться, що контраст тексту із фоном досягає хоча б рівня AA стандарту WCAG 2.0 (вищий ніж 4.5:1), а бажано — рівня AAA (вищий ніж 7:1). Детальніше: WCAG — «Understanding SC 1.4.3: Contrast (Minimum)».
• Рекомендовані інструменти для вимірювання контрасту: WebAIM, WhoCanUse або Snook. Детальніше:
  • Довідка:Контраст кольорів
• Читачу повинно бути чітко видно, що посилання є посиланням:
  • Довідка:Контрастний фон для посилань
• Додаткові інструменти та таблиці:
  • Довідка:Кольорові схеми для діаграм та карт
  • Довідка:Кольори CSS для тексту на білому фоні
• Якщо стаття використовує занадто багато кольорів та ви не знаєте як самостійно виправити це, то ви можете попросити допомоги в інших редакторів. Розмістіть {{Надто розфарбована}} вгорі статті.