Distinguish change forms in account settings (#2142)

mitodl · Mar 27, 2024 · a570ff9 · a570ff9
1 parent dd9efc8
commit a570ff9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/public/src/components/forms/ChangeEmailForm.js b/frontend/public/src/components/forms/ChangeEmailForm.js
@@ -31,7 +31,7 @@ const ChangeEmailForm = ({ onSubmit, user }: Props) => {
       render={({ isSubmitting }) => (
         <Form>
           <section className="email-section">
-            <h2>Change Email</h2>
+            <h2 aria-label="Change Email Form">Change Email</h2>
             <div className="form-group">
               <CardLabel htmlFor="email" isRequired={true} label="Email" />
               <Field
@@ -69,6 +69,7 @@ const ChangeEmailForm = ({ onSubmit, user }: Props) => {
             <div className="col d-flex justify-content-end">
               <button
                 type="submit"
+                aria-label="sumbit form change email"
                 className="btn btn-primary btn-gradient-red-to-blue"
                 disabled={isSubmitting}
               >

diff --git a/frontend/public/src/components/forms/ChangePasswordForm.js b/frontend/public/src/components/forms/ChangePasswordForm.js
@@ -36,7 +36,7 @@ const ChangePasswordForm = ({ onSubmit }: Props) => (
     render={({ isSubmitting }) => (
       <Form>
         <section className="email-section">
-          <h2>Change Password</h2>
+          <h2 aria-label="Change Password Form">Change Password</h2>
           <div className="form-group">
             <CardLabel
               htmlFor="oldPassword"
@@ -106,6 +106,7 @@ const ChangePasswordForm = ({ onSubmit }: Props) => (
           <div className="col d-flex justify-content-end">
             <button
               type="submit"
+              aria-label="submit form change password"
               className="btn btn-primary btn-gradient-red-to-blue"
               disabled={isSubmitting}
             >