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.

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

[Tooltip] needs additional functionality to make it accessible #5488

Closed
aledavila opened this issue Feb 28, 2020 · 2 comments · Fixed by #5489
Closed

[Tooltip] needs additional functionality to make it accessible #5488

aledavila opened this issue Feb 28, 2020 · 2 comments · Fixed by #5489
Assignees
@emyarod
Labels
component: tooltip role: dev 🤖 severity: 1 https://ibm.biz/carbon-severity type: a11y ♿

Comments

@aledavila
Copy link
Contributor

aledavila commented Feb 28, 2020 •
edited by joshblack
Loading

Because tooltip has now become a non-modal dialog we need to add a couple of things for accessibility requirements.

  1. When tooltip opens focus needs to shift to an item inside tooltip
  2. We need a prop to allow user to choose what receives focus first
  3. Tabbing should take you out and tooltip should close after tabbing out Should be a focus trap

Additional info: https://accessuse.eu/en/non-modal-dialogs.html
User-activated popups with interactive elements
@aledavila aledavila changed the title Tooltip needs additional functionality to make it accessible [Tooltip] needs additional functionality to make it accessible Feb 28, 2020
@emyarod
Copy link
Member

emyarod commented Feb 28, 2020

related #1264 #5365

@emyarod emyarod self-assigned this Feb 28, 2020
@emyarod emyarod mentioned this issue Feb 28, 2020
Merged
@aledavila
Copy link
Contributor Author

Heres an example of a tooltip with interactive elements: https://dequeuniversity.com/library/aria/sf-basic-patterns/sf-tooltip-dialog

@joshblack joshblack mentioned this issue Mar 5, 2020
Closed
82 tasks
@joshblack joshblack mentioned this issue Mar 27, 2020
Closed
79 tasks
@FrivalszkyP FrivalszkyP mentioned this issue Apr 28, 2020
Closed
@alisonjoseph alisonjoseph mentioned this issue May 4, 2020
Closed
67 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@emyarod emyarod

Labels
component: tooltip role: dev 🤖 severity: 1 https://ibm.biz/carbon-severity type: a11y ♿
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(FloatingMenu): conditionally set focus in floating menu on menu open emyarod/carbon
2 participants
@emyarod @aledavila