fix(header): set tabIndex to -1

[ShubhamOulkar]

Related Issues

Closes #7585

A11y Test

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run npm run format to ensure the code follows the style guide.
• I have run npm run test to check if all tests are passing.
• I have run npx turbo build to check if the website builds without errors.
• I've covered new added functionality with unit tests if necessary.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	Mar 30, 2025 4:08pm

[avivkeller]

I've confirmed that this fixes the issue described

[github-actions]

Lighthouse Results

URL	Performance	Accessibility	Best Practices	SEO	Report
/en	🟢 99	🟢 100	🟢 100	🟢 91	🔗
/en/about	🟢 100	🟢 100	🟢 100	🟢 91	🔗
/en/about/previous-releases	🟢 100	🟢 100	🟢 100	🟢 92	🔗
/en/download	🟠 89	🟢 100	🟢 100	🟢 91	🔗
/en/blog	🟢 100	🟢 100	🟢 96	🟢 92	🔗

[github-actions]

Unit Test Coverage Report

Title	Lines	Statements	Branches	Functions
@node-core/ui-components		95.83% (161/168)	77.86% (102/131)	88.57% (31/35)
@nodejs/website		84.61% (495/585)	76.03% (165/217)	86.99% (107/123)

Title	Tests	Skipped	Failures	Errors	Time
@node-core/ui-components	24	0 💤	0 ❌	0 🔥	5.133s ⏱️
@nodejs/website	156	0 💤	0 ❌	0 🔥	6.943s ⏱️

[bjohansebas]

I don't have the ability to access the link in the announcement, I don't think that would be the desired outcome.

[avivkeller]

I don't have the ability to access the link in the announcement, I don't think that would be the desired outcome.

Can you elaborate? This doesn't touch the announcement banner AFAICT.

[ShubhamOulkar]

I think you clicked somewhere else and then you checked tabbing, am I correct? Wait I have tested image stored.
a11y test

[bjohansebas]

It works now, I couldn't get it to work before. Sorry for the blockage, LGTM.

[mikeesto]

LGTM, thanks @ShubhamOulkar