Feedback

components/ShareResults.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="margin-bottom-4">
-    <h4>Getting help from a friend?</h4>
+    <h3>Getting help from a friend?</h3>
     <p class="usa-prose">
       Copy a link to this page with the criteria you
       selected above. Make sure to share it only with
@@ -9,7 +9,8 @@
     <div class="margin-bottom-1">
       <span :class="{ 'usa-tooltip': alert, 'display-inline-block': true, 'width-full': true }">
         <input class="usa-input" type="text" readonly
-          :value="url" title="URL copied to clipboard" data-position="top"/>
+          aria-label="URL of website with responses saved"
+          :value="url" data-position="top"/>
           <span :class="{ 'usa-tooltip__body': true, 'is-set': alert, 'usa-tooltip__body--top':true, 'is-visible': alert }" role="tooltip" :aria-hidden="!alert"
             style="left: 15%; top: -4rem;">
             URL copied to clipboard

pages/_slug/index.vue

@@ -4,14 +4,11 @@
       <div class="grid-row grid-gap">
         <div class="tablet:grid-col">
           <h1 v-if="lifeEventTitle" class="font-heading-3xl margin-top-7 text-primary">
-            {{ lifeEvent.title }}
+            {{ lifeEvent.secondaryHeadline }}
           </h1>
           <p v-if="lifeEvent.lede" class="usa-intro">
             {{ lifeEvent.lede }}
           </p>
-          <p v-else-if="lifeEvent.summary" class="usa-intro">
-            {{ lifeEvent.summary }}
-          </p>
           <ol class="usa-process-list">
             <li class="usa-process-list__item padding-bottom-4">
               <p class="usa-process-list__heading font-sans-m line-height-sans-1">
@@ -34,9 +31,6 @@
 
       <div class="grid-row grid-gap">
         <div class="grid-col margin-y-3">
-          <h1 v-if="lifeEventTitle" class="font-heading-xl margin-top-1 text-primary">
-            {{ lifeEvent.secondaryHeadline }}
-          </h1>
         </div>
         <div class="grid-col margin-y-3 text-right">
           <label

plugins/axe.client.js

@@ -1,4 +1,4 @@
-import Vue from 'vue'
+import Vue from 'vue';
 
 export default function ({ route }) {
   if (process.env.NODE_ENV === 'development') {

test/pages/LifeEvent.spec.js

@@ -133,7 +133,7 @@ describe('Life Event page', () => {
     wrapper.vm.lifeEvent = mockContent.lifeEvent;
     await store.dispatch("criteria/populate", [...mockContent.criteria.body]);
     await wrapper.vm.$nextTick();
-    expect(wrapper.find('h1').text()).toBe('test life event title');
+    expect(wrapper.find('h1').text()).toBe('test life event secondary headline');
     expect(wrapper.vm.lifeEventTitle).toBe('test life event secondary headline');
   });