Comprobado el 31/8/2026 · https://www.spiegel.de/
1 barrera crítica · además, 3 a revisar.
Desde el último escaneo: sin cambios.
¿Cómo se calcula la puntuación? (100 puntos de partida)
| {n} botón(es) sin nombre en el HTML | -18 |
| {n} campo(s) de formulario sin etiqueta reconocible | -7 |
| {n} enlace(s) sin nombre reconocible en el HTML | -7 |
| Sin encabezado <h1> en el HTML entregado | -7 |
| Resultado | 61 / 100 |
Perceptible
{n} campo(s) de formulario sin etiqueta reconocible
Comprueba si existe un aria-label definido mediante JavaScript.
input, select, textarea
Esto es lo que deberías hacer: Vincular cada campo a un elemento <label for> o definir aria-label / aria-labelledby. Un placeholder por sí solo no basta.
Operable
{n} botón(es) sin nombre en el HTML
Los botones sin texto y sin aria-label son mudos para los lectores de pantalla — salvo que el nombre se defina mediante JavaScript.
button
Esto es lo que deberías hacer: Añadir el texto del botón o definir aria-label.
{n} enlace(s) sin nombre reconocible en el HTML
Enlaces vacíos o solo con un icono/imagen sin alt. Un aria-label definido mediante JavaScript no se reconoce aquí.
a
Esto es lo que deberías hacer: Añadir texto de enlace visible o, en los enlaces con icono, usar aria-label o una imagen con alt.
Sin encabezado <h1> en el HTML entregado
Cada página debería empezar con exactamente un h1. En páginas construidas con JavaScript, el h1 puede aparecer solo en el navegador — comprobar entonces en el DOM renderizado.
body
Esto es lo que deberías hacer: Insertar un <h1> significativo como primer encabezado (a ser posible ya en el servidor).
Ya resuelto correctamente
- Textalternativen: keine automatisch erkennbaren Probleme
- Enlace para saltar al contenido presente
- Punto de referencia <main> presente
- Contraste: no se han encontrado incumplimientos claros en el CSS
Próximos pasos
- {n} botón(es) sin nombre en el HTML. Añadir el texto del botón o definir aria-label.
- {n} campo(s) de formulario sin etiqueta reconocible. Vincular cada campo a un elemento <label for> o definir aria-label / aria-labelledby. Un placeholder por sí solo no basta.
- {n} enlace(s) sin nombre reconocible en el HTML. Añadir texto de enlace visible o, en los enlaces con icono, usar aria-label o una imagen con alt.
- Sin encabezado <h1> en el HTML entregado. Insertar un <h1> significativo como primer encabezado (a ser posible ya en el servidor).
Reescaneo semanal, con renderizado JS, correo ante nuevas barreras — pronto disponible.
Crear una declaración de accesibilidad →
Método & límites
El 31/8/2026 se comprobó el HTML que www.spiegel.de entrega en el primer acceso sin iniciar sesión, más hasta cuatro archivos CSS enlazados del mismo dominio. Comprobado: contraste de color (a partir del CSS), alternativas textuales, etiquetado de formularios, nombres de los elementos de control, estructura de encabezados, título e idioma de la página, bloqueo del zoom, id duplicados, valores tabindex positivos, puntos de referencia.
No comprobado: todo lo que se genera mediante JavaScript, el manejo por teclado, la visibilidad del foco, el orden de foco, el anuncio por lector de pantalla, los contenidos tras inicio de sesión, las subpáginas. La prueba automática detecta aproximadamente el 20–35 % de los incumplimientos de las WCAG — el resto requiere una auditoría manual. Instantánea, no un dictamen jurídico.
Los widgets overlay (botones de accesibilidad que cambian el contraste o la fuente) no hacen que un sitio sea conforme: las barreras detectadas deben corregirse en el código fuente. Por qué los overlays no ayudan