Перевірено 03.09.2026 · https://vercel.com/
2 критичний бар’єрn.
Як формується оцінка? (100 стартових балів)
| Масштабування заблоковано | -18 |
| 5 правилn CSS з, можливо, надто низьким контрастом тексту | -18 |
| Результат | 64 / 100 |
Сприйнятність
Масштабування заблоковано
Мета-тег viewport містить user-scalable=no або maximum-scale близько до 1.
<meta name="viewport">
Ось що слід зробити: Приберіть user-scalable=no та maximum-scale: <meta name="viewport" content="width=device-width, initial-scale=1">.
5 правилn CSS з, можливо, надто низьким контрастом тексту
Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: `.text-\[rgb\(250\`: #fafafa auf #fafafa (Vorfahren-Hintergrund) = 1.00:1 · `.text-\[\#a0a0a0\]`: #a0a0a0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.61:1 · `.text-\[\#33b279\]`: #33b279 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.70:1 · `.text-\[rgb\(29\`: #1d9bf0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.ghfe_a_dialog .ghfe_a_dialogcta`: #718900 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.98:1
.text-\[rgb\(250\, .text-\[\#a0a0a0\], .text-\[\#33b279\], .text-\[rgb\(29\, .ghfe_a_dialog .ghfe_a_dialogcta
Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.
Уже вирішено правильно
- Текстові альтернативи: немає проблем, які можна розпізнати автоматично
- Є орієнтир <main>
Наступні кроки
- Масштабування заблоковано. Приберіть user-scalable=no та maximum-scale: <meta name="viewport" content="width=device-width, initial-scale=1">.
- 5 правилn CSS з, можливо, надто низьким контрастом тексту. Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.
Щотижневе повторне сканування, з рендерингом JS, електронний лист про нові бар’єри — незабаром.
Створити декларацію про доступність →
Метод і межі
03.09.2026 було перевірено HTML, який vercel.com надає під час першого відвідування без входу, а також до чотирьох пов’язаних файлів CSS з того самого домену. Перевірено: колірний контраст (з CSS), текстові альтернативи, підписи полів форм, назви елементів керування, структуру заголовків, заголовок сторінки та мову сторінки, блокування масштабування, дубльовані id, додатні значення tabindex, орієнтири.
Не перевірено: усе, що виникає через JavaScript, керованість з клавіатури, видимий фокус, порядок фокуса, оголошення зчитувачем екрана, вміст за входом, підсторінки. Автоматична перевірка виявляє приблизно 20–35% порушень WCAG — решта потребує ручної перевірки. Це знімок, а не юридичне рішення.