# Заява про доступність **Цей сайт створено так, щоб він відповідав [WCAG 2.2](https://www.w3.org/TR/WCAG22/) на рівні AA** на кожній сторінці, усіма п'ятьма мовами, у світлій і темній темах. Один критерій цього рівня він виконує лише частково — його названо нижче разом із причиною, — і про інші невідповідності нам не відомо. Ця заява пояснює, на чому це ґрунтується, де закінчуються перевірки і як зв'язатися з нами, якщо щось вам заважає. ## Що перевіряється перед випуском Ці перевірки проходять на сайті перед публікацією, у світлій і темній темах однаково, і якщо хоч одна з них не пройде, випуск зупиняється. - **Структура, назви й контраст.** [axe-core](https://github.com/dequelabs/axe-core) перевіряє назви, ролі, орієнтири, порядок заголовків і контраст кольорів, причому крім правил WCAG увімкнено і його правила найкращих практик. - **Клавіатура.** Справжню клавішу Tab натискають від верху сторінки до низу і на кожній зупинці перевіряють, що фокус видно і що ніщо його не закриває. Перша зупинка — посилання одразу до вмісту. - **Розмір цілей.** Кожне посилання й кожен інший елемент керування вимірюють відносно мінімуму 24 на 24 пікселі. - **Інтервали й більший текст.** Сторінку верстають один раз зі збільшеними інтервалами між рядками, літерами, словами й абзацами і ще раз із текстом удвічі більшого розміру, і щоразу вона не має втратити жодного вмісту чи отримати горизонтальну прокрутку. - **Зручні для читання рядки.** Основний текст не перевищує 80 символів у рядку, жоден текст не вирівняно за шириною, жоден абзац не центровано, а міжрядковий інтервал становить щонайменше 1,5 — і це виміряно на кожній ширині. Ці вимоги взято з 1.4.8 Visual Presentation, критерію рівня AAA, який сайт виконує повністю. Ще дві перевірки запускають на вимогу, а не перед кожним випуском. Одна верстає сторінки завширшки 320 CSS-пікселів — саме для цієї ширини написано 1.4.10 Reflow — і перевіряє, що ніщо не потребує горизонтальної прокрутки. Друга розтягує кожен рядок інтерфейсу до двох із половиною його довжин, як це може зробити автоматичний переклад, і перевіряє, що макет витримує. ## Створено для читання будь-яким способом - **Посилання підкреслено** скрізь, тож їх можна знайти, не розрізняючи кольорів. - **Рух тут лише прикраса**: шестірні, що обертаються, портрет і знак бренду. Усе це зупиняється, коли ваша система просить зменшити рух. - **Сайт працює з вимкненим JavaScript.** Його єдиний скрипт фільтрує список, поки ви вводите текст, і повідомляє екранному читачеві, скільки записів збігається. - **Кожна сторінка вказує свою мову**, тож екранний читач озвучує її правильним голосом. - **Кожна фотографія має текстову альтернативу**, і екранний читач також чує, хто її зробив. Сторінки написано на HTML, CSS і SVG, з WAI-ARIA там, де самого HTML не досить, щоб щось назвати, і кожна сторінка повна й без скрипту. ## Єдиний критерій, виконаний частково **1.4.13 Content on Hover or Focus.** Невеликі підказки, що з'являються, коли ви наводите вказівник на значок або фокусуєте його, залишаються, поки ви переводите на них вказівник, і доти, доки ви його не відведете. Закрити їх клавішею не можна, бо для цього потрібен скрипт, а цей сайт запускає лише один — фільтр списку. Крім того, підказки перекривають інший вміст, коли з'являються, тож виняток критерію для підказок, які нічого не перекривають, до них не застосовується. Кожна підказка повторює назву значка, до якого належить, а цю назву екранний читач уже озвучив, тож читач, який підказки ніколи не бачить, не втрачає нічого з того, що в ній сказано. Щойно вказівник або фокус переходить деінде, вона зникає. ## Що не застосовується Деякі критерії стосуються того, чого на цьому сайті немає: - **аудіо й відео**, а отже, субтитрів, аудіоопису й альтернатив для медіа; - **форм, які щось надсилають**, а отже, критеріїв про помилки введення: сторінка контактів передає вас вашій поштовій програмі чи телефону; - **обмежень у часі** будь-якого роду; - **жестів, перетягування й руху пристрою**, яких тут ніщо не вимагає; - **входу в обліковий запис**, якого цей сайт ніколи не просить. ## Де перевірки закінчуються Автоматичні перевірки мають відомі межі, і ось наші: - Аудити проходять на показовій сторінці кожного шаблону кожною мовою, а не на кожній сторінці. - Сайт перевірено автоматично і вручну, але без екранного читача на кшталт VoiceOver чи NVDA і без керування перемикачами. - Чи зрозумілі слова посилання поза контекстом, оцінює людина, а не інструмент. - Відкрите меню вимірюють вручну, а не перевірками. - Споріднені адреси, які віддзеркалюють ці сторінки під іншими іменами engineer.company, збирають із тих самих шаблонів і перевіряють на вимогу, а не перед кожним випуском. ## Повідомте нам про бар'єр Якщо щось тут вам заважає — сторінка, до якої не вдається дістатися, підказка, що каже не те, текст, який не вдається прочитати, — напишіть на [welcome@engineer.company](mailto:welcome@engineer.company), вказавши адресу сторінки і що сталося. Кожне повідомлення читає людина, і ми відповідаємо особисто. Хочете, щоб ваш сайт перевіряли так само? [поговорімо](/uk/contact/) *(під час кожної збірки, а не раз на рік)*.