From cf50da000d924973ecfac0d310a3e53d6f2e2d42 Mon Sep 17 00:00:00 2001
From: PKulkoRaccoonGang <peter.kulko@raccoongang.com>
Date: Wed, 18 Oct 2023 15:05:45 +0300
Subject: [PATCH 1/2] docs: added link to Contrast Checker tool

---
 www/src/components/Menu.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/www/src/components/Menu.tsx b/www/src/components/Menu.tsx
index 280f33f312..20360638f4 100644
--- 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');
+};
+
 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>

From 2531acc93f47fc151a5f0adda2c1d371ed7363de Mon Sep 17 00:00:00 2001
From: PKulkoRaccoonGang <peter.kulko@raccoongang.com>
Date: Thu, 19 Oct 2023 19:08:58 +0300
Subject: [PATCH 2/2] refactor: refactoring after review

---
 www/src/components/Menu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/src/components/Menu.tsx b/www/src/components/Menu.tsx
index 20360638f4..1a31287ae6 100644
--- a/www/src/components/Menu.tsx
+++ b/www/src/components/Menu.tsx
@@ -134,7 +134,7 @@ const handlePlaygroundClick = () => {
 };
 
 const handleContrastCheckerClick = () => {
-  global.analytics.track('openedx.paragon.docs.menu.tools.visit_contrast_checker');
+  global.analytics.track('openedx.paragon.docs.menu.tools.visit_contrast_checker.clicked');
 };
 
 MenuComponentListCategory.propTypes = {