Verificado em 31/08/2026 · https://www.spiegel.de/
32 barreiran crítican · além disso, 7 a verificar.
Como se obtém a pontuação? (100 pontos iniciais)
| {n} campo(s) de formulário sem etiqueta reconhecível | -18 |
| {n} ligação(ões) sem nome reconhecível no HTML | -18 |
| {n} botão(ões) sem nome no HTML | -18 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -18 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -6 |
| Sem título <h1> no HTML fornecido | -7 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -2 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -2 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -2 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -2 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -2 |
| {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente | -2 |
| Resultado | 0 / 100 |
Percetível
{n} campo(s) de formulário sem etiqueta reconhecível
Verifique se existe um aria-label definido por JavaScript.
input, select, textarea
Isto é o que deve fazer: Ligar cada campo a um elemento <label for> ou definir aria-label / aria-labelledby. Um placeholder por si só não chega.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.button-spon
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.button-effi
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.button-mmo
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.button-hbm
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
input::placeholder, textarea::placeholder
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
body .richtext--inverted p
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
body .richtext--inverted a
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
body .richtext--inverted a:focus
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.richtextcredit.richtextcredit--inverted a
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.richtextsystem.richtextsystem--inverted a
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.richtextsystem.richtextsystem--inverted a:hover
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.richtextsystem.richtextsystem--inverted a:focus
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-shade-base
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-shade-light
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-shade-lighter
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-shade-lightest
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-white
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.placeholder-shade-base::-moz-placeholder
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.placeholder-shade-base::placeholder
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.hover\:text-shade-lighter:hover
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.hover\:text-shade-lightest:hover
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.hover\:text-white:hover
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.focus\:text-shade-base:focus
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.focus\:text-shade-lighter:focus
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.focus\:text-white:focus
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.disabled\:text-shade-base:disabled
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.disabled\:text-shade-light:disabled
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.debug.svelte-1x5iokp
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-effi-primary-base
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-elf-primary-base
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-shade-dark
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.text-spon-primary-base
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
{n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente
Necessário: 4,5:1 (normal) ou 3:1 (texto grande). Em caso de «fundo de página presumido», o fundo real não pôde ser determinado com segurança — na dúvida, verificar no navegador. Encontrado, entre outros: {examples}
.disabled\:text-shade-dark:disabled
Isto é o que deve fazer: Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
Operável
{n} ligação(ões) sem nome reconhecível no HTML
Ligações vazias ou só com um ícone/imagem sem alt. Um aria-label definido por JavaScript não é reconhecido aqui.
a
Isto é o que deve fazer: Acrescentar texto de ligação visível ou, nas ligações com ícone, usar aria-label ou uma imagem com alt.
{n} botão(ões) sem nome no HTML
Os botões sem texto e sem aria-label são mudos para os leitores de ecrã — a menos que o nome seja definido por JavaScript.
button
Isto é o que deve fazer: Acrescentar o texto do botão ou definir aria-label.
Sem título <h1> no HTML fornecido
Cada página deve começar com exatamente um h1. Em páginas construídas com JavaScript, o h1 pode surgir apenas no navegador — nesse caso, verificar no DOM renderizado.
body
Isto é o que deve fazer: Inserir um <h1> significativo como primeiro título (de preferência já no servidor).
Já resolvido corretamente
- Textalternativen: keine automatisch erkennbaren Probleme
- Ligação de salto para o conteúdo presente
- Marco de referência <main> presente
Próximos passos
- {n} campo(s) de formulário sem etiqueta reconhecível. Ligar cada campo a um elemento <label for> ou definir aria-label / aria-labelledby. Um placeholder por si só não chega.
- {n} ligação(ões) sem nome reconhecível no HTML. Acrescentar texto de ligação visível ou, nas ligações com ícone, usar aria-label ou uma imagem com alt.
- {n} botão(ões) sem nome no HTML. Acrescentar o texto do botão ou definir aria-label.
- {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente. Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
- {n} regra{nPlural} CSS com contraste de texto possivelmente insuficiente. Escurecer a cor do texto ou clarear o fundo até atingir o valor mínimo correspondente. Nunca usar a cor como único meio de distinção.
Nova análise semanal, com renderização JS, e-mail para novas barreiras — em breve.
Criar uma declaração de acessibilidade →
Método & limites
Em 31/08/2026 foi verificado o HTML que www.spiegel.de fornece no primeiro acesso sem sessão iniciada, mais até quatro ficheiros CSS ligados do mesmo domínio. Verificados: contraste de cor (a partir do CSS), alternativas de texto, etiquetagem de formulários, nomes dos elementos de controlo, estrutura dos títulos, título e idioma da página, bloqueio do zoom, id duplicados, valores tabindex positivos, marcos de referência.
Não verificados: tudo o que é gerado por JavaScript, a usabilidade por teclado, a visibilidade do foco, a ordem de foco, o anúncio pelos leitores de ecrã, os conteúdos por trás de sessão iniciada, as subpáginas. O teste automático deteta cerca de 20–35 % das infrações às WCAG — o resto exige uma auditoria manual. Instantâneo, não um juízo jurídico.