Filters button

Filters

Search input

Search title

Showing status

Showing [number] of [number].

UpArrow

Moves focus to the previous option, if there is none then visual focus does not change.

DownArrow

Moves focus to the next option, if there is none then visual focus does not change.

Enter

Selects the focused option and closes the popup.

Space

Selects the focused option and closes the popup.

Tab

Moves focus to the next focusable element in the dropdown, if there is none then first focusable element receives the focus.

Shift+Tab

Moves focus to the previous focusable element in the dropdown, if there is none then last focusable element receives the focus.

Escape

Closes the dropdown, moves focus to the dropdown button.

Tab

Moves focus to the next focusable element.

Enter

Triggers the upload action.

Space

Triggers the upload action.

Tab

Moves focus to the input element.

UpArrow

Moves focus to the previous option.

DownArrow

Moves focus to the next option.

Escape

Hides the popup.

Enter

Selects the highlighted item and closes the popup if popup is visible.

aria-label

Defines a string value that labels an interactive element.

Attribute

Description

aria-describedby

Used to create a link between an element and the content that describes it.

Space

Toggles the checked state.

Tab

Moves focus to the checkbox.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

role="img"

Used to mark an element as image.

Tab

Moves focus to the input element.

role="img"

Used to mark an element as image.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

for

Used in the context of a <label> element to establish an association between a label and a control.

aria-describedby

Used to create a link between an element and the content that describes it.

Tab

Moves focus to the checked radio button, if there is none within the group then first radio button receives the focus.

LeftArrow, UpArrow

Moves focus to the previous radio button, if there is none then last radio button receives the focus.

RightArrow, DownArrow

Moves focus to the next radio button, if there is none then first radio button receives the focus.

Space

If the focused radio button is unchecked, changes the state to checked.

role="radiogroup"

Used to indicate that the element is being used as a radio group.

aria-describedby

Used to create a link between an element and the content that describes it.

aria-labelledby

Used to associate an element with one or more <id> elements containing a textual description or label for that element.

role="switch"

Used to indicate that the element is being used as a switch.

aria-label

Defines a string value that labels an interactive element.

role="dialog"

Used to mark up an HTML-based application dialog that separates content or UI from the rest of the web application or page.

aria-label

Defines a string value that labels an interactive element.

Tab

Moves focus to the HyperLink.

Enter

Activates the HyperLink.

role="img"

Used to mark an element as an image.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

aria-label

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

aria-label

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

Tab

Moves focus to the IconButton.

Enter

Activates the IconButton.

Space

Activates the IconButton.

aria-label

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

aria-selected

Used to indicate selection state.

Enter

Activates the IconButtonToggle.

Space

Activates the IconButtonToggle.

alt

Used to provide alternative text for an image.

aria-label

Defines a string value that labels an interactive element.

aria-describedby

Used to create a link between an element and the content that describes it.

aria-label

Defines a string value that labels an interactive element.

aria-describedby

Used to create a link between an element and the content that describes it.

Tab

Moves focus to the MailtoLink.

Enter

Activates the MailtoLink.

role="dialog"

Used to create a link between an element and the content that describes it.

aria-label

Defines a string value that labels an interactive element.

UpArrow

Moves focus to the previous MenuItem.

DownArrow

Moves focus to the next MenuItem.

Enter

Triggers the MenuItem action.

Space

Triggers the MenuItem action.

Tab

Moves focus to the next focusable element in the Menu.

Shift+Tab

Moves focus to the previous focusable element in the Menu.

role="dialog"

Used to create a link between an element and the content that describes it.

aria-label

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

role="img"

Used to mark an element as an image.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

Tab

Moves focus to the next the focusable element within the ModalDialog.

Shift+Tab

Moves focus to the previous the focusable element within the ModalDialog.

Escape

Closes the ModalDialog.

Enter (Close button)

Closes the ModalDialog.

Space (Close button)

Closes the ModalDialog.

role="dialog"

