Accessibility in React ProgressButton component
23 Jan 20243 minutes to read
The accessibility compliance for the ProgressButton 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 ProgressButton component followed the WAI-ARIA patterns to meet the accessibility. The following ARIA attributes are used in the ProgressButton component:
|Provides an accessible name for the icon only ProgressButton.
|Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
The ProgressButton 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 ProgressButton component.
|To do this
|Enter / Space
|Starts the progress.
The accessibility compliance of the ProgressButton component is shown in the following sample. Open the sample in a new window to evaluate the accessibility of the ProgressButton component with accessibility tools.