Accessibility issue with Drawer

[paulGeoghegan]

Describe the bug

A bug is a demonstrable problem caused by code in the library. Please provide a clear and concise description of what the bug is here.
Focus is not handled correctly for screen readers when you try to open the drawer as it just brings you to a part of the page that says dialog and you can't read what is in the drawer. You can just press enter again to properly open it but it is a bit confusing. I think adding the autofocus attribute would probably fix this issue. It should probably be on the close button at the top or the header if there is one.
This bug also applies to other components that use the dialog element.

To Reproduce

Steps to reproduce the behavior:

1. Go to https://backers.webawesome.com/docs/components/drawer,
2. Navigate to an example of a drawer,
3. Try to open the drawer while using a screen reader like NVDA,
4. Focus is moved to the incorrect position.

Browser / OS

• OS: Windows
• Browser: Firefox
• Browser version: 127.0.2
• Screen Reader: NVDA