HelpBot Assistant

How can I help you?

Accessibility in Angular Uploader component

26 Feb 20264 minutes to read

The Uploader component adheres to accessibility guidelines and standards, including ADA, Section 508, WCAG 2.2 standards, and WCAG roles that are used to evaluate accessibility.

The following table outlines the accessibility compliance status of the Uploader component:

Accessibility Criteria Compatibility
WCAG 2.2 Support Yes
Section 508 Support Yes
Screen Reader Support Yes
Right-To-Left Support Yes
Color Contrast Yes
Mobile Device Support Yes
Keyboard Navigation Support Yes
Accessibility Checker Validation Yes
Axe-core Accessibility Validation Yes
Yes - All features of the component meet the requirement.
Intermediate - Some features of the component do not meet the requirement.
No - The component does not meet the requirement.

Keyboard interaction

The following table lists the standard keyboard shortcuts supported by the Uploader component:

Keyboard shortcut Action
Tab Move focus to the next element.
Shift + Tab Move focus to the previous element.
Enter Trigger the action associated with the focused button element.
Esc Close the file browser dialog and cancel the upload operation. 
import { NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'
import { UploaderModule } from '@syncfusion/ej2-angular-inputs'




import { Component } from '@angular/core';

@Component({
imports: [
         UploaderModule
    ],


standalone: true,
    selector: 'app-root',
    template: `
               <ejs-uploader #defaultupload  [asyncSettings]='path'></ejs-uploader>
              `
})
export class AppComponent {
     public path: Object = {
      saveUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Save',
      removeUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Remove' };
    constructor() {
    }
}
import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import 'zone.js';
bootstrapApplication(AppComponent).catch((err) => console.error(err));

You can also explore Angular File Upload feature tour page for its groundbreaking features. You can also explore our Angular File Upload example to understand how to browse the files which you want to upload to the server.

Ensuring accessibility

The Uploader component’s accessibility compliance is validated using accessibility-checker and axe-core tools during automated testing.

The following sample demonstrates the accessibility compliance of the Uploader component. Open the sample in a new window to evaluate the component’s accessibility using industry-standard tools.

See also