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

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

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

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

Заголовки

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

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

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

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

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

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

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

Текст

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

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

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

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

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

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

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

Колір

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

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

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

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