diff --git a/frontend/src/components/widgets/resource-table/ResourceTable.css b/frontend/src/components/widgets/resource-table/ResourceTable.css index cbbe1a0af0..5b0bf01ddb 100644 --- a/frontend/src/components/widgets/resource-table/ResourceTable.css +++ b/frontend/src/components/widgets/resource-table/ResourceTable.css @@ -160,6 +160,20 @@ color: #1890ff; } +/* Names the action for screen readers without an aria-label, which would + replace the owner text the button's contents already announce. */ +.resource-table-sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip-path: inset(50%); + white-space: nowrap; + border: 0; +} + /* Actions column */ .resource-table-actions { justify-content: flex-end; diff --git a/frontend/src/components/widgets/resource-table/ResourceTable.jsx b/frontend/src/components/widgets/resource-table/ResourceTable.jsx index f2180f939d..3b134e5968 100644 --- a/frontend/src/components/widgets/resource-table/ResourceTable.jsx +++ b/frontend/src/components/widgets/resource-table/ResourceTable.jsx @@ -209,12 +209,6 @@ function ResourceTable({ item?.co_owners_count > 1 ? ` +${item.co_owners_count - 1}` : ""; const initials = (email || name).slice(0, 2).toUpperCase(); const swatch = colorForSeed(email || name); - // With co-owners, name only the primary inline (+N); the tooltip lists all - // owners so search hitting a hidden co-owner is still explainable. - const ownerTooltip = - Array.isArray(ownerEmails) && ownerEmails.length > 1 - ? ownerEmails.join(", ") - : `${name}${extra}`; const cell = ( @@ -228,7 +222,7 @@ function ResourceTable({
{name} {extra} @@ -250,18 +244,19 @@ function ResourceTable({ return cell; } return ( - - - + ); };