Accessibility in EJ2 TypeScript Split button control
24 Jan 20244 minutes to read
The accessibility compliance for the Split button component is outlined below.
|WCAG 2.2 Support
|Section 508 Support
|Screen Reader Support
|Mobile Device Support
|Keyboard Navigation Support
|Accessibility Checker Validation
|Axe-core Accessibility Validation
The Split button component followed the [WAI-ARIA] patterns to meet the accessibility. The following ARIA attributes are used in the Split button component:
|Indicates the Split button component as
button, Split button popup as
menu, and the Split button popup action items as
|Indicates the availability and type of interactive Split button popup element.
|Indicates whether the Split button popup can be expanded or collapsed, as well as indicates whether its current state is expanded or collapsed.
|Identifies an elements in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
|Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
The Split button component followed the [keyboard interaction] guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Split button component.
|To do this
|Closes the opened popup.
|Opens the popup, or activates the highlighted item and closes the popup.
|Opens the popup.
|Navigates up or to the previous action item.
|Navigates down or to the next action item.
|Alt + Up Arrow
|Closes the popup.
|Alt + Down Arrow
|Opens the popup.
The accessibility compliance of the Split button component is shown in the following sample. Open the sample in a new window to evaluate the accessibility of the Split button component with accessibility tools.