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

[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

Comments

@aledavila
Copy link
Contributor

aledavila commented Feb 28, 2020

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

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants