video1.0<iframe src="https://www.loom.com/embed/51892e0880d84ee8a79c5765123af051" frameborder="0" width="1716" height="1287" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>12871716Loomhttps://www.loom.com12871716https://cdn.loom.com/sessions/thumbnails/51892e0880d84ee8a79c5765123af051-b4aea227ed1e2834.gif285.091In this video, I discuss the challenges we face with keyboard accessibility in modal dialogs and introduce a new "dialog-position" package published on NPM. I highlight how the native HTML element simplifies focus management, which is now supported by around 96% of browsers globally. I also share a simple CSS style sheet that allows for flexible positioning of modal dialogs using data attributes. Please take a look at the demo I created to see how it works, and let me know your thoughts!