Skip to content

→ Accessibility: Components | CVV Field #1563

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 Nov 16, 2023 · 0 comments
Open
8 tasks
Tracked by #557

→ Accessibility: Components | CVV Field #1563

aweell opened this issue Nov 16, 2023 · 0 comments
Assignees
@aweell
Labels
category: accessibility component: input fields

Comments

@aweell
Copy link
Collaborator

aweell commented Nov 16, 2023 •
edited by yceballost
Loading

Epic #557

Description

The CVV Field since includes a tooltip, has a different approach than the rest of the input fields.

  • When using the mouse, the tooltip should be visible in hover
  • When using the keyboard the tooltip must be visible when focusing the field, not the tooltip trigger, and the content of the tooltip must be linked to the field using aria-labelledby

APG documentation

Doc: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
Example: https://codepen.io/Moiety/pen/LaPvWy

Tasks

  • Update specs
  • Design documentation
  • Add to mobile library
  • Add to desktop library
  • Add to UI Kit
  • Android ticket
  • iOS ticket
  • Web ticket
@aweell aweell added this to the 12.0.0 milestone Nov 16, 2023
@aweell aweell self-assigned this Nov 16, 2023
@yceballost yceballost mentioned this issue Nov 16, 2023
Open
23 tasks
@yceballost yceballost modified the milestones: 12.0.0, 12.1.0 Jan 8, 2024
@yceballost yceballost removed this from the 12.1.0 milestone Jan 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@aweell aweell

Labels
category: accessibility component: input fields
Projects
Mística Design System
Status: Backlog
Milestone
No milestone
Development

No branches or pull requests
2 participants
@yceballost @aweell