Used to create a link between an element and the content that describes it.

aria-label

Defines a string value that labels an interactive element.

Tab

Moves focus to the next the focusable element within the ModalLayer.

Shift+Tab

Moves focus to the previous the focusable element within the ModalLayer.

Escape

Closes the ModalLayer.

Enter (Close button)

Closes the ModalLayer.

Space (Close button)

Closes the ModalLayer.

UpArrow (Not small variant)

Scroll up ModalLayer content.

DownArrow (Not small variant)

Scroll down ModalLayer content.

aria-hidden="true"

Indicates whether the element is exposed to an accessibility API.

Tab

Moves focus to the next the focusable element within the ModalPopup.

Shift+Tab

Moves focus to the previous the focusable element within the ModalPopup.

Escape

Closes the ModalPopup.

Enter (Close button)

Closes the ModalPopup.

Space (Close button)

Closes the ModalPopup.

role="button"

Used to indicate that a particular element acts as a button, even if it is not a standard <button> element.

aria-disabled

Used to indicate whether an element on a web page can be activated or modified by the user using input tools.

aria-haspopup

Indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.

aria-expanded

Is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.

UpArrow

Moves focus to the previous NavDropdown.Item, and causes onSelected.

DownArrow

Moves focus to the next NavDropdown.Item, and causes onSelected.

Enter

Calls onSelected and closes the NavDropdown.

Space

Calls onSelected and closes the NavDropdown.

Tab

Moves focus to the next focusable element in the NavDropdown.

Shift+Tab

Moves focus to the previous focusable element in the NavDropdown.

Escape

Closes the NavDropdown.

role="button"

Used to indicate that a particular element acts as a button, even if it is not a standard <button> element.

UpArrow

Focuses the selected element and calls onSelected.

DownArrow

Focuses the selected element and calls onSelected.

Enter

Calls onSelected and remove focus from elements.

Space

Calls onSelected.

Tab

Moves focus to the next focusable element in the Nav.

Shift+Tab

Moves focus to the previous focusable element in the Nav.

role="separator"

Used to refer to an element that serves as a separator between other elements.

role="navigation"

Used to indicate that an element is a navigation menu or navigation bar.

aria-haspopup

Indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.

aria-expanded

Is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.

role="button"

Used to indicate that a particular element acts as a button, even if it is not a standard <button> element.

UpArrow

Focuses the selected element and calls onSelected.

DownArrow

Focuses the selected element and calls onSelected.

Enter

Calls onSelected and remove focus from elements.

Space

Calls onSelected.

Tab

Moves focus to the next focusable element in the Navbar.

Shift+Tab

Moves focus to the previous focusable element in the Navbar.

role="region"

Used to refer to an area or section of a web page with specific content or functionality.

aria-label

Defines a string value that labels an interactive element.

Enter (Prev/Next button)

Moves focus to the previous/next slide element.

Space (Prev/Next button)

Moves focus to the previous/next slide element.

RightArrow

If the scroll area is focused with Moves focus to the next slide element.

LeftArrow

If the scroll area is focused with Moves focus to the previous slide element.

role="alert"

Used to communicate an important and usually time-sensitive message to the user.

aria-live="polite"

Used to define the mode in which the element will be updated for users using responsive technologies.

aria-atomic

Used to indicate how changes within an element may affect its textual content.

role="alert"

Used to communicate an important and usually time-sensitive message to the user.

aria-live="polite"

Used to define the mode in which the element will be updated for users using responsive technologies.

aria-atomic

Used to indicate how changes within an element may affect its textual content.

aria-label

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

Enter (Close button)

Hide PaheBanner.

Space (Close button)

Hide PaheBanner.

aria-live="polite"

Used to define the mode in which the element will be updated for users using responsive technologies.

aria-relevant

Used to indicate which changes to the element's content should be reported to assistive technologies.

aria-atomic

Used to indicate how changes within an element may affect its textual content.

aria-label

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

