Проверено на 31.08.2026 г. · https://www.spiegel.de/
32 критична бариераn · допълнително 7 за проверка.
Как се получава оценката? (100 начални точки)
| {n} полета на формуляр без разпознаваем етикет | -18 |
| {n} връзки без разпознаваемо име в HTML | -18 |
| {n} бутона без име в HTML | -18 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -18 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -6 |
| Няма заглавие <h1> в доставения HTML | -7 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -2 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -2 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -2 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -2 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -2 |
| {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста | -2 |
| Резултат | 0 / 100 |
Възприемаемост
{n} полета на формуляр без разпознаваем етикет
Провери дали съществува aria-label, зададен чрез JavaScript.
input, select, textarea
Ето какво трябва да направиш: Свържи всяко поле с елемент <label for> или задай aria-label / aria-labelledby. Само placeholder не е достатъчен.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.button-spon
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.button-effi
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.button-mmo
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.button-hbm
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
input::placeholder, textarea::placeholder
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
body .richtext--inverted p
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
body .richtext--inverted a
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
body .richtext--inverted a:focus
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.richtextcredit.richtextcredit--inverted a
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.richtextsystem.richtextsystem--inverted a
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.richtextsystem.richtextsystem--inverted a:hover
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.richtextsystem.richtextsystem--inverted a:focus
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-shade-base
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-shade-light
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-shade-lighter
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-shade-lightest
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-white
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.placeholder-shade-base::-moz-placeholder
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.placeholder-shade-base::placeholder
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.hover\:text-shade-lighter:hover
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.hover\:text-shade-lightest:hover
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.hover\:text-white:hover
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.focus\:text-shade-base:focus
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.focus\:text-shade-lighter:focus
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.focus\:text-white:focus
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.disabled\:text-shade-base:disabled
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.disabled\:text-shade-light:disabled
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.debug.svelte-1x5iokp
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-effi-primary-base
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-elf-primary-base
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-shade-dark
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.text-spon-primary-base
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
{n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста
Необходимо: 4,5:1 (нормален) съответно 3:1 (голям текст). При „предполагаем фон на страницата” действителният фон не можа да се определи със сигурност — при съмнение провери в браузъра. Открито между другото: {examples}
.disabled\:text-shade-dark:disabled
Ето какво трябва да направиш: Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
Оперативност
{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> като първо заглавие (по възможност вече от страна на сървъра).
Вече решено правилно
- Textalternativen: keine automatisch erkennbaren Probleme
- Връзка за прескачане към съдържанието е налична
- Ориентир <main> е наличен
Следващи стъпки
- {n} полета на формуляр без разпознаваем етикет. Свържи всяко поле с елемент <label for> или задай aria-label / aria-labelledby. Само placeholder не е достатъчен.
- {n} връзки без разпознаваемо име в HTML. Добави видим текст на връзката или при връзки с икона използвай aria-label, съответно изображение с alt.
- {n} бутона без име в HTML. Добави текст на бутона или задай aria-label.
- {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста. Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
- {n} CSS правил{nPlural} с вероятно твърде нисък контраст на текста. Затъмни цвета на текста или изсветли фона, докато се достигне съответната минимална стойност. Никога не използвай цвета като единствен отличителен признак.
Седмично повторно сканиране, с JS-рендиране, имейл при нови бариери — идва скоро.
Създаване на декларация за достъпност →
Метод & граници
На 31.08.2026 г. беше проверен HTML-ът, който www.spiegel.de доставя при първо извикване без вход, плюс до четири свързани CSS файла от същия домейн. Проверено: цветови контраст (от CSS), текстови алтернативи, етикети на формуляри, имена на елементите за управление, структура на заглавията, заглавие и език на страницата, блокиране на мащабирането, дублирани id, положителни стойности на tabindex, ориентири.
Непроверено: всичко, което възниква чрез JavaScript, оперативността с клавиатура, видимият фокус, редът на фокуса, оповестяването от екранния четец, съдържанието зад вход, подстраниците. Автоматичният тест открива приблизително 20–35 % от нарушенията на WCAG — останалото изисква ръчна проверка. Моментна снимка, не правно решение.