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

Вебдоступність має на меті створення вебсторінок, які легше читати та якими легше орієнтуватися. Хоча основною задачею є допомога тим, хто має інвалідність, однак настанова може бути корисною для всіх читачів. Ми дотримуємося настанов з доступності вебконтенту 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>, що візуально відтворюється як підкреслення), а також шаблонів, які їх використовують. Не закреслюйте вміст, щоб вказати на його неприйнятність чи некоректність. Натомість, закоментуйте його тегами <!-- і -->, приберіть повністю, чи використайте якийсь із шаблонів упорядкування (ВП:Встановлення шаблонів упорядкування), і обговоріть проблему на сторінці обговорення.

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

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 для тексту на білому фоні
• Якщо стаття використовує занадто багато кольорів та ви не знаєте як самостійно виправити це, то ви можете попросити допомоги в інших редакторів. Розмістіть {{Надто кольорова}} вгорі статті.