search

IgniteUI / igniteui-angular

Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
https://www.infragistics.com/products/ignite-ui-angular
Other
572 stars 161 forks source link

a11y: improve input group accessibility #8925

Closed desig9stein closed 3 years ago

desig9stein commented 3 years ago

Description

Provide an accessible experience for igx-input-group.

  1. If the input-group has a label, it should automatically be used as the aria-label for the input filed
  2. if the input-group has hint it should be added to the aria-describedby list of the input field
  3. aria-invalid should be added and automatically updated based on the input's validity state.
  4. aria-required should be added if the input is a required field.
  5. To notify the user that there is a problem, Add role="alert" to the error message.

NOTE: According to MDN aria-required is required only for browsers that do not yet support ARIA.

Attachments

Attach a sample if available, and screenshots, if applicable.

github-actions[bot] commented 3 years ago

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] commented 3 years ago

There has been no recent activity and this issue has been marked inactive.

Lipata commented 3 years ago

Moved to samples repo: https://github.com/IgniteUI/igniteui-angular-samples/issues/2739