feat: Heading landmark accessibility on certification redirect page

bcgov · Aug 28, 2020 · 00ebf3d · 00ebf3d
1 parent c72b67b
commit 00ebf3d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/app/pages/certifier/certification-redirect.tsx b/app/pages/certifier/certification-redirect.tsx
@@ -88,7 +88,7 @@ class CertificationRedirect extends Component<Props> {
         {certificationUrl ? (
           <Row>
             <Col md={{offset: 3, span: 6}}>
-              <h3 className="blue">Your certification is requested.</h3>
+              <h2 className="blue">Your certification is requested.</h2>
               <p>
                 <strong>{`${firstName} ${lastName}`}</strong> on behalf of{' '}
                 <strong>{organisationName}</strong>, for facility{' '}
@@ -133,6 +133,11 @@ class CertificationRedirect extends Component<Props> {
         ) : (
           'Invalid certification URL'
         )}
+        <style>{`
+          h2 {
+            margin-bottom: 20px;
+          }
+        `}</style>
       </DefaultLayout>
     );
   }

diff --git a/app/tests/unit/pages/__snapshots__/certification-redirect.test.tsx.snap b/app/tests/unit/pages/__snapshots__/certification-redirect.test.tsx.snap
@@ -25,11 +25,11 @@ exports[`Login redirect page It matches the last accepted Snapshot 1`] = `
         }
       }
     >
-      <h3
+      <h2
         className="blue"
       >
         Your certification is requested.
-      </h3>
+      </h2>
       <p>
         <strong>
           Old MacDonald
@@ -69,5 +69,12 @@ exports[`Login redirect page It matches the last accepted Snapshot 1`] = `
       </Col>
     </Col>
   </Row>
+  <style>
+    
+          h2 {
+            margin-bottom: 20px;
+          }
+        
+  </style>
 </Relay(DefaultLayout)>
 `;