Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: a11y status for menu button #4313

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

riddhybansal
Copy link
Contributor

Closes #4241

Added Combo button and Overflow menu to a11y tab in menubuttons and fixed github link for menu button

Changelog

New

Added Combo button and Overflow menu to a11y tab in menubuttons and fixed github link for menu button

Copy link

vercel bot commented Oct 7, 2024

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

Name Status Preview Comments Updated (UTC)
carbondesignsystem ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 10, 2024 1:13pm

@riddhybansal
Copy link
Contributor Author

Hey there @alisonjoseph the issue for wrong menu button github link is that in storybook its "Menu button" but in carbon website its "Menu buttons" which is making incorrect github url. For now I fixed it with a hack because I was not sure renaming Menu buttons as "Menu button" as it can break other things too in carbon website !! what do you think ?

Copy link
Member

@alisonjoseph alisonjoseph left a comment

Choose a reason for hiding this comment

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

I think we could just pull in "Menu button" directly vs. adding custom logic here. Also I think it would be good to add the additional components to the Usage page a11y status cards.

<A11yStatus layout="table" components="Menu buttons" />
<A11yStatus
layout="table"
components={['Menu buttons', 'Combo button', 'Overflow menu']}
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
components={['Menu buttons', 'Combo button', 'Overflow menu']}
components={['Menu button', 'Combo button', 'Overflow menu']}

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I already did that but there is no component called menu button so its not even getting rendered in the table thats what I was not sure about either I should rename to component in carbon website or I should do that CUSTOM LOGIC , as I think renaming the component might break many things in website.

Copy link
Member

Choose a reason for hiding this comment

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

Ah I think I know what's missing. This needs to get added to the data/components.json for Menu Button to show up.

{
  "component": "Menu button",
  "parentComponent": "Menu buttons",
  "overview": false,
  "testing": {
    "screenreader": "manual"
  }
},

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.

[Menu buttons] Accessibility status is missing for Combo button and Overflow menu
2 participants