Problemas de Validación HTML — Referencia

Qué significa cada problema del Validador HTML, por qué importa para accesibilidad y SEO, y cómo solucionarlo — con enlaces a WHATWG HTML y MDN.

El Validador HTML revisa HTML pegado o una URL en vivo contra un conjunto de reglas estructurales, de accesibilidad y de buenas prácticas de SEO. Cada problema que reporta enlaza aquí para una explicación más completa — qué lo dispara, por qué importa y cómo solucionarlo.

Etiquetas sin cerrar o mal emparejadasEtiquetas sin su cierre correspondiente, o cerradas en el orden equivocado Doctype faltanteFalta <!DOCTYPE html> al inicio del documento Atributo lang faltante<html> no tiene atributo lang Declaración de charsetFalta, o se declara demasiado tarde dentro de <head> Falta <title>Sin título de página Falta meta descriptionSin etiqueta meta name="description" Etiqueta meta viewportFalta, o le falta width=device-width URL canónicaRelativa, o apunta a un lugar inesperado Atributo id duplicadoEl mismo id usado más de una vez Elementos obsoletos<center>, <font>, <marquee> Texto alternativo de imagenAtributos alt faltantes o vacíos Etiquetas de controles de formularioCampos sin una etiqueta accesible Estructura de encabezadosNiveles de encabezado faltantes, duplicados u omitidos target="_blank" sin rel="noopener"Enlaces en pestaña nueva sin un valor rel seguro Atributo duplicadoEl mismo atributo repetido en una etiqueta Valor de atributo booleanodisabled="false" igual significa deshabilitado Imagen sin srcUn <img> sin src ni srcset Contenido interactivo anidadoUn enlace o botón que contiene otro enlace, botón o campo de formulario Botón sin typeUn botón de formulario que usa type="submit" por defecto Rol ARIA inválidoUn valor de role que la tecnología de asistencia no reconoce Enlace o botón vacíoUn enlace o botón sin texto accesible Referencia de label rotaEl atributo for de un label apunta a un id inexistente Tabindex positivoUn valor de tabindex que anula el orden natural de tabulación Iframe sin titleUn <iframe> sin nombre accesible Etiqueta meta duplicadaMás de una etiqueta title, description o canonical Etiquetas estructurales duplicadasMás de una etiqueta html, head o body Autofocus duplicadoMás de un elemento usando autofocus Href vacíoUn enlace con href="" que recarga la página Favicon faltanteSin link rel="icon" en el documento Imagen sin dimensionesSin atributo width/height — un riesgo para Core Web Vitals (CLS) Enlace de anclaje rotohref="#seccion" sin un id correspondiente en la página Manejador de eventos en líneaonclick y atributos similares, bloqueados por un CSP estricto Etiqueta autocerrada no-void<div /> en realidad no se cierra en HTML5 Redirección con meta refreshUna redirección del lado del cliente en vez de un HTTP 3xx real Accesibilidad de tablasFalta <caption> o atributos scope en th srcset sin sizessrcset con descriptores de ancho pero sin atributo sizes Href de rellenohref="#" o javascript: en un enlace real