Create accessibility menu page

content/accessibility/index.mdx

@@ -0,0 +1,38 @@
+---
+title: Accessibility
+---
+
+import {Grid, Flex, Box, Link, Text, Label} from '@primer/components'
+
+
+<Grid gridTemplateColumns={['1fr', null, null, null, '1fr']} gridGap={4}>
+
+    <div>
+        <Link href="/design/content/accessibility/accessibility-at-github.mdx" fontWeight="bold">Accessibility at GitHub</Link>
+        <Box as="p">GitHub's aim is to be the home for all developers. To be inclusive means we must consider accessibility at the core of how we design. GitHub aims for Web Content Accessibility Guidelines (WCAG) 2.1 AA compliance. This includes all of WCAG 2.0 AA plus additional considerations.</Box>
+    </div>
+    <div>
+        <Link href="/design/content/accessibility/guidelines.mdx" fontWeight="bold">Guidelines</Link>
+        <Box as="p">Basic guidelines for designers to follow when designing new or updating features.</Box>
+    </div>
+    <div>
+        <Link href="/design/content/accessibility/tools.mdx" fontWeight="bold">Tools</Link>
+        <Box as="p">A selection of tools to help product designers create accessible designs.</Box>
+    </div>
+    <div>
+        <Link href="/design/content/accessibility/focus-management.mdx" fontWeight="bold">Focus management</Link>
+        <Box as="p">Managing focus within a page or application is essential for users to successfully navigate, complete actions, and understand where they are.</Box>
+    </div>
+    <div>
+        <Link href="/design/content/accessibility/headings.mdx" fontWeight="bold">Headings</Link>
+        <Box as="p">Headings play a critical role in communicating the structure of a page. Find out why they're critical and how to create an accessible hierarchy in your pages.</Box>
+    </div>
+    <div>
+        <Link href="/design/content/accessibility/semantic-html.mdx" fontWeight="bold">Semantic HTML</Link>
+        <Box as="p">Many groups of people benefit from properly used semantic HTML. Using the correct elements allows assistive technology to accurately convey the purpose of the content to the user. Without it, they will not be able to navigate easily. Other benefits of using semantic HTML are SEO and code readability.</Box>
+    </div>
+    <div>
+        <Link href="/design/content/accessibility/links.mdx" fontWeight="bold">Links</Link>
+        <Box as="p">Links can do things like help with page context, reference similar items of interest, and allow for endless connected information surfing through Wikipedia. Links play a key part in your experience on the web but without proper consideration those links can be frustrating, skipped over, or completely unnoticed. </Box>
+    </div>
+</Grid>

content/index.mdx

@@ -11,7 +11,7 @@ Primer's interface guidelines are a collection of principles, standards, and usa
 
 The fundamental parts of the design system, such as color and typography, that underpin all GitHub interfaces.
 
-## [Accessibility](https://primer.style/design/accessibility/accessibility-at-github)
+## [Accessibility](https://primer.style/design/accessibility)
 
 Standards, guidelines, and tools to design accessible GitHub interfaces.
 

src/@primer/gatsby-theme-doctocat/nav.yml

@@ -8,7 +8,7 @@
     - title: Content
       url: /foundations/content
 - title: Accessibility
-  url: /accessibility/accessibility-at-github
+  url: /accessibility
   children:
     - title: Accessibility at GitHub
       url: /accessibility/accessibility-at-github