Build your web apps using Smart UI
Smart.Form - Accessibility
Form provides a built-in compliance with WAI-ARIA specification. This is achieved through attributes like role, aria-label, aria-expanded, aria-hidden and others. They are applied to the corresponding elements inside the template of the components.
The purpose of the ARIA attributes is to help disabled people by providing the information specific to the component to assistive technology in the screen readers.
The following ARIA attributes are used in the Form:
- aria-disabled - indicates that a Form's item interaction is disabled.
- aria-readonly - indicates that the Form is not editable but is otherwise operable.
- aria-activedescendant - the attribute points to the id of the currently focused item.
- aria-hidden - indicates that there are elements from the internal structure of the Form that do not take part in the interaction with the component and will not be mapped to the accessibility API.
- aria-label - defines the label of the Form. It is also applied to the List items inside the popup to label them as well.
The following keyboard shortcuts are available to interact with the Form Controls:
|Tab||Focuses the next item.|
|Shift + Tab||Focuses the next item.|
|Enter||When the focused item is a button, clicks the Button.|
Additional information on WAI-ARIA for the SMART Framework can be found here.