Elementy podziału dzielą stronę na znaczące regiony. Wiele z nich mapuje się na punkty orientacyjne ARIA — nazwane obszary, pomiędzy którymi technologia wspomagająca pozwala użytkownikom przeskakiwać, jak spis treści dla strony.
...
Details
...
...
Użytkownicy czytników ekranu mogą nacisnąć klawisz, aby wyświetlić listę punktów orientacyjnych i przejść bezpośrednio do <main>, pomijając powtarzające się nagłówki i nawigację. Jest to ogromne zwiększenie wydajności — tagi semantyczne zapewniają to automatycznie, bez potrzeby ARIA.
<article> — treść, która ma sens sama z sobą i może być syndykowana: wpis na blogu, karta produktu, komentarz.<section> — tematyczne grupowanie w obrębie dokumentu, zwykle z własnym nagłówkiem. Nie autonomiczne.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Reguła: jeśli może stać samodzielnie, to <article>; jeśli to tylko oznaczona część większej całości, to <section>. Nie używaj <section> wyłącznie jako otoki do stylizacji — to rola <div>.
Użycie prawidłowych elementów podziału daje ci bezpłatne, niezawodne punkty orientacyjne do nawigacji klawiatury/czytnika ekranu i jasny konspekt dokumentu — poprawiając dostępność i SEO bez dodatkowych atrybutów ARIA.