Bump up modal accessibility with aria attributes and focus trap. Implementations in vanilla JavaScript and React.
Briefly

A dialog may allow you to interact with the rest of the page or block you. If it does block you, it's called a modal.
If the focus remains on the button that triggered the interaction, then you will have a mismatch between the visual and the screen reader.
Read at Adropincalm
[
add
]
[
|
|
]