docs: added link to Contrast Checker tool (#2726)

* docs: added link to Contrast Checker tool * refactor: refactoring after review
openedx · Oct 26, 2023 · df30702 · df30702
1 parent e5a0f7c
commit df30702
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/www/src/components/Menu.tsx b/www/src/components/Menu.tsx
@@ -133,6 +133,10 @@ const handlePlaygroundClick = () => {
   global.analytics.track('openedx.paragon.docs.menu.playground.visit_playground.clicked');
 };
 
+const handleContrastCheckerClick = () => {
+  global.analytics.track('openedx.paragon.docs.menu.tools.visit_contrast_checker.clicked');
+};
+
 MenuComponentListCategory.propTypes = {
   children: PropTypes.node.isRequired,
   title: PropTypes.string.isRequired,
@@ -228,6 +232,17 @@ function Menu() {
             <li>
               <Link to="/tools/component-generator">Component Generator</Link>
             </li>
+            <li>
+              <Hyperlink
+                destination="https://webaim.org/resources/contrastchecker"
+                target="_blank"
+                externalLinkAlternativeText="Contrast checker page"
+                externalLinkTitle="Contrast checker"
+                onClick={handleContrastCheckerClick}
+              >
+                Contrast Checker
+              </Hyperlink>
+            </li>
           </ul>
         </Collapsible>
         <MenuComponentList>