Accessibility · Library v2.6.0
Form Builder and Drag Drop Accessibility Overview
Drag-and-drop items support keyboard reordering within their current list. Form Builder applications also need accessible editing and movement controls.
Keyboard interaction
| Key | Action |
|---|---|
| Tab | Focus an enabled drag item. |
| Space | Begin a keyboard drag. |
| Up / Down | Move within the source list. |
| Enter | Drop at the current position. |
| Escape | Cancel and restore the original position. |
In your application
- Provide clear instructions before the list and meaningful item labels.
- Offer move-to-list buttons for cross-list workflows and label generated form fields.
- Verify move/cancel announcements in the complete application.
Keep focus indicators visible, check contrast with your theme, and test at browser zoom. Try the component examples using only a keyboard.
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.