From e50a810f23d181d8cdad74f1e3c1cc4971ebd88a Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Mon, 23 Jan 2023 20:25:47 -0800
Subject: [PATCH] Add label for display name input. For #1826

---
 web/components/modals/NameChangeModal/NameChangeModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/components/modals/NameChangeModal/NameChangeModal.tsx b/web/components/modals/NameChangeModal/NameChangeModal.tsx
index 84e1f07c1..8beb1a144 100644
--- a/web/components/modals/NameChangeModal/NameChangeModal.tsx
+++ b/web/components/modals/NameChangeModal/NameChangeModal.tsx
@@ -77,6 +77,7 @@ export const NameChangeModal: FC = () => {
           value={newName}
           onChange={e => setNewName(e.target.value)}
           placeholder="Your chat display name"
+          aria-label="Your chat display name"
           maxLength={30}
           showCount
           defaultValue={displayName}
@@ -90,7 +91,7 @@ export const NameChangeModal: FC = () => {
         >
           {colorOptions.map(e => (
             <Option key={e.toString()} title={e}>
-              <UserColor color={e} />
+              <UserColor color={e} aria-label={e.toString()} />
             </Option>
           ))}
         </Select>