Skip to content

Conversation

@aduh95
Copy link
Contributor

@aduh95 aduh95 commented Feb 1, 2025

Description

As I was trying around navigating the website with VoiceOver, I noticed the current design is kinda confusing:

  • when the nav menu is closed, and the user focuses the checkbox, VoiceOver says "Show navigation menu, tickbox, unticked" (so far so good).
  • when the nav menu is open, and the user focuses the checkbox, VoiceOver says "Close navigation menu, tickbox, ticked", which may be kind of confusing. If the user is not able to get visual clues to know if the menu is actually currently opened, they might assume the menu is actually closed (since the checkbox is ticked).

TBH I'm not at all confident which version is the correct one, if someone who are a screen reader user could chime in, that'd be much appreciated.
An alternative would be to use a more verbose label (such as "Navigation menu is currently closed, tick the box to open it", and "Navigation menu is currently open, untick the box to close it"), not sure if this is preferable.

Validation

Related Issues

#7427

Check List

  • 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.

@aduh95 aduh95 requested a review from a team as a code owner February 1, 2025 22:09
@vercel
Copy link

vercel bot commented Feb 1, 2025

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

Name Status Preview Updated (UTC)
nodejs-org ✅ Ready (Inspect) Visit Preview Feb 6, 2025 9:54pm

Copy link
Member

@AugustinMauroy AugustinMauroy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

maybe something like toggle ?

@aduh95
Copy link
Contributor Author

aduh95 commented Feb 6, 2025

maybe something like toggle ?

I don't understand your comment, can you clarify?

Signed-off-by: Antoine du Hamel <[email protected]>
Copy link
Member

@AugustinMauroy AugustinMauroy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGMT !

@github-actions
Copy link
Contributor

github-actions bot commented Feb 7, 2025

Lighthouse Results

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

@github-actions
Copy link
Contributor

github-actions bot commented Feb 7, 2025

Unit Test Coverage Report

Lines Statements Branches Functions
Coverage: 90%
88.71% (739/833) 75.94% (240/316) 87.65% (142/162)

Unit Test Report

Tests Skipped Failures Errors Time
182 0 💤 0 ❌ 0 🔥 5.477s ⏱️

@ovflowd ovflowd added this pull request to the merge queue Feb 11, 2025
Merged via the queue into nodejs:main with commit 2bbe0fe Feb 11, 2025
15 of 16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants