Проверено на 31.08.2026 г. · https://www.heise.de/
4 критична бариераn · допълнително 3 за проверка.
Как се получава оценката? (100 начални точки)
| {n} от {total} изображения без атрибут alt | -18 |
| {n} полета на формуляр без разпознаваем етикет | -18 |
| {n} връзки без разпознаваемо име в HTML | -18 |
| {n} бутона без име в HTML | -18 |
| Няма заглавие <h1> в доставения HTML | -7 |
| {n} дублирани атрибута id | -7 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -7 |
| Резултат | 7 / 100 |
Възприемаемост
{n} от {total} изображения без атрибут alt
Изображенията, зареждани чрез JavaScript, не са обхванати тук.
img
Ето какво трябва да направиш: Дай alt на всеки <img>: кратко описание при изображения със смисъл, alt="" при чисто декоративните.
{n} полета на формуляр без разпознаваем етикет
Провери дали съществува aria-label, зададен чрез JavaScript.
input, select, textarea
Ето какво трябва да направиш: Свържи всяко поле с елемент <label for> или задай aria-label / aria-labelledby. Само placeholder не е достатъчен.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
Оперативност
{n} връзки без разпознаваемо име в HTML
Празни връзки или само икона/изображение без alt. aria-label, зададен чрез JavaScript, не се разпознава тук.
a
Ето какво трябва да направиш: Добави видим текст на връзката или при връзки с икона използвай aria-label, съответно изображение с alt.
{n} бутона без име в HTML
Бутоните без текст и без aria-label са неми за екранните четци — освен ако името не се задава чрез JavaScript.
button
Ето какво трябва да направиш: Добави текст на бутона или задай aria-label.
Няма заглавие <h1> в доставения HTML
Всяка страница трябва да започва с точно едно h1. При страници, изграждани чрез JavaScript, h1 може да възникне едва в браузъра — тогава провери в рендирания DOM.
body
Ето какво трябва да направиш: Вмъкни смислено <h1> като първо заглавие (по възможност вече от страна на сървъра).
Устойчивост
{n} дублирани атрибута id
напр. {examples}. Разваля свързванията label-for и aria.
[id]
Ето какво трябва да направиш: Задавай уникални id.
Следващи стъпки
- {n} от {total} изображения без атрибут alt. Дай alt на всеки <img>: кратко описание при изображения със смисъл, alt="" при чисто декоративните.
- {n} полета на формуляр без разпознаваем етикет. Свържи всяко поле с елемент <label for> или задай aria-label / aria-labelledby. Само placeholder не е достатъчен.
- {n} връзки без разпознаваемо име в HTML. Добави видим текст на връзката или при връзки с икона използвай aria-label, съответно изображение с alt.
- {n} бутона без име в HTML. Добави текст на бутона или задай aria-label.
- Няма заглавие <h1> в доставения HTML. Вмъкни смислено <h1> като първо заглавие (по възможност вече от страна на сървъра).
Седмично повторно сканиране, с JS-рендиране, имейл при нови бариери — идва скоро.
Създаване на декларация за достъпност →
Метод & граници
На 31.08.2026 г. беше проверен HTML-ът, който www.heise.de доставя при първо извикване без вход, плюс до четири свързани CSS файла от същия домейн. Проверено: цветови контраст (от CSS), текстови алтернативи, етикети на формуляри, имена на елементите за управление, структура на заглавията, заглавие и език на страницата, блокиране на мащабирането, дублирани id, положителни стойности на tabindex, ориентири.
Непроверено: всичко, което възниква чрез JavaScript, оперативността с клавиатура, видимият фокус, редът на фокуса, оповестяването от екранния четец, съдържанието зад вход, подстраниците. Автоматичният тест открива приблизително 20–35 % от нарушенията на WCAG — останалото изисква ръчна проверка. Моментна снимка, не правно решение.
Overlay уиджетите (бутони за достъпност, които сменят контраста или шрифта) не правят сайта съответстващ — откритите бариери трябва да се отстранят в изходния код. Защо overlay решенията не помагат