Customize Screen Reader Messages for Drag and Drop with react-beautiful-dnd
react-beautiful-dnd enables users with visual impairments to perform drag and drop operations using only a keyboard and screen reader. This lesson will show you how you can customise the preset
react-beautiful-dnd screen reader messaging to power your own domain-specific messaging as well as internationalisation.
We will achieve this by using the
aria-describedby prop on a drag handle as well as the
announce function which is provided to the
DragDropContext callback functions