Skip to content

fix(FilterableMultiSelect): fix extra colon #19428

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

Merged

Conversation

wkeese
Copy link
Contributor

@wkeese wkeese commented May 20, 2025

Closes #19424.

Fix extra colon in hidden "Total items selected: : 0" message. Note that it already worked correctly when one or more items were selected.

Also get rid of duplicate (nested) <span class="cds--visually-hidden">.

I don't like the way FilterableMultiSelect adds hidden text to the label, but aria-describedby is already being used to point to the (visible) helper text.

Changelog

Changed

  • Removed extra colon in FilterableMultiSelect's hidden message for screen reader users.

Testing / Reviewing

Test on Storybook with JAWS.

PR Checklist

As the author of this PR, before marking ready for review, confirm you:

  • Reviewed every line of the diff
  • Updated documentation and storybook examples
  • Wrote passing tests that cover this change
  • Addressed any impact on accessibility (a11y)
  • Tested for cross-browser consistency
  • Validated that this code is ready for review and status checks should pass

More details can be found in the pull request guide

Minimal fix for extra colon in hidden "Total items selected: : 0"
message.  Note that it already worked correctly when one or more
items were selected.

I don't like the way FilterableMultiSelect adds hidden text to
the label, but aria-describedby is already being used to point
to the (visible) helper text.

Fixes carbon-design-system#19424.
Copy link

netlify bot commented May 20, 2025

Deploy Preview for v11-carbon-web-components ready!

Name Link
🔨 Latest commit 8dc1a9f
🔍 Latest deploy log https://app.netlify.com/projects/v11-carbon-web-components/deploys/682be70c918f420008b930c5
😎 Deploy Preview https://deploy-preview-19428--v11-carbon-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

netlify bot commented May 20, 2025

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 8dc1a9f
🔍 Latest deploy log https://app.netlify.com/projects/v11-carbon-react/deploys/682be70c93320d0008e53c66
😎 Deploy Preview https://deploy-preview-19428--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

codecov bot commented May 20, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.87%. Comparing base (b8c7071) to head (8dc1a9f).
Report is 2 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #19428   +/-   ##
=======================================
  Coverage   84.87%   84.87%           
=======================================
  Files         372      372           
  Lines       14431    14431           
  Branches     4748     4717   -31     
=======================================
  Hits        12248    12248           
+ Misses       2037     2036    -1     
- Partials      146      147    +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@wkeese wkeese force-pushed the FilterableMultiSelect-extra-colon branch from 26e938c to 8dc1a9f Compare May 20, 2025 02:20
@wkeese wkeese marked this pull request as ready for review May 20, 2025 06:14
@wkeese wkeese requested review from a team as code owners May 20, 2025 06:14
Copy link
Contributor

@riddhybansal riddhybansal left a comment

Choose a reason for hiding this comment

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

LGTM !!

Copy link
Contributor

@heloiselui heloiselui left a comment

Choose a reason for hiding this comment

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

LGTM!

@kennylam kennylam added this pull request to the merge queue May 20, 2025
Merged via the queue into carbon-design-system:main with commit 339dd74 May 20, 2025
53 of 54 checks passed
@carbon-automation
Copy link
Contributor

Hey there! v11.83.0 was just released that references this issue/PR.

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.

[a11y]: Text issue on FilterableMultiSelect
4 participants