Accessibility · Library v2.6.0

Form Builder and Drag Drop WAI-ARIA Support

Drag-and-drop items support keyboard reordering within their current list. Form Builder applications also need accessible editing and movement controls.

Roles, states and properties

These describe the installed implementation. ARIA communicates meaning; keyboard handlers and application code provide the interaction.

Form Builder and Drag Drop accessibility semantics
ElementSemanticsBehavior
Listaria-labeldndAriaLabel names the list.
Drag itemtabindex="0", aria-grabbedItems can receive focus. aria-grabbed is legacy ARIA and should not be treated as a modern drag-and-drop pattern.

Current limitations

  • Keyboard cross-list transfers are not provided by the current item keyboard handler.
  • Custom Form Builder layouts need their own focus restoration and error associations.

This reference is based on the shipped source. It is not a WCAG conformance certificate or a claim that every browser and screen reader combination has been tested.

See the W3C ARIA Authoring Practices Guide for guidance on custom controls.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.