Apply design system heading classes to Getting Started page

[kristine-eudey]

Overview

We need to apply the new standardized heading classes to the Getting Started page headings (for accessibility/to remove the styling reliance on h tags), so that that the page can now follow the design system plan and be more accessible.

Action Items

• Apply the heading classes noted in the screenshots below to the Getting Started page
  • “.Title1” class for the header’s heading text (“Getting Started”)
  • “.Title4” class to the “Frequently Asked Questions” heading in the bottom of the page
• Make sure the headings with the new classes look good both in mobile and desktop, and that nothing gets messed up due to these changes
• If needed, adjust the heading h tags (h3 etc.) so that they reflect the correct hierarchy of the page for screen readers (since the styling no longer relies on the h tags)

Resources/Instructions

Getting Started page

[1anya1]

Availability for this week: Tue-Fri total 9 hrs.
My estimated ETA for completing this issue: 02/25/2022

[1anya1]

@kristine-eudey Im a bit confused am I making the changes to Getting Started Page or Events page? It looks like the link is wrong.

[JessicaLucindaCheng]

@1anya1 Sorry for the confusion. It should be the Getting Started page. I have edited the issue to reflect that.

[1anya1]

@JessicaLucindaCheng Thank you for clarifying!