diff --git a/app/controllers/frontend_log_controller.rb b/app/controllers/frontend_log_controller.rb
index af6ecd5431b..a2708f4810c 100644
--- a/app/controllers/frontend_log_controller.rb
+++ b/app/controllers/frontend_log_controller.rb
@@ -8,26 +8,28 @@ class FrontendLogController < ApplicationController
   # In rare circumstances, these writes can clobber other, more important writes.
   before_action :skip_session_commit
 
+  # Please try to keep this list alphabetical as well!
   # rubocop:disable Layout/LineLength
   EVENT_MAP = {
-    'IdV: verify in person troubleshooting option clicked' => :idv_verify_in_person_troubleshooting_option_clicked,
-    'IdV: location visited' => :idv_in_person_location_visited,
+    'IdV: consent checkbox toggled' => :idv_consent_checkbox_toggled,
+    'IdV: download personal key' => :idv_personal_key_downloaded,
     'IdV: location submitted' => :idv_in_person_location_submitted,
+    'IdV: location visited' => :idv_in_person_location_visited,
     'IdV: Mobile device and camera check' => :idv_mobile_device_and_camera_check,
-    'IdV: prepare visited' => :idv_in_person_prepare_visited,
-    'IdV: prepare submitted' => :idv_in_person_prepare_submitted,
-    'IdV: switch_back visited' => :idv_in_person_switch_back_visited,
-    'IdV: switch_back submitted' => :idv_in_person_switch_back_submitted,
-    'IdV: download personal key' => :idv_personal_key_downloaded,
     'IdV: Native camera forced after failed attempts' => :idv_native_camera_forced,
-    'Multi-Factor Authentication: download backup code' => :multi_factor_auth_backup_code_download,
-    'Show Password button clicked' => :show_password_button_clicked,
     'IdV: personal key acknowledgment toggled' => :idv_personal_key_acknowledgment_toggled,
+    'IdV: prepare submitted' => :idv_in_person_prepare_submitted,
+    'IdV: prepare visited' => :idv_in_person_prepare_visited,
+    'IdV: switch_back submitted' => :idv_in_person_switch_back_submitted,
+    'IdV: switch_back visited' => :idv_in_person_switch_back_visited,
     'IdV: user clicked sp link on ready to verify page' => :idv_in_person_ready_to_verify_sp_link_clicked,
     'IdV: user clicked what to bring link on ready to verify page' => :idv_in_person_ready_to_verify_what_to_bring_link_clicked,
-    'IdV: consent checkbox toggled' => :idv_consent_checkbox_toggled,
-    'User prompted before navigation' => :user_prompted_before_navigation,
+    'IdV: verify in person troubleshooting option clicked' => :idv_verify_in_person_troubleshooting_option_clicked,
+    'Multi-Factor Authentication: download backup code' => :multi_factor_auth_backup_code_download,
+    'Show Password button clicked' => :show_password_button_clicked,
+    'Sign In: IdV requirements accordion clicked' => :sign_in_idv_requirements_accordion_clicked,
     'User prompted before navigation and still on page' => :user_prompted_before_navigation_and_still_on_page,
+    'User prompted before navigation' => :user_prompted_before_navigation,
   }.transform_values { |method| AnalyticsEvents.instance_method(method) }.freeze
   # rubocop:enable Layout/LineLength
 
