Перевірено 31.08.2026 · https://www.chefkoch.de/
2 критичний бар’єрn · додатково 1 до перевірки.
Як формується оцінка? (100 стартових балів)
| На елементі <html> немає дійсного атрибута lang | -18 |
| {n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту | -18 |
| Пропущено рівень заголовка | -7 |
| {n} заголовків <h1> | -2 |
| Результат | 55 / 100 |
Сприйнятність
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту
Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}
.w-user-menu__context-menu-badge[data-v-aeb5c564]
Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.
Керованість
Пропущено рівень заголовка
Послідовність: {seq}. Рівні не слід пропускати (h2 → h4).
h1–h6
Ось що слід зробити: Призначайте рівні заголовків без пропусків.
{n} заголовків <h1>
Кілька h1 ускладнюють навігацію за списком заголовків.
h1
Ось що слід зробити: Зведіть до одного h1, решту знизьте до h2.
Зрозумілість
На елементі <html> немає дійсного атрибута lang
Зчитувачі екрана не можуть визначити вимову.
<html>
Ось що слід зробити: Укажіть мову, напр. <html lang="uk">.
Уже вирішено правильно
- Textalternativen: keine automatisch erkennbaren Probleme
- Є орієнтир <main>
Наступні кроки
- На елементі <html> немає дійсного атрибута lang. Укажіть мову, напр. <html lang="uk">.
- {n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту. Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.
- Пропущено рівень заголовка. Призначайте рівні заголовків без пропусків.
- {n} заголовків <h1>. Зведіть до одного h1, решту знизьте до h2.
Щотижневе повторне сканування, з рендерингом JS, електронний лист про нові бар’єри — незабаром.
Створити декларацію про доступність →
Метод і межі
31.08.2026 було перевірено HTML, який www.chefkoch.de надає під час першого відвідування без входу, а також до чотирьох пов’язаних файлів CSS з того самого домену. Перевірено: колірний контраст (з CSS), текстові альтернативи, підписи полів форм, назви елементів керування, структуру заголовків, заголовок сторінки та мову сторінки, блокування масштабування, дубльовані id, додатні значення tabindex, орієнтири.
Не перевірено: усе, що виникає через JavaScript, керованість з клавіатури, видимий фокус, порядок фокуса, оголошення зчитувачем екрана, вміст за входом, підсторінки. Автоматична перевірка виявляє приблизно 20–35% порушень WCAG — решта потребує ручної перевірки. Це знімок, а не юридичне рішення.