From 744d284069b00d66368caff6ab6aefddfcd37515 Mon Sep 17 00:00:00 2001
From: Devin Binnie <52460000+devinbinnie@users.noreply.github.com>
Date: Tue, 17 Jun 2025 14:23:00 -0400
Subject: [PATCH] Fix delete button aria-label on User Groups list modal
 (#31651)

---
 .../view_user_group_list_item.tsx                         | 8 +++++++-
 webapp/channels/src/i18n/en.json                          | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/webapp/channels/src/components/view_user_group_modal/view_user_group_list_item/view_user_group_list_item.tsx b/webapp/channels/src/components/view_user_group_modal/view_user_group_list_item/view_user_group_list_item.tsx
index 38658904cfc..36f10fbd1db 100644
--- a/webapp/channels/src/components/view_user_group_modal/view_user_group_list_item/view_user_group_list_item.tsx
+++ b/webapp/channels/src/components/view_user_group_modal/view_user_group_list_item/view_user_group_list_item.tsx
@@ -2,6 +2,7 @@
 // See LICENSE.txt for license information.
 
 import React, {useCallback} from 'react';
+import {useIntl} from 'react-intl';
 import {useSelector} from 'react-redux';
 
 import type {Group} from '@mattermost/types/groups';
@@ -31,6 +32,7 @@ export type Props = {
 }
 
 const ViewUserGroupListItem = (props: Props) => {
+    const {formatMessage} = useIntl();
     const {
         user,
         group,
@@ -76,10 +78,14 @@ const ViewUserGroupListItem = (props: Props) => {
                 <button
                     type='button'
                     className='remove-group-member btn btn-icon btn-xs'
-                    aria-label='Close'
+                    aria-label={formatMessage({
+                        id: 'view_user_group_list_item.removeUserFromGroup',
+                        defaultMessage: 'Remove {user} from group',
+                    }, {user: Utils.getFullName(user)})}
                     onClick={removeUserFromGroup}
                 >
                     <i
+                        aria-hidden='true'
                         className='icon icon-trash-can-outline'
                     />
                 </button>
diff --git a/webapp/channels/src/i18n/en.json b/webapp/channels/src/i18n/en.json
index f826f5bde43..0719adc49ba 100644
--- a/webapp/channels/src/i18n/en.json
+++ b/webapp/channels/src/i18n/en.json
@@ -6280,6 +6280,7 @@
   "view_image.zoom_out": "Zoom Out",
   "view_image.zoom_reset": "Reset Zoom",
   "view_user_group_header_sub_menu.menuAriaLabel": "User group actions",
+  "view_user_group_list_item.removeUserFromGroup": "Remove {user} from group",
   "view_user_group_modal.ldapSynced": "AD/LDAP SYNCED",
   "view_user_group_modal.memberCount": "{member_count} {member_count, plural, one {Member} other {Members}}",
   "view_user_group_modal.pluginSynced": "Plugin SYNCED",