Tooltip text for user name

[tonge495]

Hi Paste team,

In the new unified navigation, if a user hovers over the user name on One Support Center, they would see a tooltip that says 'User Name'. Do you have any specific recommendation on what the tooltip text should be (e.g. User name or the actual user's initials)? We were thinking this may have been tied to accessibility considerations (e.g. alt text for screen readers) but were unsure.

[dosubot[bot]]

🤖

Hey @tonge495, great to see you reaching out again! Just rolling through to let you know I've caught your message and I'm on it. Hang tight for a bit, and I'll circle back with what you need to know shortly.

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Tooltip Text Wrapping - Answer (updated: 12/15/2023, similarity score: 85%)
• Menu item descriptions (updated: 08/19/2022, similarity score: 85%)
• Badge in masthead (updated: 06/28/2022, similarity score: 84%)

[dosubot[bot]]

🤖

Based on the information provided in the context, the Paste design system does allow for customization of tooltip text through the text prop in the Tooltip component. This means you can set the tooltip text to either 'User name' or the actual user's initials based on your requirements.

However, when considering accessibility, it's important to ensure that the tooltip text provides meaningful information to all users, including those using screen readers. If the tooltip is used to label an interactive element, the text should describe the action that will occur when the user interacts with it. In this case, if the tooltip is used to label the user's profile or account settings, it might be more appropriate to use a more descriptive label such as 'User account' or 'Profile settings'.

Unfortunately, I couldn't find specific guidelines or standards within the Paste repository regarding tooltip text for user information or for accessibility considerations. It might be beneficial to consult with your team or conduct user testing to determine the most effective tooltip text in this context.

Please note that this is based on the information available in the repository and there might be additional guidelines or best practices that I wasn't able to find. If you need more specific guidance, please provide additional details about your use case.

Sources

• packages/paste-core/components/tooltip/test/index.spec.tsx

About Dosu

This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.

Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

If you want to continue the conversation, start your reply with @dosu-bot.

[TheSisb]

Hi @tonge495,

We have a similar example on the User Dialog page which has a placeholder name of User name, as you show in your image.

The thing being hovered which is showing this browser tooltip is actually an Avatar component. The Avatar component provides this information about what should be provided to name:

The name prop is required on all instances of the Avatar component. This ensures that whether your Avatar is displaying initials, an image, or an icon, the user will be able to access information about what object is being represented by the Avatar. The full string passed to name appears as a title upon hovering the Avatar, and is useful to assistive technology users.

https://paste.twilio.design/components/avatar#accessibility

[tonge495]

Great thank you so much!