Элементы секционирования разделяют страницу на смысловые области. Некоторые из них соответствуют ARIA ориентирам — именованным областям, между которыми вспомогательные технологии позволяют пользователям переходить, как оглавление для страницы.
...
Details
...
...
Пользователи программ для чтения с экрана могут нажать клавишу, чтобы получить список ориентиров и перейти прямо к <main>, пропуская повторяющиеся заголовки и навигацию. Это значительное повышение эффективности — семантические теги обеспечивают это автоматически, ARIA не требуется.
<article> — содержимое, которое имеет смысл само по себе и может быть распространено: запись в блоге, карточка продукта, комментарий.<section> — тематическое объединение в документе, обычно с собственным заголовком. Не самостоятельное.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Практическое правило: если может существовать отдельно, это <article>; если это просто помеченная часть чего-то большего, это <section>. Не используйте <section> исключительно как оболочку для стилизации — для этого предназначен <div>.
Использование правильных элементов секционирования дает вам бесплатные надежные ориентиры для навигации с клавиатуры/программы чтения с экрана и четкую структуру документа — улучшая доступность и SEO без дополнительных атрибутов ARIA.