Look into alternative approach to title attribute for long text

[elycheea]

The filter panel (and the labels) have very limited horizontal space. It's easy for database-driven labels to be long enough to get cut off. A title would at least allow a user to hover over the label and see the full text.

This has been a theme that’s come up in discussion with @kristastarr on the Datagrid reviews too. I think we can keep as is for this first PR even though I don’t think this is preferred behavior based on what I’ve started reading.

Since it applies to Datagrid as well, I think we should open this as further issue/discussion.

Originally posted by @elycheea in #4563 (comment)

More reading

• Tooltips in the time of WCAG 2.1
• Using aria-labelledby to concatenate a label from several text nodes
• Understanding SC 1.4.10: Reflow (Level AA) techniques

Tasks

Preview Give feedback

1. Update title on overflow in datagrid headers and cells #4581
   0 of 3
   component: Datagrid needs: design opinion type: a11y ♿ +3
2. Update in tearsheet description
3. Update in page header description
4. [Feature Request]: Add title to the PageHeader subtitle #6534
   component: PageHeader role: dev type: enhancement 💡 +3
   

[paul-balchin-ibm]

Years ago I had demoed variant layouts for showing multiple values per cell in a table. For some apps this seems to be a common problem. CodeSandBox. This might add to the conversation.

The last example at the bottom of the last page might be the most useful.

(Please forgive the clumsy coding and documentation; it was early days and I was in a rush. 😅)

[ljcarot]

@elycheea When you get a chance, can you please evaluate this Epic and determine if it is still relevant? Thx cc: @RichKummer