From 567248d5c5b2a792df5f693d0ec01769f9a643e7 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Thu, 30 Mar 2023 10:26:19 +0100
Subject: [PATCH] Add aria labels to message search bar to improve
 accessibility (#10476)

---
 src/components/views/rooms/SearchBar.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/views/rooms/SearchBar.tsx b/src/components/views/rooms/SearchBar.tsx
index 7f5fa794711..c75b340c29a 100644
--- a/src/components/views/rooms/SearchBar.tsx
+++ b/src/components/views/rooms/SearchBar.tsx
@@ -123,9 +123,17 @@ export default class SearchBar extends React.Component<IProps, IState> {
                             placeholder={_t("Search…")}
                             onKeyDown={this.onSearchChange}
                         />
-                        <AccessibleButton className={searchButtonClasses} onClick={this.onSearch} />
+                        <AccessibleButton
+                            className={searchButtonClasses}
+                            onClick={this.onSearch}
+                            aria-label={_t("Search")}
+                        />
                     </div>
-                    <AccessibleButton className="mx_SearchBar_cancel" onClick={this.props.onCancelClick} />
+                    <AccessibleButton
+                        className="mx_SearchBar_cancel"
+                        onClick={this.props.onCancelClick}
+                        aria-label={_t("Cancel")}
+                    />
                 </div>
                 <SearchWarning isRoomEncrypted={this.props.isRoomEncrypted} kind={WarningKind.Search} />
             </>