Search results

Accessibility in React Uploader component

The uploader component characterized with complete ARIA accessibility support that helps to be accessible by on-screen readers and other assistive technology devices.

Keyboard interaction

The following are the standard keys that works on uploader component.

 Keyboard shortcuts   Actions 
 Tab  Move focus to next element.
 Shift + Tab  Move focus to previous element.
 Enter  Triggers corresponding action to button element.
 Esc  Close the file browser dialog alone and cancels the upload on drop the file.
import { UploaderComponent } from '@syncfusion/ej2-react-inputs';
import * as React from 'react';
import * as ReactDOM from "react-dom";

export default class App extends React.Component<{}, {}> {
  public path: object = {
    removeUrl: '',
    saveUrl: ''
  public render() {
    return (
      <UploaderComponent autoUpload={false} asyncSettings={this.path} />

ReactDOM.render(<App />, document.getElementById('fileupload'));