Skip to content

→ Accessibility: Components | Avoid ellipsis in component labels #2152

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.

Sign up for GitHub

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

Jump to bottom
Open
8 tasks
Tracked by #557
aweell opened this issue Apr 4, 2025 · 1 comment
Open
8 tasks
Tracked by #557

→ Accessibility: Components | Avoid ellipsis in component labels #2152

aweell opened this issue Apr 4, 2025 · 1 comment
Labels
category: accessibility component: buttons component: chip component: input fields component: tag

Comments

@aweell
Copy link
Collaborator

aweell commented Apr 4, 2025 •
edited
Loading

Description

We have identified a possible failure of https://www.w3.org/WAI/WCAG22/Understanding/resize-text.html in some Mística components that truncate their label when the available space is less than their width.

The failure: https://www.w3.org/WAI/WCAG22/Techniques/failures/F69

Components affected:

  • Input fields (label and value)
  • Select
  • Chips
  • Tags
  • Buttons

Example of the issue

Proposal for a solution:

https://www.figma.com/design/LsQMW0UYytjHsLvaxEnzGC/Ellipsis-avoidance-in-components?node-id=0-1&t=yTjIFk0f4E61t5AU-1

Tasks

  • Update specs
  • Design documentation
  • Add to mobile library
  • Add to desktop library
  • Add to UI Kit
  • Android ticket
  • iOS ticket
  • Web ticket
@yceballost
Copy link
Collaborator

Should we link this issue with accessibility project?

@aweell aweell mentioned this issue Apr 7, 2025
Open
23 tasks
@aweell aweell changed the title Avoid ellipsis in component labels → Accessibility | Components: Avoid ellipsis in component labels Apr 7, 2025
@aweell aweell changed the title → Accessibility | Components: Avoid ellipsis in component labels → Accessibility Components: | Avoid ellipsis in component labels Apr 7, 2025
@aweell aweell changed the title → Accessibility Components: | Avoid ellipsis in component labels → Accessibility: Components | Avoid ellipsis in component labels Apr 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
category: accessibility component: buttons component: chip component: input fields component: tag
Projects
Mística Design System
Status: Backlog
Milestone
No milestone
Development

No branches or pull requests
2 participants
@yceballost @aweell