Heading adjustments to AE Design Patterns app Pattern 2 - Orange task

[adamwhitlock1]

Are you removing, renaming or moving a folder in this PR?

• No, I'm not changing any folders (skip to TeamSites and delete the rest of this section)
• Yes, I'm removing, renaming or moving a folder

Did you change site-wide styles, platform utilities or other infrastructure?

• No
• Yes, and I used the proxy-rewrite steps to test the injected header scenario

Summary

• Update heading levels in the Orange Task Intro page so that the hierarchy of headings is not broken when logged in and viewing the page.
• Updated app name to be plain language and to reflect the other PR I have in for Content Build.

Related issue(s)

• A11y Improve navigation and structural elements tmf-auth-exp-design-patterns#163

Testing done

• Tested locally
• Used headings map chrome extension to verify heading levels

Screenshots

Note: This field is mandatory for UI changes (non-component work should NOT have screenshots).

Logged out heading levels

Logged in heading levels

What areas of the site does it impact?

AE design patterns app, non-prod

Acceptance criteria

Headings updated

Quality Assurance & Testing

• I fixed|updated|added unit tests and integration tests for each feature (if applicable).
• No sensitive information (i.e. PII/credentials/internal URLs/etc.) is captured in logging, hardcoded, or specs
• Linting warnings have been addressed
• Documentation has been updated (link to documentation *if necessary)
• Screenshot of the developed feature is added
• Accessibility testing has been performed

Error Handling

• Browser console contains no warnings or errors.
• Events are being sent to the appropriate logging solution
• Feature/bug has a monitor built into Datadog or Grafana (if applicable)

Authentication

• Did you login to a local build and verify all authenticated routes work as expected with a test user

[bellepx0]

LGTM!