WAI-ARIA roles in a screen layout
Screen layouts include WAI-ARIA roles by default. The table below details the area of the screen layout and the corresponding auto-generated HTML tag and the WAI-ARIA role assigned to that area by default.
| Area position | Auto-generated tag | WAI-ARIA role |
|---|---|---|
| Header | <header> | banner |
| Center | <main> | main |
| Left panel | <aside> | navigation |
| Right panel | <aside> | complementary |
| Footer | <footer> | contentinfo |