Los elementos de seccionar dividen una página en regiones significativas. Varios de ellos se asignan a landmarks de ARIA — regiones nombradas que la tecnología de asistencia permite a los usuarios saltar entre ellas, como un índice de contenidos para la página.
...
Details
...
...
Los usuarios de lectores de pantalla pueden presionar una tecla para listar landmarks y saltar directamente a <main>, omitiendo encabezados y navegación repetidos. Esta es una ganancia de eficiencia importante — las etiquetas semánticas lo proporcionan automáticamente, sin necesidad de ARIA.
<article> — contenido que tiene sentido por sí solo y podría ser sindicado: una entrada de blog, una tarjeta de producto, un comentario.<section> — una agrupación temática dentro de un documento, normalmente con su propio encabezado. No es independiente.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Regla general: si podría existir solo, es un <article>; si es solo una parte etiquetada de un conjunto mayor, es una <section>. No uses <section> únicamente como envoltorio de estilo — para eso está <div>.
Usar los elementos de seccionar correctos te da landmarks libres y robustos para navegación de teclado/lector de pantalla y un esquema de documento claro — mejorando la accesibilidad y SEO sin atributos ARIA adicionales.