aria-haspopup

Indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.

aria-expanded

Is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.

Tab

Moves focus through the pagination elements.

Shift+Tab

Moves focus through the pagination elements.

Enter

Executes the paginator element action.

Space

Executes the paginator element action.

Enter (variant="reduced")

Open/close a dropdown with pagination elements.

Space (variant="reduced")

Open/close a dropdown with pagination elements.

UpArrow (variant="reduced")

Moves focus to the previous pagination element.

DownArrow (variant="reduced")

Moves focus to the next pagination element.

role="tooltip"

Used to designate an element intended to display a tooltip.

Enter

Closes the popup and moves focus to the trigger.

Escape

Closes the popup and moves focus to the trigger.

aria-labelledby

Used to associate an element with one or more <id> elements containing a textual description or label for that element.

role="dialog"

Used to create a link between an element and the content that describes it.

type="button"

Indicates that the element is a button.

Tab

Moves focus to the next focusable element.

Shift+Tab

Moves focus to the previous focusable element.

Enter (Next button)

Activates the button action and move progress to the next checkpoint.

Enter (Dismiss button)

Activates the button action and remove checkpoints progress.

Space (Next button)

Activates the button action and move progress to the next checkpoint.

Space (Dismiss button)

Activates the button action and remove checkpoints progress.

Enter (Okay button)

Closes the last checkpoint.

Space (Okay button)

Closes the last checkpoint.

Escape

Closes checkpoint.

role="progressbar"

Used to designate an interface element that is an indicator of the progress or progress of a task.

aria-valuemin

Used to specify the minimum possible value of an element that has a numeric value.

aria-valuemax

Used to specify the maximum possible value of an element that has a numeric value.

role="scrollbar"

Used to indicate that an interface element is a scrollbar.

aria-valuemin

Used to specify the minimum possible value of an element that has a numeric value.

aria-valuemax

Used to specify the maximum possible value of an element that has a numeric value.

UpArrow

If the scroll area in focus scrolls up the visibility area of the elements.

DownArrow

If the scroll area in focus scrolls down the visibility area of the elements.

role="search"

Is used to designate an element representing a search form.

role="searchbox"

Used to denote an interface element that is a text field into which users can enter queries to search for information.

type="submit"

Used to indicate that this element represents a button that is used to submit form data to the server.

type="reset"

Is used to indicate that this element represents a button that is used to reset or clear all values in the form to their initial values.

Tab

Moves focus to the next focusable element.

Shift+Tab

Moves focus to the previous focusable element.

Enter (Action button)

Activates the button action.

Space (Action button)

Activates the button action.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

type="button"

Indicates that the element is a button.

aria-haspopup

Indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.

aria-expanded

Is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.

aria-label

Defines a string value that labels an interactive element.

role="group"

Used to create a group of elements that are visually and functionally related together.

role="button"

Used to indicate that a particular element acts as a button, even if it is not a standard <button> element.

aria-label

Defines a string value that labels an interactive element.

Tab

Moves focus to the next focusable element.

Shift+Tab

Moves focus to the previous focusable element.

Enter

Trigger SelectableBox action.

Space

Trigger SelectableBox action.

aria-haspopup

Indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.

aria-expanded

Is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.

type="button"

Indicates that the element is a button.

role="button"

Used to indicate that a particular element acts as a button, even if it is not a standard <button> element.

aria-live="polite"

Used to define the mode in which the element will be updated for users using responsive technologies.

aria-atomic

Used to indicate how changes within an element may affect its textual content.

role="alert"

Used to communicate an important and usually time-sensitive message to the user.

Enter

Triggers the button action.

Space

Triggers the button action.

Enter

Selects the focused option and closes the sheet.

Space

Selects the focused option and closes the sheet.

Escape

Closes the sheet, moves focus to the sheet button.

aria-busy="true"

Used to indicate that an interface element or area is busy performing an operation or process and the user should wait for that operation to complete.

