Elementy HTML5, takie jak main, nav i aside, pełnią funkcję punktów orientacyjnych,
lub specjalne regiony na stronie, do których
czytniki ekranu i inne technologie wspomagające osoby z niepełnosprawnością mogą skakać.
Wykorzystując elementy punktów orientacyjnych,
możesz znacznie poprawić nawigację w witrynie,
dla użytkowników technologii wspomagających osoby z niepełnosprawnością.
Dowiedz się więcej na stronie uniwersytetu Deque
Punkty orientacyjne HTML 5 i ARIA.
Ręczne sprawdzanie punktów orientacyjnych
Korzystaj z listy elementów punktów orientacyjnych opracowanej przez organizację W3C. aby sprawdzić, czy każda większa sekcja strony jest zawarta w punkcie orientacyjnym. Na przykład:
<header>
<p>Put product name and logo here</p>
</header>
<nav>
<ul>
<li>Put navigation here</li>
</ul>
</nav>
<main>
<p>Put main content here</p>
</main>
<footer>
<p>Put copyright info, supplemental links, etc. here</p>
</footer>
Możesz też użyć narzędzi takich jak Microsoft Rozszerzenie statystyk ułatwień dostępu do wizualizacji struktury strony i przechwytujących sekcji, których nie ma w punktach orientacyjnych:
Jak skutecznie korzystać z punktów orientacyjnych
- Używaj elementów punktów orientacyjnych do definiowania głównych sekcji strony
zamiast polegać na elementach ogólnych, takich jak
<div>czy<span>. - Użyj punktów orientacyjnych do przedstawienia struktury strony.
Na przykład element
<main>powinien zawierać wszystkie treści bezpośrednio powiązane zgodnie z główną koncepcją strony, więc na każdej stronie powinna występować tylko jedna. Zobacz podsumowanie w MDN elementów sekcji treści aby dowiedzieć się, jak korzystać z każdego z nich. - Ostrożnie korzystaj z punktów orientacyjnych. Zbyt wiele punktów orientacyjnych może utrudniają nawigację użytkownikom technologii wspomagających osoby z niepełnosprawnością, ponieważ zapobiega przeskoczeniu do żądanej treści.
Zobacz posta Nagłówki i punkty orientacyjne. .