Identifier: Update "An official website" screen reader text

trussworks · Dec 27, 2023 · 25152d4 · 25152d4
1 parent 1e000d3
commit 25152d4
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 18 deletions.
diff --git a/src/components/Identifier/Identifier/Identifier.stories.tsx b/src/components/Identifier/Identifier/Identifier.stories.tsx
@@ -132,7 +132,7 @@ export const identifierDefault = (): React.ReactElement => (
         <IdentifierLogo href="#">{testIdentifierLogo}</IdentifierLogo>
       </IdentifierLogos>
       <IdentifierIdentity domain="domain.edu.mil.gov">
-        {`An official website of the `}
+        <span aria-hidden="true">An</span>{` official website of the `}
         <Link href="#">Test Agency Name</Link>
       </IdentifierIdentity>
     </IdentifierMasthead>
@@ -173,7 +173,7 @@ export const multipleParentsAndLogos = (): React.ReactElement => (
         <IdentifierLogo href="#">{testIdentifierLogo}</IdentifierLogo>
       </IdentifierLogos>
       <IdentifierIdentity domain="domain.edu.mil.gov">
-        {`An official website of the `}
+        <span aria-hidden="true">An</span>{` official website of the `}
         <Link href="#">Test Agency Name</Link>
         {` and the `}
         <Link href="#">Other Test Agency Name</Link>
@@ -218,7 +218,7 @@ export const moreThanTwoParentsAndLogos = (): React.ReactElement => (
         <IdentifierLogo href="#">{testIdentifierLogo}</IdentifierLogo>
       </IdentifierLogos>
       <IdentifierIdentity domain="domain.edu.mil.gov">
-        {`An official website of the `}
+        <span aria-hidden="true">An</span>{` official website of the `}
         <Link href="#">Test Agency Name</Link>
         {`, `}
         <Link href="#">Second Test Agency Name</Link>
@@ -239,7 +239,7 @@ export const noLogosEnglish = (): React.ReactElement => (
   <Identifier>
     <IdentifierMasthead aria-label="Agency identifier">
       <IdentifierIdentity domain="domain.edu.mil.gov">
-        {`An official website of the `}
+        <span aria-hidden="true">An</span>{` official website of the `}
         <Link href="#">Test Agency Name</Link>
       </IdentifierIdentity>
     </IdentifierMasthead>
@@ -276,7 +276,7 @@ export const taxDisclaimerEnglish = (): React.ReactElement => (
         <IdentifierLogo href="#">{testIdentifierLogo}</IdentifierLogo>
       </IdentifierLogos>
       <IdentifierIdentity domain="domain.edu.mil.gov">
-        {`An official website of the `}
+        <span aria-hidden="true">An</span>{` official website of the `}
         <Link href="#">Test Agency Name</Link>
         {`. Produced and published at taxpayer expense.`}
       </IdentifierIdentity>
@@ -320,7 +320,7 @@ export const taxDisclaimerAndMultipleParentsAndLogos =
           <IdentifierLogo href="#">{testIdentifierLogo}</IdentifierLogo>
         </IdentifierLogos>
         <IdentifierIdentity domain="domain.edu.mil.gov">
-          {`An official website of the `}
+          <span aria-hidden="true">An</span>{` official website of the `}
           <Link href="#">Test Agency Name</Link>
           {` and the `}
           <Link href="#">Other Test Agency Name</Link>

diff --git a/src/components/Identifier/Identifier/Identifier.test.tsx b/src/components/Identifier/Identifier/Identifier.test.tsx
@@ -119,7 +119,7 @@ describe('Identifier component', () => {
             </IdentifierLogo>
           </IdentifierLogos>
           <IdentifierIdentity domain="domain.edu.mil.gov">
-            {`An official website of the `}
+            <span aria-hidden="true">An</span>{` official website of the `}
             <Link href="testlink">Test Agency Name</Link>
           </IdentifierIdentity>
         </IdentifierMasthead>
@@ -175,7 +175,7 @@ describe('Identifier component', () => {
             data-testid="identifierMasthead-agency-description"
             domain="domain.edu.mil.gov"
             aria-label="Agency description">
-            {`An official website of the `}
+            <span aria-hidden="true">An</span>{` official website of the `}
             <Link href="testlink">Test Agency Name</Link>
           </IdentifierIdentity>
         </IdentifierMasthead>
@@ -205,7 +205,7 @@ describe('Identifier component', () => {
             <IdentifierLogo href="#">{testIdentifierLogo}</IdentifierLogo>
           </IdentifierLogos>
           <IdentifierIdentity domain="domain.edu.mil.gov">
-            {`An official website of the `}
+            <span aria-hidden="true">An</span>{` official website of the `}
             <Link href="#">Test Agency Name</Link>
             {`, `}
             <Link href="#">Second Test Agency Name</Link>
@@ -237,7 +237,7 @@ describe('Identifier component', () => {
           <IdentifierIdentity
             data-testid="identifierMasthead-agency-description"
             domain="domain.edu.mil.gov">
-            {`An official website of the `}
+            <span aria-hidden="true">An</span>{` official website of the `}
             <Link href="#">Test Agency Name</Link>
             {`. Produced and published at taxpayer expense.`}
           </IdentifierIdentity>

diff --git a/src/components/Identifier/IdentifierIdentity/IdentifierIdentity.test.tsx b/src/components/Identifier/IdentifierIdentity/IdentifierIdentity.test.tsx
@@ -9,7 +9,7 @@ describe('IdentifierIdentity component', () => {
   it('renders without errors', () => {
     const { queryByTestId } = render(
       <IdentifierIdentity domain="domain.edu.mil.gov">
-        {`An official website of the `}
+        <span aria-hidden="true">An</span>{` official website of the `}
         <Link href="#">Test Agency Name</Link>
       </IdentifierIdentity>
     )
@@ -25,7 +25,7 @@ describe('IdentifierIdentity component', () => {
         className="custom-class"
         aria-label="Test aria label"
         domain="a.domain">
-        {`An official website of the `}
+        <span aria-hidden="true">An</span>{` official website of the `}
         <Link href="#">Test Agency Name</Link>
       </IdentifierIdentity>
     )

diff --git a/src/components/Identifier/IdentifierMasthead/IdentifierMasthead.test.tsx b/src/components/Identifier/IdentifierMasthead/IdentifierMasthead.test.tsx
@@ -39,7 +39,7 @@ describe('IdentifierMasthead component', () => {
           </IdentifierLogo>
         </IdentifierLogos>
         <IdentifierIdentity domain="domain.edu.mil.gov">
-          {`An official website of the `}
+         <span aria-hidden="true">An</span>{` official website of the `}
           <Link href="#">Test Agency Name</Link>
         </IdentifierIdentity>
       </IdentifierMasthead>
@@ -74,7 +74,7 @@ describe('IdentifierMasthead component', () => {
           <IdentifierLogo href="#">{testIdentifierLogo}</IdentifierLogo>
         </IdentifierLogos>
         <IdentifierIdentity domain="domain.edu.mil.gov">
-          {`An official website of the `}
+          <span aria-hidden="true">An</span>{` official website of the `}
           <Link href="#">Test Agency Name</Link>
           {`, `}
           <Link href="#">Second Test Agency Name</Link>

diff --git a/src/stories/templates/createaccount.stories.tsx b/src/stories/templates/createaccount.stories.tsx
@@ -328,7 +328,7 @@ export const CreateAccount = (): React.ReactElement => {
             </IdentifierLogo>
           </IdentifierLogos>
           <IdentifierIdentity domain="domain.gov">
-            An official website of the <Link href="#">{`<Parent agency>`}</Link>
+            <span aria-hidden="true">An</span> official website of the <Link href="#">{`<Parent agency>`}</Link>
           </IdentifierIdentity>
         </IdentifierMasthead>
         <IdentifierLinks navProps={{ 'aria-label': 'Important links' }}>

diff --git a/src/stories/templates/mutliplesignin.stories.tsx b/src/stories/templates/mutliplesignin.stories.tsx
@@ -268,7 +268,7 @@ export const MultipleSignInOptions = (): React.ReactElement => {
             </IdentifierLogo>
           </IdentifierLogos>
           <IdentifierIdentity domain="domain.gov">
-            An official website of the <Link href="#">{`<Parent agency>`}</Link>
+            <span aria-hidden="true">An</span> official website of the <Link href="#">{`<Parent agency>`}</Link>
           </IdentifierIdentity>
         </IdentifierMasthead>
         <IdentifierLinks navProps={{ 'aria-label': 'Important links' }}>

diff --git a/src/stories/templates/notfound.stories.tsx b/src/stories/templates/notfound.stories.tsx
@@ -287,7 +287,7 @@ export const NotFoundPage = (): React.ReactElement => {
             </IdentifierLogo>
           </IdentifierLogos>
           <IdentifierIdentity domain={'<domain.gov>'}>
-            An official website of the{' '}
+            <span aria-hidden="true">An</span> official website of the{' '}
             <Link href="javascript:void(0);">{`<Parent agency>`}</Link>
           </IdentifierIdentity>
         </IdentifierMasthead>

diff --git a/src/stories/templates/signin.stories.tsx b/src/stories/templates/signin.stories.tsx
@@ -229,7 +229,7 @@ export const SignIn = (): React.ReactElement => {
             </IdentifierLogo>
           </IdentifierLogos>
           <IdentifierIdentity domain="domain.gov">
-            An official website of the <Link href="#">{`<Parent agency>`}</Link>
+            <span aria-hidden="true">An</span> official website of the <Link href="#">{`<Parent agency>`}</Link>
           </IdentifierIdentity>
         </IdentifierMasthead>
         <IdentifierLinks navProps={{ 'aria-label': 'Important links' }}>