Перевірка доступності: www.spiegel.de

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

61 / 100

1 критичних · 3 до перевірки

1 критичний бар’єр · додатково 3 до перевірки.

Від попереднього сканування Оцінка +61 · виправлено: 13 · нових: 4

Як формується оцінка? (100 стартових балів)

{n} кнопок без імені в HTML	-18
{n} полів форми без розпізнаваного підпису	-7
{n} посилань без розпізнаваного імені в HTML	-7
У наданому HTML немає заголовка <h1>	-7
Результат	61 / 100

✓Контраст✓Текстові альтернативи✕Підписи (3)?Структура (1)✓Мова✓Масштаб✓Надійність

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

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

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

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

input, select, textarea

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

Керованість

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

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

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

button

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

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

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

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

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

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

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

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

body

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

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

Textalternativen: keine automatisch erkennbaren Probleme
Є посилання для переходу до вмісту
Є орієнтир <main>
Контраст: у CSS не знайдено однозначних порушень

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

{n} кнопок без імені в HTML. Додайте текст кнопки або встановіть aria-label.
{n} полів форми без розпізнаваного підпису. Пов’яжіть кожне поле з елементом <label for> або встановіть aria-label / aria-labelledby. Самого placeholder недостатньо.
{n} посилань без розпізнаваного імені в HTML. Додайте видимий текст посилання або використайте aria-label чи зображення з alt для піктограмних посилань.
У наданому HTML немає заголовка <h1>. Вставте змістовний <h1> як перший заголовок (бажано вже на боці сервера).

Автоматично відстежувати цю сторінку?

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

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

Метод і межі

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

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

Віджети-оверлеї (кнопки доступності, що змінюють контраст чи шрифт) не роблять сайт відповідним вимогам — знайдені бар’єри треба усувати у вихідному коді. Чому оверлеї не допомагають

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