DS-746: a11y

Author: ericbakenhus

src/pages/citizenship.js

@@ -30,53 +30,56 @@ const ForeignSourceReporting = ({ data }) => {
         />
       </Helmet>
       <CreateStories stories={[oodLocalHeader]} />
-      <CenteredContainer>
-        <Heading level="h1" classes="su-mt-2 su-text-align-center">
-          Thank you for your recent gift
-        </Heading>
-        <p>
-          The federal government requires institutions of higher education, such
-          as Stanford, to report gifts and other payments from a donor who is
-          not a U.S. citizen when that donor makes gifts and other payments to
-          Stanford with an aggregate value of $250,000 or more in a calendar
-          year. Stanford must also report gifts and other payments received from
-          a donor who is associated with one of certain specific countries (the
-          list, which may change over time, currently includes China (while
-          excluding Hong Kong), Russia, Iran, and North Korea), when that donor
-          makes gifts and other payments to Stanford having an aggregate value
-          of $50,000 or more during a reporting period that runs from July 1 to
-          June 30 of the following year. Because your generous gift(s) meet one
-          or both of these reporting thresholds, we ask that you please provide
-          the information requested below. Thank you.
-        </p>
-        <p>
-          You can find additional details about this policy in section V of
-          Stanford’s{' '}
-          <SbLink
-            linkType="url"
-            link={{
-              url: 'https://giving.stanford.edu/gift-policy',
+      <main id="main-content">
+        <CenteredContainer classes="su-max-w-800">
+          <Heading level="h1" classes="su-mt-2 su-text-align-center">
+            Thank you for your recent gift
+          </Heading>
+          <p>
+            The federal government requires institutions of higher education,
+            such as Stanford, to report gifts and other payments from a donor
+            who is not a U.S. citizen when that donor makes gifts and other
+            payments to Stanford with an aggregate value of $250,000 or more in
+            a calendar year. Stanford must also report gifts and other payments
+            received from a donor who is associated with one of certain specific
+            countries (the list, which may change over time, currently includes
+            China (while excluding Hong Kong), Russia, Iran, and North Korea),
+            when that donor makes gifts and other payments to Stanford having an
+            aggregate value of $50,000 or more during a reporting period that
+            runs from July 1 to June 30 of the following year. Because your
+            generous gift(s) meet one or both of these reporting thresholds, we
+            ask that you please provide the information requested below. Thank
+            you.
+          </p>
+          <p>
+            You can find additional details about this policy in section V of
+            Stanford’s{' '}
+            <SbLink
+              linkType="url"
+              link={{
+                url: 'https://giving.stanford.edu/gift-policy',
+              }}
+            >
+              Gift Policy website
+            </SbLink>
+            .
+          </p>
+        </CenteredContainer>
+        <div>
+          <iframe
+            title="Citizenship form for foreign source reporting"
+            className="airtable-embed"
+            src={`https://airtable.com/embed/appssF3RJFHENkFV5/pagMeYcyTjtVgfsl4/form`}
+            frameBorder="0"
+            style={{
+              background: 'transparent',
+              width: '100%',
+              height: '1000px',
             }}
-          >
-            Gift Policy website
-          </SbLink>
-          .
-        </p>
-      </CenteredContainer>
-      <div>
-        <iframe
-          title="Citizenship form for foreign source reporting"
-          className="airtable-embed"
-          src={`https://airtable.com/embed/appssF3RJFHENkFV5/pagMeYcyTjtVgfsl4/form`}
-          frameBorder="0"
-          style={{
-            background: 'transparent',
-            width: '100%',
-            height: '1000px',
-          }}
-          allowtransparency="true"
-        />
-      </div>
+            allowtransparency="true"
+          />
+        </div>
+      </main>
       <CreateStories stories={[oodLocalFooter, globalFooter]} />
     </>
   );