Go ProSign in

    Customize Screen Reader Messages for Drag and Drop with react-beautiful-dnd

    Alex ReardonAlex Reardon

    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

    You must be a Member to view code