Form Accessibility

Accesibility Attributes

Web accessibility makes web content and web applications more accessible to disabled people. It's especially helpful in dynamic content changes and development of advanced user interface components with HTML, Javascript and related technologies. Smart HTML elements framework offers full accessibility support for it's web components.

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.

Keyboard Interaction

The following keyboard shortcuts are available to interact with the Form Controls:

Key Action
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.