Usability and Accessibility Guidelines

Aria Landmark Roles

  • Banner
    • For the Header of the UI Component Standard Page, where Logo and Title are placed, the HTML tag < header > is used to be identified as the ARIA Landmark Role Banner.
  • Complementary
    • In the template tpl.page_content.html, the HTML tag < aside > is used for the right column of the page to be identified as the ARIA Landmark Role Complementary.
  • Contentinfo
    • For the Footer of the UI Component Standard Page, the HTML tag < footer > is used to be identified as the ARIA Landmark Role Contentinfo. As long as the Footer is nested in the HTML element < main >, the HTML element of the Footer is additionally declared with the ARIA role contentinfo.
  • Form
    • currently missing
  • Main
    • For the content area of the UI Component Standard Page, the HTML tag < main > is used to be identified as the ARIA Landmark Role Main.
  • Navigation
    • For the UI Component Main Bar, the HTML tag < nav > is used to be identified as the ARIA Landmark Role Navigation.
    • For the UI Component Breadcrumbs, the HTML tag < nav > is used to be identified as the ARIA Landmark Role Navigation.
  • Search
    • currently missing
  • Application
    • not needed

Full Screen