Перевірено 03.09.2026 · https://t3n.de/
У перевіреному HTML немає критичних бар’єрів · 4 пунктe для доопрацювання.
Як формується оцінка? (100 стартових балів)
| У наданому HTML немає заголовка <h1> | -7 |
| Пропущено рівень заголовка | -7 |
| 2 дубльованих атрибутів id | -7 |
| 1 правил CSS з, можливо, надто низьким контрастом тексту | -7 |
| Результат | 72 / 100 |
Сприйнятність
1 правил CSS з, можливо, надто низьким контрастом тексту
Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: `.deetqq`: #fff auf #f9423a = 3.58:1
.deetqq
Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.
Керованість
У наданому HTML немає заголовка <h1>
Кожна сторінка має починатися рівно з одного h1. На сторінках, що будуються через JavaScript, h1 може виникати лише в браузері — тоді перевіряйте у відрендереному DOM.
body
Ось що слід зробити: Вставте змістовний <h1> як перший заголовок (бажано вже на боці сервера).
Пропущено рівень заголовка
Послідовність: 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 4 → 4 → 3 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2. Рівні не слід пропускати (h2 → h4).
h1–h6
Ось що слід зробити: Призначайте рівні заголовків без пропусків.
Надійність
2 дубльованих атрибутів id
напр. prefix__a, dspx_scroller. Порушує зв’язки label-for та aria.
[id]
Ось що слід зробити: Призначте унікальні id.
Уже вирішено правильно
- Текстові альтернативи: немає проблем, які можна розпізнати автоматично
Наступні кроки
- У наданому HTML немає заголовка <h1>. Вставте змістовний <h1> як перший заголовок (бажано вже на боці сервера).
- Пропущено рівень заголовка. Призначайте рівні заголовків без пропусків.
- 2 дубльованих атрибутів id. Призначте унікальні id.
- 1 правил CSS з, можливо, надто низьким контрастом тексту. Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.
Щотижневе повторне сканування, з рендерингом JS, електронний лист про нові бар’єри — незабаром.
Створити декларацію про доступність →
Метод і межі
03.09.2026 було перевірено HTML, який t3n.de надає під час першого відвідування без входу, а також до чотирьох пов’язаних файлів CSS з того самого домену. Перевірено: колірний контраст (з CSS), текстові альтернативи, підписи полів форм, назви елементів керування, структуру заголовків, заголовок сторінки та мову сторінки, блокування масштабування, дубльовані id, додатні значення tabindex, орієнтири.
Не перевірено: усе, що виникає через JavaScript, керованість з клавіатури, видимий фокус, порядок фокуса, оголошення зчитувачем екрана, вміст за входом, підсторінки. Автоматична перевірка виявляє приблизно 20–35% порушень WCAG — решта потребує ручної перевірки. Це знімок, а не юридичне рішення.