Aria 2 Flashcards
(41 cards)
What ARIA role should be used for a button that is not a <button> element?</button>
role=”button” with tabindex=”0” for keyboard support
What ARIA role is used for a collapsible accordion panel?
role=”region” with aria-labelledby to associate the heading
Which ARIA role should be used for a search bar?
role=”search”
Which ARIA role should be used for a modal popup?
role=”dialog” with aria-modal=”true”
What ARIA role is used for an interactive tab button?
role=”tab”
Which ARIA role should be used for a group of related tabs?
role=”tablist”
What ARIA role should be used for a tooltip that provides extra information?
role=”tooltip”
Which ARIA role should be used for a progress indicator?
role=”progressbar”
Which ARIA role should be used for a main navigation menu?
role=”navigation”
Which ARIA role should be used for a list of selectable items?
role=”listbox”
What ARIA role should be used for a notification banner?
role=”alert”
Which ARIA attribute is used to indicate if an element is disabled?
aria-disabled=”true”
What ARIA attribute should be used to show if an element is checked?
aria-checked=”true” or false
Which ARIA attribute is used to indicate whether an element is currently expanded or collapsed?
aria-expanded=”true” or false”
What does aria-hidden=”true” do?
It hides an element from screen readers while keeping it visible on the page
Which ARIA attribute associates an element with a visible label?
aria-labelledby
What does aria-describedby do?
It provides additional information about an element by referencing another element’s ID
Which ARIA attribute should be used for an element that controls another element’s visibility?
aria-controls=”id”
What does aria-selected=”true” indicate?
It marks the currently selected item in a listbox
Which ARIA attribute should be used for a toggle switch to show its on/off state?
aria-pressed=”true” or false”
Which ARIA attribute should be used to indicate a required form field?
aria-required=”true”
What does aria-invalid=”true” do?
It marks a form field as invalid when an error occurs
What is an ARIA live region?
An area of a webpage that dynamically updates and announces changes to screen readers
What does aria-live=”polite” do?
It announces changes only when the user is idle