diff --git a/app/javascript/packages/components/accordion.tsx b/app/javascript/packages/components/accordion.tsx
deleted file mode 100644
index 4625a07dc6e..00000000000
--- a/app/javascript/packages/components/accordion.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useRef } from 'react';
-import type { ReactNode } from 'react';
-import { useInstanceId } from '@18f/identity-react-hooks';
-
-interface AccordionProps {
-  header: string;
-
-  children: ReactNode;
-}
-
-function Accordion({ header, children }: AccordionProps) {
-  const uniqueId = useInstanceId();
-  const ref = useRef(null as HTMLDivElement | null);
-
-  return (
-    <div ref={ref}>
-      <div className="usa-accordion usa-accordion--bordered">
-        <div className="usa-accordion__heading">
-          <button
-            type="button"
-            className="usa-accordion__button"
-            aria-expanded="false"
-            aria-controls={`accordion-${uniqueId}`}
-          >
-            {header}
-          </button>
-        </div>
-        <div id={`accordion-${uniqueId}`} className="usa-accordion__content usa-prose" hidden>
-          {children}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default Accordion;
diff --git a/app/javascript/packages/components/index.ts b/app/javascript/packages/components/index.ts
index ded5fb07dc3..c3b5dac43ee 100644
--- a/app/javascript/packages/components/index.ts
+++ b/app/javascript/packages/components/index.ts
@@ -1,4 +1,3 @@
-export { default as Accordion } from './accordion';
 export { default as Alert } from './alert';
 export { default as BlockLink } from './block-link';
 export { default as Button } from './button';
diff --git a/app/services/analytics_events.rb b/app/services/analytics_events.rb
index d5c92c8288f..b0fe5253f43 100644
--- a/app/services/analytics_events.rb
+++ b/app/services/analytics_events.rb
@@ -3538,6 +3538,11 @@ def show_password_button_clicked(path:, **extra)
     track_event('Show Password Button Clicked', path: path, **extra)
   end
 
+  # Tracks if a user clicks the "You will also need" accordion on the homepage
+  def sign_in_idv_requirements_accordion_clicked
+    track_event('Sign In: IdV requirements accordion clicked')
+  end
+
   # @param [String] flash
   # @param [String] stored_location
   # tracks when a user visits the sign in page
diff --git a/app/views/sign_up/registrations/_required_pii_accordion.html.erb b/app/views/sign_up/registrations/_required_pii_accordion.html.erb
index 15c157aa501..14456523cf0 100644
--- a/app/views/sign_up/registrations/_required_pii_accordion.html.erb
+++ b/app/views/sign_up/registrations/_required_pii_accordion.html.erb
@@ -8,63 +8,65 @@
   </span>
 </p>
 
-<%= render AccordionComponent.new(class: 'margin-y-2') do |c| %>
-  <% c.with_header { t('devise.registrations.start.accordion') } %>
-  <p class="grid-row grid-gutter">
-    <%= image_tag(
-          asset_url('get-started/email-password.svg'),
-          size: '40', alt: t('devise.registrations.start.bullet_1_img'), class: 'margin-top-05 grid-col-auto',
-        ) %>
-    <span class="grid-col-fill padding-left-2">
-      <%= t('devise.registrations.start.bullet_1_html') %>
-    </span>
-  </p>
-  <p class="grid-row grid-gutter">
-    <%= image_tag(
-          asset_url('get-started/2FA.svg'),
-          size: '40', alt: t('devise.registrations.start.bullet_2_img'), class: 'margin-top-05 grid-col-auto',
-        ) %>
-    <span class="grid-col-fill padding-left-2">
-      <%= t('devise.registrations.start.bullet_2_html') %>
-    </span>
-  </p>
-  <p class="grid-row grid-gutter">
-    <%= image_tag(
-          asset_url('get-started/personal-details.svg'),
-          size: '40', alt: t('devise.registrations.start.bullet_3_img'), class: 'margin-top-05 grid-col-auto',
-        ) %>
-    <span class="grid-col-fill padding-left-2">
-      <%= t('devise.registrations.start.bullet_3_html') %>
-    </span>
-  </p>
-  <p class="grid-row grid-gutter">
-    <%= image_tag(
-          asset_url('get-started/personal-details.svg'),
-          size: '40', alt: t('devise.registrations.start.bullet_3_img'), class: 'margin-top-05 grid-col-auto',
-        ) %>
-    <span class="grid-col-fill padding-left-2">
-      <%= t('devise.registrations.start.bullet_4_html') %>
-    </span>
-  </p>
-  <p class="grid-row grid-gutter">
-    <%= image_tag(
-          asset_url('get-started/financial.svg'),
-          size: '40', alt: t('devise.registrations.start.bullet_5_img'), class: 'margin-top-05 grid-col-auto',
-        ) %>
-    <span class="grid-col-fill padding-left-2">
-      <%= t('devise.registrations.start.bullet_5_html') %>
-    </span>
-  </p>
-  <p class="grid-row grid-gutter">
-    <%= image_tag(
-          asset_url('get-started/personal-key.svg'),
-          size: '40', alt: t('devise.registrations.start.bullet_6_img'), class: 'margin-top-05 grid-col-auto',
-        ) %>
-    <span class="grid-col-fill padding-left-2">
-      <%= t('devise.registrations.start.bullet_6_html') %>
-    </span>
-  </p>
-  <p>
-    <%= new_tab_link_to t('devise.registrations.start.learn_more'), MarketingSite.help_url %>
-  </p>
+<%= render ClickObserverComponent.new(event_name: 'Sign In: IdV requirements accordion clicked') do %>
+  <%= render AccordionComponent.new(class: 'margin-y-2') do |c| %>
+    <% c.with_header { t('devise.registrations.start.accordion') } %>
+    <p class="grid-row grid-gutter">
+      <%= image_tag(
+            asset_url('get-started/email-password.svg'),
+            size: '40', alt: t('devise.registrations.start.bullet_1_img'), class: 'margin-top-05 grid-col-auto',
+          ) %>
+      <span class="grid-col-fill padding-left-2">
+        <%= t('devise.registrations.start.bullet_1_html') %>
+      </span>
+    </p>
+    <p class="grid-row grid-gutter">
+      <%= image_tag(
+            asset_url('get-started/2FA.svg'),
+            size: '40', alt: t('devise.registrations.start.bullet_2_img'), class: 'margin-top-05 grid-col-auto',
+          ) %>
+      <span class="grid-col-fill padding-left-2">
+        <%= t('devise.registrations.start.bullet_2_html') %>
+      </span>
+    </p>
+    <p class="grid-row grid-gutter">
+      <%= image_tag(
+            asset_url('get-started/personal-details.svg'),
+            size: '40', alt: t('devise.registrations.start.bullet_3_img'), class: 'margin-top-05 grid-col-auto',
+          ) %>
+      <span class="grid-col-fill padding-left-2">
+        <%= t('devise.registrations.start.bullet_3_html') %>
+      </span>
+    </p>
+    <p class="grid-row grid-gutter">
+      <%= image_tag(
+            asset_url('get-started/personal-details.svg'),
+            size: '40', alt: t('devise.registrations.start.bullet_3_img'), class: 'margin-top-05 grid-col-auto',
+          ) %>
+      <span class="grid-col-fill padding-left-2">
+        <%= t('devise.registrations.start.bullet_4_html') %>
+      </span>
+    </p>
+    <p class="grid-row grid-gutter">
+      <%= image_tag(
+            asset_url('get-started/financial.svg'),
+            size: '40', alt: t('devise.registrations.start.bullet_5_img'), class: 'margin-top-05 grid-col-auto',
+          ) %>
+      <span class="grid-col-fill padding-left-2">
+        <%= t('devise.registrations.start.bullet_5_html') %>
+      </span>
+    </p>
+    <p class="grid-row grid-gutter">
+      <%= image_tag(
+            asset_url('get-started/personal-key.svg'),
+            size: '40', alt: t('devise.registrations.start.bullet_6_img'), class: 'margin-top-05 grid-col-auto',
+          ) %>
+      <span class="grid-col-fill padding-left-2">
+        <%= t('devise.registrations.start.bullet_6_html') %>
+      </span>
+    </p>
+    <p>
+      <%= new_tab_link_to t('devise.registrations.start.learn_more'), MarketingSite.help_url %>
+    </p>
+  <% end %>
 <% end %>