Landmark ⤢ bannerIdentifies the site header at the top of the page. Brand logo, primary tagline, top-of-page masthead. ⤢ navigationGroups a collection of navigational links. Primary menus, breadcrumbs, in-page nav. ⤢ mainMarks the dominant content of the document. The unique main body of the page. ⤢ complementaryMarks supporting content separate from main. Sidebars, related links, callouts. ⤢ contentinfoGroups footer metadata about the parent document. Copyright lines, privacy links, legal footer. ⤢ searchMarks a region that contains a search form. Site search, filter forms, find boxes. ⤢ regionMarks a named, perceivable section of the page. Custom sections with an accessible name. ⤢ formMarks a region that contains a set of form fields. Named search forms, filter panels, survey sections. ⤢ applicationMarks a region that behaves as a software application. Full-page editors, maps, game surfaces. Document ⤢ articleMarks a self-contained composition. Blog posts, news items, product cards. ⤢ headingMarks a heading for a section of content. Section titles when native h1-h6 do not apply. ⤢ listGroups a list of related items. Custom bullet or numbered lists. ⤢ listitemMarks a single item inside a list. One row of a custom list. ⤢ groupGroups a set of related form controls. Form fieldsets, radio groups, related inputs. ⤢ figureMarks graphical content paired with a caption. Images, diagrams, charts with a label. ⤢ tableMarks data arranged in rows and columns. Tabular data built from custom elements. ⤢ captionMarks a visible label for a table, grid, or figure. Titles above data tables, figure labels. ⤢ rowgroupGroups a set of related rows in a table. Header, body, and footer bands of a table. ⤢ rowMarks one line of cells in a table or grid. A single record line of a custom table. ⤢ columnheaderMarks a header cell for a table column. Top labels of a data table. ⤢ rowheaderMarks a header cell for a table row. The leading label of each table row. ⤢ cellMarks one data cell inside a row. Individual values of a custom table row. ⤢ termMarks a word or phrase that is being defined. Dictionary keys, definition-list terms. ⤢ definitionMarks the meaning of the preceding term. The description under a defined term. ⤢ noteMarks a remark that sits beside the main content. Tips, asides, footnote-style remarks. ⤢ directoryMarks a list of references to group members. Tables of contents and link indexes (deprecated in ARIA 1.2). ⤢ feedMarks a scrollable list of article sections. Infinite-scroll streams that load more content. ⤢ mathMarks content written in a math notation. Formulas rendered from LaTeX or MathML. ⤢ meterMarks a scalar value within a known range. Disk-usage bars, scores, strength gauges. ⤢ timeMarks a specific moment or a duration. Timestamps, event dates, elapsed times. ⤢ paragraphMarks a block of prose text. Text blocks not written as native p elements. ⤢ blockquoteMarks a quotation taken from another source. Pull quotes and cited excerpts. ⤢ codeMarks a fragment of computer code. Inline snippets and command names in prose. ⤢ emphasisMarks text that carries stress emphasis. Stressed words inside a sentence. ⤢ strongMarks text with strong importance. Warnings, key phrases, must-read labels. ⤢ subscriptMarks text rendered below the baseline. Chemical formulas such as H2O. ⤢ superscriptMarks text rendered above the baseline. Footnote markers and exponents. ⤢ genericMarks a plain container with no special meaning. Layout wrappers and styling hooks. ⤢ presentation / noneStrips the semantics from an element. Decorative images, layout tables, divider elements. ⤢ imgMarks an element as a single image. Icon sprites, SVG groups, CSS-drawn graphics. Widget ⤢ buttonMarks a clickable control that triggers an action. Custom buttons, icon buttons, action triggers. ⤢ linkMarks a link to another resource or location. Custom anchors and in-app route links. ⤢ checkboxMarks a toggle for a single option. Custom checkboxes, accept-terms toggles. ⤢ radioMarks one choice in a mutually exclusive group. Custom radios inside a radiogroup. ⤢ switchMarks a binary on/off toggle. Theme, mute, and settings toggles. ⤢ tablistGroups the labels for a set of tabs. The tab strip of a tabbed panel. ⤢ tabMarks one label inside a tablist. A single tab that shows one panel. ⤢ tabpanelMarks the content panel for one tab. The body shown when its tab is active. ⤢ dialogMarks an overlay window on top of the page. Modals, drawers, popovers that grab focus. ⤢ alertdialogMarks a dialog that requires a user response. Confirm-delete, unsaved-changes prompts. ⤢ comboboxMarks an input with a popup of choices. Autocomplete, search-select, typeahead lists. ⤢ sliderMarks a control that sets a value in a range. Volume, price, opacity, range inputs. ⤢ menuMarks a list of choices offered to the user. Dropdown menus, context menus, tool palettes. ⤢ menuitemMarks a single option inside a menu. One row or item of a dropdown menu. ⤢ textboxMarks a field for free-form text input. Custom inputs, search fields, comment boxes. ⤢ treeMarks a hierarchical list of items. File explorers, nested menus, org charts. ⤢ listboxMarks a list of selectable options. Custom pickers for one or many choices. ⤢ optionMarks a single choice inside a listbox. One selectable entry of a custom listbox. ⤢ radiogroupGroups a set of mutually exclusive choices. Custom radio sets, plan pickers, scale answers. ⤢ gridMarks a widget of rows and columns of cells. Spreadsheet layouts, calendar month views. ⤢ treegridMarks a grid whose rows expand and collapse. Nested data tables, mail-thread tables. ⤢ treeitemMarks one expandable option inside a tree. A file or folder node in a file explorer. ⤢ tooltipMarks a popup that hints at a control. Hover hints, focus tips for icon buttons. ⤢ progressbarMarks an element that shows task progress. Upload bars and loading indicators. ⤢ scrollbarMarks a control that scrolls a view of content. Custom scroll handles for panes and carousels. ⤢ spinbuttonMarks a control that changes a value in steps. Quantity pickers, number steppers. ⤢ searchboxMarks a text field for entering search terms. Custom search bars and filter fields. ⤢ toolbarMarks a group of frequently used controls. Formatting bars, action rows above editors. ⤢ menubarMarks a row of persistent menu triggers. App-style File and Edit menu strips. ⤢ menuitemcheckboxMarks a menu option that toggles on or off. View-option toggles inside a dropdown menu. ⤢ menuitemradioMarks one exclusive choice inside a menu. Sort-order and theme picks in a menu. ⤢ separatorMarks a divider between groups of content. Menu dividers, draggable pane splitters. Live region ⤢ alertAnnounces a time-sensitive, important message. Form errors, urgent notices that need attention. ⤢ statusAnnounces an advisory update without interrupting. Saved confirmation, progress, soft results. ⤢ logAnnounces new entries in a chronological stream. Chat transcripts, event logs, activity feeds. ⤢ marqueeAnnounces scrolling or moving text content. Tickers, scrolling news bars, rotating banners. ⤢ timerAnnounces a live timer or countdown. Session timeouts, countdowns, stopwatches.