[WIP] 8.13.3. New - Screen Name/Title: API documentation - Get started - Potential skip link or landmark absence

[Copilot]

Thanks for assigning this issue to me. I'm starting to work on it and will keep this PR's description up to date as I form a plan and make progress.

Original issue description:

Components: Skip to main content
Observation:
While the use of <main> is good, there's no visible or programmatically available way to bypass repeated content (e.g., skip link to main content).

(Attachment:
8.13.3. Potential skip link or landmark absence.mp4)

Recommendation:
Add a "Skip to main content" link at the top of the page, preferably as the first focusable element:
<a href="#main-content" class="skip-link">Skip to main content</a>
And update <main> to include id="main-content".

Original prompt

---

This section details on the original issue you should resolve

<issue_title>8.13.3. New - Screen Name/Title: API documentation - Get started - Potential skip link or landmark absence</issue_title>
<issue_description>Components: Skip to main content
Observation:
While the use of <main> is good, there's no visible or programmatically available way to bypass repeated content (e.g., skip link to main content).

(Attachment:
8.13.3. Potential skip link or landmark absence.mp4)

Recommendation:
Add a "Skip to main content" link at the top of the page, preferably as the first focusable element:
<a href="#main-content" class="skip-link">Skip to main content</a>
And update <main> to include id="main-content".
</issue_description>

<agent_instructions>Implement the skip to main content link from the gc-design system. Read the docs for that here: https://design-system.alpha.canada.ca/en/</agent_instructions>

Comments on the Issue (you are @copilot in this section)

@smcmurtry We should add a "skip to main content" link to the api docs.

Fixes cds-snc/notification-planning#2479

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.