Comprobado el 24/9/2026 · https://www.zeit.de/index
Sin barreras críticas en el HTML comprobado · 3 puntoe por revisar.
¿Cómo se calcula la puntuación? (100 puntos de partida)
| 2 campo(s) de formulario sin etiqueta reconocible | -7 |
| Nivel de encabezado omitido | -7 |
| 1 atributos id duplicados | -7 |
| Resultado | 79 / 100 |
Perceptible
2 campo(s) de formulario sin etiqueta reconocible
Comprueba si existe un aria-label definido mediante JavaScript.
<input type="text" name="name" placeholder="z. B. Theodor Eicke"><input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">
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
Nivel de encabezado omitido
Orden: 1 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4. Los niveles no deberían omitirse (h2 → h4).
h1–h6
Esto es lo que deberías hacer: Asignar los niveles de encabezado sin saltos.
Robusto
1 atributos id duplicados
p. ej. svg-zplus. Rompe las asociaciones label-for y aria.
[id]
Esto es lo que deberías hacer: Asignar id únicos.
Ya resuelto correctamente
- Alternativas textuales: sin problemas detectables automáticamente
- Enlace para saltar al contenido presente
- Punto de referencia <main> presente
- Contraste: no se han encontrado incumplimientos claros en el CSS
Próximos pasos
- 2 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.
- Nivel de encabezado omitido. Asignar los niveles de encabezado sin saltos.
- 1 atributos id duplicados. Asignar id únicos.
Reescaneo semanal, con renderizado JS, correo ante nuevas barreras — pronto disponible.
Crear una declaración de accesibilidad →
Método & límites
El 24/9/2026 se comprobó el HTML que www.zeit.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