FFS-4819 Alternate text for images

app/app/views/activities/income/employer_searches/_employer.html.erb

@@ -42,7 +42,7 @@
               data-provider-name="<%= employer.provider_name %>"
               class="usa-button usa-button--outline"
               type="button"
-              aria-label="<%= employer.name %>"
+              aria-label="<%= t(".select_employer", name: employer.name) %>"
             >
               <%= t(".select") %>
             </button>

app/app/views/activities/income/employer_searches/show.html.erb

@@ -85,6 +85,7 @@
               data-cbv-employer-search-target="employerButton"
               type="button"
               class="width-full height-full usa-button usa-button--outline box-shadow-gray"
+              aria-label="<%= t(".select_employer", name: provider.name) %>"
             >
               <figure class="margin-0 pointer-events-none">
                 <img

app/app/views/cbv/employer_searches/_employer.html.erb

@@ -44,7 +44,7 @@
                 class="usa-button usa-button--outline"
                 type="button"
                 tabindex="0"
-                aria-label="<%= employer.name %>"
+                aria-label="<%= t(".select_employer", name: employer.name) %>"
               >
                 <%= t("cbv.employer_searches.show.select") %>
               </button>

app/app/views/cbv/employer_searches/show.html.erb

@@ -74,6 +74,7 @@
             data-cbv-employer-search-target="employerButton"
             type="button"
             class="width-full height-full usa-button usa-button--outline box-shadow-gray"
+            aria-label="<%= t(".select_employer", name: provider.name) %>"
           >
             <figure class="margin-0 pointer-events-none">
               <img

app/config/locales/en.yml

@@ -379,6 +379,7 @@ en:
             other: We found %{count} results
           search_subheader: Select your employer from the list. Then, follow the screens to sign in. Use the login credentials you use to view your pay stubs online.
           select: Select
+          select_employer: Select %{name}
         show:
           add_employment_manually: Add employment manually
           alert:
@@ -391,6 +392,7 @@ en:
           search: Search
           search_label: Search for the employer or business you want to add. If you can't find it, you can add it manually.
           search_results_header: Select your employer
+          select_employer: Select %{name}
       error_no_access: You don't have permission to access that information
       payment_details:
         show:
@@ -753,6 +755,8 @@ en:
           other: "%{count} errors"
         error_updating_applicant: An error occurred while updating the applicant information. Please try again.
     employer_searches:
+      employer:
+        select_employer: Select %{name}
       show:
         alert:
           heading: Need help connecting to your payroll provider?
@@ -782,6 +786,7 @@ en:
         search_label: This can be your current employer. This can also be any recent employer from the past 90 days if you’re no longer working.
         search_subheader: Select your employer from the list. Then, follow the screens to log in and verify your income.
         select: Select
+        select_employer: Select %{name}
         to_continue: 'If you still don’t see your employer or payroll provider listed:'
         to_continue_li_1: You’ll need to submit that income information separately.
         to_continue_li_1_html: <a href="%{agency_contact_website}" target="_blank" rel="noopener noreferrer">Go to %{agency_acronym}'s website</a> to learn about other ways to report your income.

app/config/locales/es.yml

@@ -179,6 +179,8 @@ es:
           other: "%{count} errores"
         error_updating_applicant: Se produjo un error al actualizar la información del solicitante. Vuelva a intentarlo.
     employer_searches:
+      employer:
+        select_employer: Seleccione %{name}
       show:
         alert:
           heading: "¿Necesita ayuda para conectarse a su proveedor de nómina?"
@@ -208,6 +210,7 @@ es:
         search_label: Este puede ser su empleador actual. Si no está trabajando, puede buscar cualquier empleador que haya tenido en los últimos 90 días.
         search_subheader: 'Seleccione su empleador de la lista. Luego, siga las instrucciones en las pantallas para iniciar la sesión y verificar su ingreso. '
         select: Seleccione
+        select_employer: Seleccione %{name}
         to_continue: 'Si aún no ve enumerado a su empleador ni a su proveedor de nómina:'
         to_continue_li_1: Deberá enviar esa información de ingresos por separado.
         to_continue_li_1_html: <a href="%{agency_contact_website}" target="_blank" rel="noopener noreferrer">Visite el sitio web del %{agency_acronym}</a> para informarse de otras formas de notificar sus ingresos.

app/spec/controllers/activities/income/employer_searches_controller_spec.rb

@@ -81,6 +81,12 @@
         expect(response.body).not_to include(I18n.t("activities.income.employer_searches.show.popular_providers"))
         expect(response.body).not_to include(I18n.t("cbv.employer_searches.show.employer_not_listed"))
       end
+
+      it "has aria-labels for each employer button" do
+        get :show, params: { query: "results" }
+        expect(response.body).to include('aria-label="Select Walgreens"')
+        expect(response.body).to include('aria-label="Select Greens Group"')
+      end
     end
 
     context "when there are no search results" do

app/spec/controllers/cbv/employer_searches_controller_spec.rb

@@ -108,6 +108,12 @@
         expect(response).to be_successful
       end
 
+      it "has aria-labels for each employer button" do
+        get :show, params: { query: "results" }
+        expect(response.body).to include('aria-label="Select Walgreens"')
+        expect(response.body).to include('aria-label="Select Greens Group"')
+      end
+
       it "tracks a Mixpanel event" do
         allow(EventTrackingJob).to receive(:perform_later).with("CbvPageView", anything, anything)
         expect(EventTrackingJob).to receive(:perform_later).with(