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