add accessibility statemenmt (#2144)

Author: AndyMBridges

docusaurus.config.js

@@ -1,7 +1,7 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-import fs from "fs";
+import fs from 'fs'
 require('dotenv').config()
 const { themes } = require('prism-react-renderer')
 const { REF_ALLOW_LOGIN_PATH } = require('./src/lib/constants')
@@ -12,11 +12,14 @@ const {
   MM_RPC_URL,
 } = require('./src/plugins/plugin-json-rpc')
 const codeTheme = themes.dracula
-const helpDropdown = fs.readFileSync("./src/components/NavDropdown/DeveloperTools.html", "utf-8");
-const connectDropdown = fs.readFileSync("./src/components/NavDropdown/ConnectMetaMask.html", "utf-8");
-const embedDropdown = fs.readFileSync("./src/components/NavDropdown/EmbedMetaMask.html", "utf-8");
-const extendDropdown = fs.readFileSync("./src/components/NavDropdown/ExtendScale.html", "utf-8");
-const npm2yarnPlugin = [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }];
+const helpDropdown = fs.readFileSync('./src/components/NavDropdown/DeveloperTools.html', 'utf-8')
+const connectDropdown = fs.readFileSync(
+  './src/components/NavDropdown/ConnectMetaMask.html',
+  'utf-8'
+)
+const embedDropdown = fs.readFileSync('./src/components/NavDropdown/EmbedMetaMask.html', 'utf-8')
+const extendDropdown = fs.readFileSync('./src/components/NavDropdown/ExtendScale.html', 'utf-8')
+const npm2yarnPlugin = [require('@docusaurus/remark-plugin-npm2yarn'), { sync: true }]
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'MetaMask developer documentation',
@@ -123,17 +126,17 @@ const config = {
         sidebarCollapsed: false,
         includeCurrentVersion: true,
         // Set to the latest release.
-        lastVersion: "0.12.0",
+        lastVersion: '0.12.0',
         versions: {
           // Defaults to the ./docs folder.
           // Using "development" instead of "next" as path.
           current: {
-            label: "development",
-            path: "development",
+            label: 'development',
+            path: 'development',
           },
           // The latest release.
-          "0.12.0": {
-            label: "latest (0.12.0)",
+          '0.12.0': {
+            label: 'latest (0.12.0)',
           },
         },
       },
@@ -216,50 +219,51 @@ const config = {
     ({
       metadata: [
         {
-          name: "keywords",
-          content: "MetaMask, SDK, Wallet, API, Dapp, App, Connect, Delegation, Toolkit, Documentation, Smart, Account, Snaps, Infura, Services, Dashboard",
+          name: 'keywords',
+          content:
+            'MetaMask, SDK, Wallet, API, Dapp, App, Connect, Delegation, Toolkit, Documentation, Smart, Account, Snaps, Infura, Services, Dashboard',
         },
         // Twitter-specific meta tags
         {
-          name: "twitter:card",
-          content: "summary_large_image",
+          name: 'twitter:card',
+          content: 'summary_large_image',
         },
         {
-          name: "twitter:image",
-          content: "https://docs.metamask.io/img/metamaskog.jpeg",
+          name: 'twitter:image',
+          content: 'https://docs.metamask.io/img/metamaskog.jpeg',
         },
         {
-          name: "twitter:image:alt",
-          content: "MetaMask Developer Documentation",
+          name: 'twitter:image:alt',
+          content: 'MetaMask Developer Documentation',
         },
         {
-          name: "twitter:site",
-          content: "@MetaMask",
+          name: 'twitter:site',
+          content: '@MetaMask',
         },
         {
-          name: "twitter:creator",
-          content: "@MetaMask",
+          name: 'twitter:creator',
+          content: '@MetaMask',
         },
         // Open Graph meta tags for better social sharing
         {
-          property: "og:image",
-          content: "https://docs.metamask.io/img/metamaskog.jpeg",
+          property: 'og:image',
+          content: 'https://docs.metamask.io/img/metamaskog.jpeg',
         },
         {
-          property: "og:image:width",
-          content: "1200",
+          property: 'og:image:width',
+          content: '1200',
         },
         {
-          property: "og:image:height",
-          content: "630",
+          property: 'og:image:height',
+          content: '630',
         },
         {
-          property: "og:image:alt",
-          content: "MetaMask Developer Documentation",
+          property: 'og:image:alt',
+          content: 'MetaMask Developer Documentation',
         },
         {
-          property: "og:type",
-          content: "website",
+          property: 'og:type',
+          content: 'website',
         },
       ],
       image: '/img/metamaskog.jpeg',
@@ -280,7 +284,7 @@ const config = {
             label: 'Connect to MetaMask',
             items: [
               {
-                type: "html",
+                type: 'html',
                 value: connectDropdown,
               },
             ],
@@ -290,7 +294,7 @@ const config = {
             label: 'Embed MetaMask',
             items: [
               {
-                type: "html",
+                type: 'html',
                 value: embedDropdown,
               },
             ],
@@ -300,7 +304,7 @@ const config = {
             label: 'Extend and scale',
             items: [
               {
-                type: "html",
+                type: 'html',
                 value: extendDropdown,
               },
             ],
@@ -310,7 +314,7 @@ const config = {
             label: 'Developer tools',
             items: [
               {
-                type: "html",
+                type: 'html',
                 value: helpDropdown,
               },
             ],
@@ -449,6 +453,10 @@ const config = {
                 label: 'Contributor License Agreement',
                 href: 'https://metamask.io/cla/',
               },
+              {
+                label: 'Accessibility',
+                href: 'https://consensys.io/accessibility',
+              },
               {
                 html: "<button id='manage-cookie-btn'>Manage cookies</button>",
               },
@@ -462,14 +470,14 @@ const config = {
         additionalLanguages: ['csharp', 'gradle', 'bash', 'json'],
         magicComments: [
           {
-            className: "git-diff-remove",
-            line: "remove-next-line",
-            block: { start: "remove-start", end: "remove-end" },
+            className: 'git-diff-remove',
+            line: 'remove-next-line',
+            block: { start: 'remove-start', end: 'remove-end' },
           },
           {
-            className: "git-diff-add",
-            line: "add-next-line",
-            block: { start: "add-start", end: "add-end" },
+            className: 'git-diff-add',
+            line: 'add-next-line',
+            block: { start: 'add-start', end: 'add-end' },
           },
         ],
       },