Page Comparison

...

Attribute

Description

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

...

Attribute

...

Description

...

aria-describedby

...

Key	Description
`Space`	Toggles the checked state.
`Tab`	Moves focus to the checkbox.

Attribute	Description
`aria-hidden` (Icon)	Indicates whether the element is exposed to an accessibility API.
`role="img"` (Icon)	Used to mark an element as image.
`aria-describedby` (If Form.Control.Feedback is present)	Used to create a link between an element and the content that describes it.

Key	Description
`Tab`	Moves focus to the input element.

Attribute	Description
`role="img"`	Used to mark an element as image.
`aria-hidden`	Indicates whether the element is exposed to an accessibility API.

...

no a11y attributes

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

Attribute	Description
`aria-describedby`	Used to create a link between an element and the content that describes it.

...

Key	Description
`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.

Attribute

Description

role="radiogroup"

Status

colour	Yellow
title	editable

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

aria-describedby

Status

colour	Yellow
title	editable

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

aria-labelledbyUsed to associate

Status

colour	Yellow
title	editable

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

Attribute	Description
`role="switch"`	Used to indicate that the element is being used as a switch.

Attribute

Description

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

...

no a11y attributes

Attribute

Description

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

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

...

Key	Description
`Tab`	Moves focus to the HyperLink.
`Enter`	Activates the HyperLink.

Attribute	Description
`role="img"`	Used to mark an element as an image.
`aria-hidden`	Indicates whether the element is exposed to an accessibility API.

Attribute

Description

aria-label

Defines a string value that labels an interactive element.

type="button"Used to communicate an important and usually time-sensitive message

Attribute

Description

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

type="button"

Indicates that the element is a button.

Status

colour	Yellow
title	editable

Indicates that the element is a button.

Attribute	Description
`Tab`	Moves focus to the IconButton.
`Enter`	Activates the IconButton.
`Space`	Activates the IconButton.

Attribute	Description
`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.

...

selected

Used to indicate selection state.

Key	Description
`Enter`	Activates the IconButtonToggle.
`Space`	Activates the IconButtonToggle.

Attribute

Description

alt

Status

colour	Yellow
title	editable

Used to provide alternative text for an image.

Attribute	Description
`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.

Attribute	Description
`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.

Key	Description
`Tab`	Moves focus to the next the focusable element.

no a11y attributes

...

Element	Text
`title`	`Opens in a new tab`
Icon screenreader text	`Dismiss`

Key	Description
`Tab`	Moves focus to the MailtoLink.
`Enter`	Activates the MailtoLink.

Attribute

Description

role="dialog"

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

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

Key	Description
`Tab`	Moves focus to the next the focusable element within the MarketingModal.
`Shift+Tab`	Moves focus to the previous the focusable element within the MarketingModal.
`Escape`	Closes the MarketingModal.
`Enter` (Close button)	Closes the MarketingModal.
`Space` (Close button)	Closes the MarketingModal.

no a11y attributes

Key	Description
`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.

Attribute

Description

role="dialog"

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

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

type="button" (Close button)

Indicates that the element is a button.

role="img" (Close button)

Used to mark an element as an image.

aria-hidden

Indicates whether the element is exposed to an accessibility API.

Key	Description
`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.

Attribute

Description

role="dialog"

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

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

...

Element	Text
`title`	`My dialog`

Key	Description
`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.

...

Attribute

...

Key	Description
`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.

...

Attribute	Description
`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.

Attribute	Description
`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.

Key	Description
`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.

Attribute	Description
`role="button"`	Used to indicate that a particular element acts as a button, even if it is not a standard <button> element.

Key	Description
`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.

Attribute

Description

role="separator"

Status

colour	Yellow
title	editable

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

Attribute

Description

role="navigation"

Status

colour	Yellow
title	editable

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

Attribute	Description
`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 acts as a button, even if it is not a standard <button> element.
`aria-labelledby`	Used to associate an element with one or more `<id>` elements containing a textual description or label for that element.

Key	Description
`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.

Key	Description
`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.

Attribute

Description

role="region"

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

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

Attribute

Description

role="alert"

Key	Description
`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.

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.

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

no a11y attributes

Attribute

Description

role="alert"

Status

colour	Yellow
title	editable

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

aria-live="polite"

Status

colour	Yellow
title	editable

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

aria-atomic

Status

colour	Yellow
title	editable

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

aria-label (Button)

Defines a string value that labels an interactive element.

type="button" (Button)

Indicates that the element is a button.

Key	Description
`Enter` (Close button)	Hide PaheBanner.
`Space` (Close button)	Hide PaheBanner.

Attribute

Description

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

Status

colour	Yellow
title	editable

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.

...

Element	Text
`Previous button`	`Previous`
`Next button`	`Next`
`Page button`	`Page`
`currentPage` button	`Current Page`
`pageOfCount` block	`of`

Key	Description
`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.

Attribute

Description

role="tooltip""tooltip"

Status

colour	Yellow
title	editable

Used to designate an element intended to display a tooltip.

Key	Description
`Enter`	Closes the popup and moves focus to the trigger.
`Escape`	Closes the popup and moves focus to the trigger.

Attribute	Description
`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.

