How do I handle the "X" at the upper right corner of my web site modals in order to make the modal as accessible as possible for users with screen readers but also for keyboard users?
As I see it, there are to ways to go:
Hide it from those users (since it till break the workflow) by setting `aria-hidden=”true”, remove it from the tab order and simply let the user rely on the buttons at the bottom of the modal to close it?
Add an `aria-label=”Close dialog” and include the "X" in the tab order to make that close-feature more obvious?
Sure, there are a lot of other things one shall have in mind when creating accessible modals, but let´s stick to this simple topic for now.