Перевірено 03.09.2026 · https://web.dev/?hl=de
1 критичний бар’єр · додатково 3 до перевірки.
Від попереднього сканування: без змін.
Як формується оцінка? (100 стартових балів)
| 6 посилань без розпізнаваного імені в HTML | -18 |
| Недійсний атрибут lang: «de-x-mtfrom-en» | -7 |
| У наданому HTML немає заголовка <h1> | -7 |
| 2 дубльованих атрибутів id | -7 |
| Результат | 61 / 100 |
Керованість
6 посилань без розпізнаваного імені в HTML
Порожні посилання або лише піктограма/зображення без alt. aria-label, встановлений через JavaScript, тут не розпізнається.
<a href="https://web.dev/explore/ai?hl=de"><a href="https://web.dev/explore/how-to-optimize-inp?utm_source=web.de<a href="https://web.dev/identity?hl=de"><a href="https://web.dev/learn/html?hl=de">
Ось що слід зробити: Додайте видимий текст посилання або використайте aria-label чи зображення з alt для піктограмних посилань.
У наданому HTML немає заголовка <h1>
Кожна сторінка має починатися рівно з одного h1. На сторінках, що будуються через JavaScript, h1 може виникати лише в браузері — тоді перевіряйте у відрендереному DOM.
body
Ось що слід зробити: Вставте змістовний <h1> як перший заголовок (бажано вже на боці сервера).
Зрозумілість
Недійсний атрибут lang: «de-x-mtfrom-en»
Значення не відповідає жодному дійсному коду мови (BCP 47).
<html>
Ось що слід зробити: Виправте на дійсний код, напр. lang="uk" або lang="uk-UA".
Надійність
2 дубльованих атрибутів id
напр. inp-optimieren, zahlungen-und-identitat. Порушує зв’язки label-for та aria.
[id]
Ось що слід зробити: Призначте унікальні id.
Уже вирішено правильно
- Текстові альтернативи: немає проблем, які можна розпізнати автоматично
- Є посилання для переходу до вмісту
- Є орієнтир <main>
Наступні кроки
- 6 посилань без розпізнаваного імені в HTML. Додайте видимий текст посилання або використайте aria-label чи зображення з alt для піктограмних посилань.
- Недійсний атрибут lang: «de-x-mtfrom-en». Виправте на дійсний код, напр. lang="uk" або lang="uk-UA".
- У наданому HTML немає заголовка <h1>. Вставте змістовний <h1> як перший заголовок (бажано вже на боці сервера).
- 2 дубльованих атрибутів id. Призначте унікальні id.
Щотижневе повторне сканування, з рендерингом JS, електронний лист про нові бар’єри — незабаром.
Створити декларацію про доступність →
Метод і межі
03.09.2026 було перевірено HTML, який web.dev надає під час першого відвідування без входу, а також до чотирьох пов’язаних файлів CSS з того самого домену. Перевірено: колірний контраст (з CSS), текстові альтернативи, підписи полів форм, назви елементів керування, структуру заголовків, заголовок сторінки та мову сторінки, блокування масштабування, дубльовані id, додатні значення tabindex, орієнтири.
Не перевірено: усе, що виникає через JavaScript, керованість з клавіатури, видимий фокус, порядок фокуса, оголошення зчитувачем екрана, вміст за входом, підсторінки. Автоматична перевірка виявляє приблизно 20–35% порушень WCAG — решта потребує ручної перевірки. Це знімок, а не юридичне рішення.