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: Updated the Dropdown component's Usage tab to address a11y comments #4346

Merged

Conversation

Kritvi-bhatia17
Copy link
Contributor

Closes #3526

This PR updates the Dropdown component Usage tab to incorporate comments from the referenced issue. Additionally, the content on the Usage tab has been aligned with the latest focus state discussion.

Changelog

Changed

  • Content within several sections has been updated to address the comments (Ref: Figma file).
  • Updated the images with latest focus state discussion.

Copy link

vercel bot commented Oct 31, 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 Nov 18, 2024 3:39pm

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

Only a couple small changes!

src/pages/components/dropdown/usage.mdx Outdated Show resolved Hide resolved
src/pages/components/dropdown/usage.mdx Outdated Show resolved Hide resolved
src/pages/components/dropdown/usage.mdx Show resolved Hide resolved
src/pages/components/dropdown/usage.mdx Outdated Show resolved Hide resolved
src/pages/components/dropdown/usage.mdx Outdated Show resolved Hide resolved
src/pages/components/dropdown/usage.mdx Outdated Show resolved Hide resolved
Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

@Kritvi-bhatia17

  • The AI images (default/fluid) on the Usage tab seem to still have the top border turned on under the focus state. They should be off.
  • In the content section, for the part about the carbon tooltip on ellipses option text, we currently do not show it this way in code; instead, we show a browser-based tooltip. This should be a separate design issue that we need to come to a decision on to have more consistency across our components with how we treat ellipses on text. If a carbon tooltip is the desired design from a11y, we can look into that. Since we don't show this in code right now for dropdowns, I would remove it from these docs for now because we want to show information here that is currently 1:1 with code.

@Kritvi-bhatia17
Copy link
Contributor Author

Hi @mbgower, @tay1orjones, @ariellalgilmore!
Could you please review this PR when you have a moment? Thanks!

Copy link
Member

@tay1orjones tay1orjones left a comment

Choose a reason for hiding this comment

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

LGTM!

@Kritvi-bhatia17
Copy link
Contributor Author

Hi @mbgower, could you please review this PR? Thanks!

@kodiakhq kodiakhq bot merged commit 1bee550 into carbon-design-system:main Nov 18, 2024
7 checks passed
@Kritvi-bhatia17 Kritvi-bhatia17 deleted the Dropdown_a11y(usage) branch November 20, 2024 15:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Dropdown: Usage tab
4 participants