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

When user uses keyboard to move to a field, if text is too large,it does not display fully #7451

Closed
alon24 opened this issue Dec 14, 2020 · 4 comments

Comments

@alon24
Copy link

alon24 commented Dec 14, 2020

In overflow menu, and in table when there is text (the text for the current menuitem, or table cell) which does not display fully there is an accessibility issue.

When hovering over the text (overflow or table cell) the title is displayed as a tooltip, automaticaly.
BUT when user moves keyboard to the cell/menuitem (not mouse) then the text is never fully displayed
Based on this conversationhttps://ibm-cloudplatform.slack.com/archives/C036P1CTN/p1607934465151500 I am opening this bug.

Open overflow menu, user with keyboard only is not able to see full text of links (this is in different langs which have different text, so the width does not hold the full text)

image
image

@dakahn
Copy link
Contributor

dakahn commented Jan 16, 2021

The ask here is to have any components that allow string truncation ('hi how are y....') to throw a custom Tooltip on focus (either via hover or keybaord) instead of relying on the title attribute.

This makes sense to me. Truncation as is seems problematic for any non-mouse user.

@alon24
Copy link
Author

alon24 commented Jan 28, 2021

Any update? anyone?

@emyarod
Copy link
Member

emyarod commented Jan 28, 2021

this will require a bit of research but here are a few related issues

#6605
#7088

cc @dakahn is allowing rich tooltips within overflow menu items alright now in the case of disabled items within the tooltip (in the issues linked above)?

@emyarod emyarod removed their assignment Jan 28, 2021
@dakahn
Copy link
Contributor

dakahn commented Feb 3, 2021

looking at my past comment here

i think that guidance is still right. if we stay away from native tooltips and instead use a dialog or a popover for this that triggers on focus (etc etc) we can make this work. could take a bit of prototyping size/shape/position (probably what you meant by bit of research).

@carbon-design-system/design does a carbon tooltip triggered on focus of overflow menu items comply with spec for both tooltip and overflow menu?

@joshblack is there anything I'm not thinking of here? I know we've talked about similar issues before regarding truncation and popovers.

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

No branches or pull requests

4 participants