...

Element	Text
Checkpoint screenreader header	`Top of step`

Key	Description
`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.

Attribute

Description

role="progressbar"

Status

colour	Yellow
title	editable

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.

Attribute	Description
`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.

Key	Description
`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.

Attribute	Description
`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.

...

Element	Text
Submit button	`submit search`
Reset button	`clear search`

Key	Description
`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.

Indicates whether the element is exposed to an accessibility API.

Attribute	Description	`aria-hidden`
`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.
`role="link"`	A link widget provides an interactive reference to a resource.

Key	Description
`Enter`	Opens select menu.
`Space`	Opens select menu.
`UpArrow`	Moves focus to the previous option.
`DownArrow`	Moves focus to the next option.
`Enter`	Selects the focused option and closes the select menu.
`Space`	Selects the focused option and closes the select menu.
`Tab`	Moves focus to the next focusable element in the select menu.
`Shift+Tab`	Moves focus to the previous focusable element in the select menu.
`Escape`	Closes the select menu, moves focus to the select menu button.

Attribute

Description

aria-label

Status

colour	Yellow
title	editable

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.

Attribute

Description

role="button"

Status

colour	Yellow
title	editable

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

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

Key	Description
`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.

Attribute

Description

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"

Status

colour	Yellow
title	editable

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.

Key	Description
`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.

Attribute	Description
`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.

Attribute	Description
`role="status"`	Used to indicate an area or element intended to display status information or notifications to the user.

...

no a11y attributes

Attribute

Description

role="dialog"

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

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

type="button" (Close icon)

Indicates that the element is a button.

Key	Description
`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.

Attribute

Description

aria-live="assertive"

Status

colour	Yellow
title	editable

Used to determine the importance level of notifications or content.

aria-disabled

Status

colour	Yellow
title	editable

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

type="button"

Status

colour	Yellow
title	editable

Indicates that the element is a button.

Key	Description
`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.

Attribute	Description
`aria-hidden`	Indicates whether the element is exposed to an accessibility API.

...

no a11y attributes

Attribute	Description
`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.

Attribute	Description
`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.

Key	Description
`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.

Attribute	Description
`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.

Key	Description
`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.

Attribute	Description
`role="tablist"`	Used to define a list of tabs.

Attribute	Description
`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.

...

Element	Text
Notification screenreader text	`notification`

Key	Description
`Tab`	Moves focus through the next title.
`Shift+Tab`	Moves focus through the previous title.
`Enter`	Activates the focused tab title.
`Space`	Activates the focused tab title.
`RightArrow`	Moves focus to the previous title.
`LeftArrow`	Moves focus to the next title.
`UpArrow`	Moves focus to the next title.
`DownArrow`	Moves focus to the previous title.

...

Key	Description
`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.

Attribute

Description

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

Status

colour	Yellow
title	editable

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.

Key	Description
`Enter`	Closes the message.

Attribute

Description

aria-describedby

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

role="tooltip"

Status

colour	Yellow
title	editable

Used to designate an element intended to display a tooltip.

Key	Description
`Tab`	Moves focus to the next focusable item and shows tooltip.
`Shift+Tab`	Moves focus to the previous focusable item and shows tooltip.

...

no a11y attributes

Attribute

Description

aria-label

Status

colour	Yellow
title	editable

Defines a string value that labels an interactive element.

title

Status

colour	Yellow
title	editable

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

Versions Compared

Old Version 36

New Version Current

Key

Page Comparison

Versions Compared

Old Version 36

New Version Current

Key

Form.Checkbox

Accessibility attributes

Keyboard support

Form.Control

Accessibility attributes

Keyboard support

Form.Control.Feedback

Accessibility attributes

Form.Label

Accessibility attributes

Form.Radio

Accessibility attributes

Form.RadioSet

Accessibility attributes

Form.Switch

Form.Switch

Accessibility attributes

SwitchControl

Accessibility attributes

FullscreenModal

Accessibility attributes

Icon

Accessibility attributes

IconButton

Accessibility attributes

IconButtonWithTooltip

Accessibility attributes

IconButtonWithTooltip

Keyboard support

IconButtonToggle

Accessibility attributes

Keyboard support

Image

Accessibility attributes

InputGroup

InputGroup.Text

Accessibility attributes

FormControl

Accessibility attributes

Keyboard support

Layout

MailtoLink

Keyboard support

MarketingModal

Accessibility attributes

Keyboard support

Menu

Keyboard support

ModalDialog

Accessibility attributes

Keyboard support

ModalLayer

Accessibility attributes

Keyboard support

ModalPopup

Accessibility attributes

...aria-hidden="true"...Indicates whether the element is exposed to an accessibility API.

Keyboard support

Nav

Nav.

Link

Accessibility attributes

NavDropdown

Accessibility attributes

Keyboard support

NavDropdown.Item

Accessibility attributes

Keyboard support

NavDropdown.Divider

Accessibility attributes

Navbar

Accessibility attributes

NavDropdown

Accessibility attributes

Keyboard support

...
`aria-hidden="true"`
...
Indicates whether the element is exposed to an accessibility API.