Accessibility in Blazor File Upload Component
7 Nov 20253 minutes to read
The Syncfusion Blazor File Upload component follows accessibility guidelines and standards, including ADA, Section 508, and WCAG 2.2. It offers built-in ARIA accessibility support, making it compatible with screen readers and other assistive technologies.
The accessibility compliance for the Blazor File Upload component is outlined below:
- All features of the component meet the requirement.
- Some features of the component do not fully meet the requirement.
- The component does not meet the requirement.Keyboard Navigation
The Blazor Uploader component includes complete ARIA support for operation with screen readers and other assistive technologies. Focus moves predictably through interactive elements such as the browse button, file list items, and action buttons (remove, retry, and clear). Status updates (for example, upload progress and error messages) are exposed to assistive technologies.
The following are the standard keys that work in the Uploader component:
| Windows | Mac | Actions |
|---|---|---|
| Tab | Tab | Moves focus to the next focusable element. |
| Shift + Tab | ⇧ + Tab | Moves focus to the previous focusable element. |
| Enter | Enter | Triggers the action associated with the focused button element. |
| Esc | Esc | Closes the file selection dialog. If a file drop is in progress, it cancels the upload. |
Ensuring Accessibility
The Blazor File Upload component’s accessibility levels are ensured through an axe-core software tool during automated testing.
The accessibility compliance of the File Upload component is shown in the following sample. Open the sample in a new window to evaluate the accessibility of the component with accessibility tools.