Skip to main content

ARIA Accessbility

Adding Accessible Rich Internet Applications (ARIA)

ARIA provides easy access to the content for people with disabilities with help of screen reader.

Please note that, if you are using JSX template, you may not be able to import the type CustomAriaType. However you can refer this documentation and pass the custom styles without importing type.

Import CustomAriaType from the module (Optional).

import { CustomAriaType } from 'react-autocomplete-plugin';
AttributesRequiredDescription
ariaRoleNoAdds ARIA role to input textfield. Default value is textbox.
ariaRoleDescriptionNoAdds ARIA role description to input textfield. Default value is Autocomplete input field.
ariaInputFieldNoAdds ARIA label to input textfield
ariaNoSearchResultNoAdds ARIA label to no result found li item
ariaULListNoAdds ARIA label to ul list item
ariaListContainerNoAdds ARIA label to list container div.
ariaInputLabelNoAdds ARIA label to label field.
ariaViewMoreNoAdds ARIA label to View More li item.