aria-live="polite"

Used to define the mode in which the element will be updated for users using responsive technologies.

role="status"

Used to indicate an area or element intended to display status information or notifications to the user.

role="dialog"

Used to create a link between an element and the content that describes it.

aria-label

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

Tab

Moves focus to the next the focusable element within the StandartModal.

Shift+Tab

Moves focus to the previous the focusable element within the StandartModal.

Escape

Closes the StandartModal.

Enter (Close button)

Closes the StandartModal.

Space (Close button)

Closes the StandartModal.

aria-live="assertive"

Used to determine the importance level of notifications or content.

aria-disabled

Used to indicate whether an element on a web page can be activated or modified by the user using input tools.

type="button"

Indicates that the element is a button.

Tab

Moves focus to the next focusable element.

Shift+Tab

Moves focus to the next focusable element.

Enter

Triggers the button action.

Space

Triggers the button action.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

aria-labelledby

Used to associate an element with one or more <id> elements containing a textual description or label for that element.

aria-haspopup

Indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.

aria-expanded

Is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.

role="table"

Used to define an element as a table.

role="row"

Used to define an element as a row in a table.

role="columnheader"

Used to define an element as a column heading in a table.

role="rowgroup"

Used to define an element as a cell in a table.

role="cell"

Used to define an element as a cell in a table.

aria-labelledby

Used to associate an element with one or more <id> elements containing a textual description or label for that element.

aria-haspopup

Indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.

aria-expanded

Is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.

type="button"

Indicates that the element is a button.

Tab

Moves focus to the next the focusable element.

Space (Filter dropdown)

Show dropdown content.

Enter (Filter dropdown)

Show dropdown content.

Escape (Filter dropdown)

Hide dropdown content.

aria-haspopup

Indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.

aria-expanded

Is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.

type="button"

Indicates that the element is a button.

aria-label

Defines a string value that labels an interactive element.

aria-live="polite"

Used to define the mode in which the element will be updated for users using responsive technologies.

aria-atomic

Used to indicate how changes within an element may affect its textual content.

aria-relevant

Used to indicate which changes to the element's content should be reported to assistive technologies.

Tab

Moves focus to the next the focusable element.

Space (Pagination dropdown)

Show dropdown content.

Enter (Pagination dropdown)

Show dropdown content.

Escape (Pagination dropdown)

Hide dropdown content.

Enter (RightArrow)

Triggers the button action.

Enter (LeftArrow)

Triggers the button action.

Space (RightArrow)

Triggers the button action.

Space (LeftArrow)

Triggers the button action.

role="tablist"

Used to define a list of tabs.

role="tab"

Applied to a UI element that is a tab on a web page.

aria-controls

Points to the element that is controlled by or associated with the current element.

aria-selected

Used to indicate selection state.

aria-labelledby

Used to associate an element with one or more <id> elements containing a textual description or label for that element.

role="tabpanel"

Applied to a UI element to designate it as a container for containing information associated with a tab on a web page.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

aria-live="polite"

Used to define the mode in which the element will be updated for users using responsive technologies.

role="status"

Used to indicate an area or element intended to display status information or notifications to the user.

Tab

Moves focus to the More button and the next drop-down menu items.

Shift+Tab

Moves focus to the More button and previous drop-down menu items.

Enter

Opens tabs dropdown menu.

Space

Opens tabs dropdown menu.

UpArrow

Moves focus to the next dropdown option.

DownArrow

Moves focus to the previous dropdown option.

Escape

Closes dropdown menu.

role="alert"

Used to communicate an important and usually time-sensitive message to the user.

aria-live="assertive"

Used to determine the importance level of notifications or content.

aria-atomic

Used to indicate how changes within an element may affect its textual content.

aria-label

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

Enter

Closes the message.

aria-describedby

Used to create a link between an element and the content that describes it.

aria-label

Defines a string value that labels an interactive element.

title

Used to provide a hint or additional information about an element.