diff --git a/benefit-finder/index.html b/benefit-finder/index.html index ca1bdc89..a8bf6237 100644 --- a/benefit-finder/index.html +++ b/benefit-finder/index.html @@ -4,7 +4,7 @@ - REACT APP | Benefit finder: death of a loved one | USAGov + REACT APP | Benefit finder | USAGov @@ -24,14 +24,6 @@ -
- Benefit finder: death of a loved one | USAGov -
diff --git a/benefit-finder/src/App/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/App/__tests__/__snapshots__/index.spec.jsx.snap index fc95a33b..feb54177 100644 --- a/benefit-finder/src/App/__tests__/__snapshots__/index.spec.jsx.snap +++ b/benefit-finder/src/App/__tests__/__snapshots__/index.spec.jsx.snap @@ -15,6 +15,12 @@ exports[`loads intro 1`] = ` data-version="0.9.0.beta.1" id="death" > +
diff --git a/benefit-finder/src/App/index.jsx b/benefit-finder/src/App/index.jsx index 6d0db9b2..098cef9e 100644 --- a/benefit-finder/src/App/index.jsx +++ b/benefit-finder/src/App/index.jsx @@ -114,6 +114,12 @@ function App({ testAppContent, testQuery }) { data-testid="app" data-version={version} > +
{ // create a hidden liveRegion to announce titles to screen-readers - const liveRegion = document.getElementById('live-region') + const liveRegion = document.getElementById('a11y-titles') // get the last part of the location Path // remove the hyphen @@ -13,18 +13,22 @@ const a11yTitles = (location, locale) => { const defaultTitle = `${title} | USAGov` // assign title based on locale - const politeTitle = !locale + const assertiveTitle = !locale ? defaultTitle : locale === 'es' ? esTitle : enTitle // update the live region - if (liveRegion) { - liveRegion.textContent = politeTitle - } + // delay the update to a11y-dom sees the change + setTimeout(function () { + if (liveRegion) { + liveRegion.textContent = assertiveTitle + } + }, 200) + // update the page title - document.title = politeTitle + document.title = assertiveTitle return } diff --git a/usagov_benefit_finder/modules/usagov_benefit_finder_app/usagov_benefit_finder_page/templates/page--benefit-finder-life-event.html.twig b/usagov_benefit_finder/modules/usagov_benefit_finder_app/usagov_benefit_finder_page/templates/page--benefit-finder-life-event.html.twig index 55fcf1ab..3245472b 100644 --- a/usagov_benefit_finder/modules/usagov_benefit_finder_app/usagov_benefit_finder_page/templates/page--benefit-finder-life-event.html.twig +++ b/usagov_benefit_finder/modules/usagov_benefit_finder_app/usagov_benefit_finder_page/templates/page--benefit-finder-life-event.html.twig @@ -79,7 +79,6 @@ {% endif %}
-
{{ node.label }}