Українська
a11yglass · Перевірка доступності вебсайтів

Перевірено 31.08.2026 · https://www.spiegel.de/

F
0 / 100
32 критичних · 7 до перевірки

32 критичний бар’єрn · додатково 7 до перевірки.

Як формується оцінка? (100 стартових балів)
{n} полів форми без розпізнаваного підпису-18
{n} посилань без розпізнаваного імені в HTML-18
{n} кнопок без імені в HTML-18
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-18
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-6
У наданому HTML немає заголовка <h1>-7
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-2
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-2
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-2
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-2
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-2
{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту-2
Результат0 / 100
Контраст (35)Текстові альтернативиПідписи (3)?Структура (1)МоваМасштабНадійність

Сприйнятність

КритичноWCAG 1.3.1 Інформація та взаємозв’язки / 4.1.2 Ім’я, роль, значення

{n} полів форми без розпізнаваного підпису

Перевірте, чи є aria-label, встановлений через JavaScript.

input, select, textarea

Ось що слід зробити: Пов’яжіть кожне поле з елементом <label for> або встановіть aria-label / aria-labelledby. Самого placeholder недостатньо.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.button-spon

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.button-effi

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.button-mmo

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.button-hbm

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

input::-moz-placeholder, textarea::-moz-placeholder

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

input::placeholder, textarea::placeholder

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

body .richtext--inverted p

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

body .richtext--inverted a

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

body .richtext--inverted a:focus

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.richtextcredit.richtextcredit--inverted a

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.richtextsystem.richtextsystem--inverted a

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.richtextsystem.richtextsystem--inverted a:hover

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.richtextsystem.richtextsystem--inverted a:focus

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-shade-base

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-shade-light

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-shade-lighter

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-shade-lightest

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-white

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.placeholder-shade-base::-moz-placeholder

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.placeholder-shade-base::placeholder

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.hover\:text-shade-lighter:hover

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.hover\:text-shade-lightest:hover

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.hover\:text-white:hover

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.focus\:text-shade-base:focus

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.focus\:text-shade-lighter:focus

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.focus\:text-white:focus

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.disabled\:text-shade-base:disabled

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.disabled\:text-shade-light:disabled

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

КритичноWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.peer:disabled~.peer-disabled\:text-shade-base

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

ПеревіритиWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.debug.svelte-1x5iokp

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

ПеревіритиWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-effi-primary-base

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

ПеревіритиWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-elf-primary-base

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

ПеревіритиWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-shade-dark

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

ПеревіритиWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.text-spon-primary-base

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

ПеревіритиWCAG 1.4.3 Контраст (мінімум)

{n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту

Потрібно: 4,5:1 (звичайний) або 3:1 (великий текст). За «припущеного тла сторінки» справжнє тло не вдалося визначити напевно — у разі сумніву перевірте у браузері. Знайдено, зокрема: {examples}

.disabled\:text-shade-dark:disabled

Ось що слід зробити: Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.

Керованість

КритичноWCAG 2.4.4 Призначення посилання / 4.1.2 Ім’я, роль, значення

{n} посилань без розпізнаваного імені в HTML

Порожні посилання або лише піктограма/зображення без alt. aria-label, встановлений через JavaScript, тут не розпізнається.

a

Ось що слід зробити: Додайте видимий текст посилання або використайте aria-label чи зображення з alt для піктограмних посилань.

КритичноWCAG 4.1.2 Ім’я, роль, значення

{n} кнопок без імені в HTML

Кнопки без тексту та без aria-label німі для зчитувачів екрана — якщо ім’я не встановлюється через JavaScript.

button

Ось що слід зробити: Додайте текст кнопки або встановіть aria-label.

ПеревіритиWCAG 1.3.1 Інформація та взаємозв’язки / 2.4.6 Заголовки та підписи

У наданому HTML немає заголовка <h1>

Кожна сторінка має починатися рівно з одного h1. На сторінках, що будуються через JavaScript, h1 може виникати лише в браузері — тоді перевіряйте у відрендереному DOM.

body

Ось що слід зробити: Вставте змістовний <h1> як перший заголовок (бажано вже на боці сервера).

Уже вирішено правильно

Наступні кроки

  1. {n} полів форми без розпізнаваного підпису. Пов’яжіть кожне поле з елементом <label for> або встановіть aria-label / aria-labelledby. Самого placeholder недостатньо.
  2. {n} посилань без розпізнаваного імені в HTML. Додайте видимий текст посилання або використайте aria-label чи зображення з alt для піктограмних посилань.
  3. {n} кнопок без імені в HTML. Додайте текст кнопки або встановіть aria-label.
  4. {n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту. Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.
  5. {n} правил{nPlural} CSS з, можливо, надто низьким контрастом тексту. Затемніть колір тексту або освітліть тло, доки не буде досягнуто відповідного мінімального значення. Ніколи не використовуйте колір як єдину розрізнювальну ознаку.
Автоматично відстежувати цю сторінку?

Щотижневе повторне сканування, з рендерингом JS, електронний лист про нові бар’єри — незабаром.

Створити декларацію про доступність →

Метод і межі

31.08.2026 було перевірено HTML, який www.spiegel.de надає під час першого відвідування без входу, а також до чотирьох пов’язаних файлів CSS з того самого домену. Перевірено: колірний контраст (з CSS), текстові альтернативи, підписи полів форм, назви елементів керування, структуру заголовків, заголовок сторінки та мову сторінки, блокування масштабування, дубльовані id, додатні значення tabindex, орієнтири.

Не перевірено: усе, що виникає через JavaScript, керованість з клавіатури, видимий фокус, порядок фокуса, оголошення зчитувачем екрана, вміст за входом, підсторінки. Автоматична перевірка виявляє приблизно 20–35% порушень WCAG — решта потребує ручної перевірки. Це знімок, а не юридичне рішення.

Перевірити інший вебсайт