Logo LepszyWeb.pl

Przykłady punktów orientacyjnych ARIA

Wizualny obrys punktów orientacyjnych lub nagłówków uzyskasz za pomocą przycisków poniżej.

Elementy sekcyjne HTML5

To bardzo ważne, aby zrozumieć, że kilka elementów sekcyjnych HTML5 (np. main,nav, aside ...), ma niejawnie zdefiniowaną domyślną rolę kluczowego obszaru (punktu orientacyjego). Jeśli elementy sekcyjne HTML5 używane są bez zrozumienia przypisanych im ról strukturalnych, użytkownicy technologii wspomagających będą najprawdopodobniej zdezorientowani i mniej wydajni w dostępie do treści i interakcjach ze stroną internetową.

contentinfo, gdy jego kontekstem jest element body. Element footernie jest obszarem contentinfo, gdy jest potomkiem poniższych elementów sekcyjnych HTML5:
  • article
  • aside
  • main
  • nav
  • section
Element HTML5 Domyślna rola obszaru
aside complementary
footer
form form, gdy ma dostępną nazwę przekazaną za pomocą atrybutów aria-labelledby, aria-label lub title.
header banner, gdy jego kontekstem jest element body. Element header nie jest obszarem banner, gdy jest potomkiem poniższych elementów sekcyjnych HTML5:
  • article
  • aside
  • main
  • nav
  • section
main main
nav navigation
section region, gdy ma dostępną nazwę przekazaną za pomocą atrybutów aria-labelledby, aria-label lub title.