Fix: Drawer heading focus (Fixes: #400)

[joe-replin]

Fix

• Fixes Drawer header label not announced #400

Testing

1. Tab through drawer until drawer heading is heard (ex. "Top of side drawer")
2. Test that the aria-label is the same within Firefox and then Chrome for good measure

[cahirodoherty-learningpool]

👀

[swashbuck]

The defer: false change fixes the timing so the heading gets announced. However, it caused VO to read "Top of side drawer" twice (once as the dialog name, once as a focused/clickable element).

Root cause: #drawer-heading is a hidden, label-only span. focusFirst was forcing focus onto it (adding tabindex), and it's also the aria-labelledby target, so it announced twice.

Pushed two small changes:

• drawerView.js: focus the dialog itself (a11y.focus) rather than the heading span, so the dialog's accessible name is announced once.
• drawer.hbs: aria-hidden="true" on #drawer-heading. It still resolves as the aria-labelledby name source, but drops out of the browse order so it isn't read a second time.

I tested in VoiceOver, so it now reads once on open as expected. Worth a check in NVDA/JAWS too.

Posted via collaboration with Claude Code