diff --git a/sidebarConfig.ts b/sidebarConfig.ts
index f90155d29f..1284498c46 100644
--- a/sidebarConfig.ts
+++ b/sidebarConfig.ts
@@ -19,18 +19,23 @@ const sidebars: SidebarsConfig = {
         { type: 'autogenerated', dirName: 'handboek/design-tokens' },
         {
           type: 'category',
-          label: 'Componenten bijdragen',
-          description:
-            'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
+          label: 'Handige hulpmiddelen',
+          description: 'Handige tools om designs en code op bijvoorbeeld toegankelijkheid te toetsen.',
           link: {
             type: 'generated-index',
-            title: 'Componenten bijdragen',
-            description:
-              'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
-            slug: '/handboek/component-bijdragen/overzicht',
-            keywords: ['definition of done', 'overzicht'],
+            title: 'Handige hulpmiddelen',
+            description: 'Handige tools om designs en code op bijvoorbeeld toegankelijkheid te toetsen.',
+            slug: '/handboek/tools',
           },
-          items: [{ type: 'autogenerated', dirName: 'handboek/component-bijdragen' }],
+          items: [
+            {
+              type: 'link',
+              href: '/tools/contrast',
+              label: 'Contrast controleren',
+              description:
+                'Vul de voorgrondkleur en achtergrondkleur in als CSS-waarden. Controleer dan voor welke toepassingen je de combinatie kunt gebruiken',
+            },
+          ],
         },
         {
           type: 'category',
@@ -98,6 +103,21 @@ const sidebars: SidebarsConfig = {
         // },
         { type: 'doc', id: 'handboek/leverancier/introductie' },
         { type: 'doc', id: 'handboek/manager/introductie' },
+        {
+          type: 'category',
+          label: 'Componenten bijdragen',
+          description:
+            'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
+          link: {
+            type: 'generated-index',
+            title: 'Componenten bijdragen',
+            description:
+              'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
+            slug: '/handboek/component-bijdragen/overzicht',
+            keywords: ['definition of done', 'overzicht'],
+          },
+          items: [{ type: 'autogenerated', dirName: 'handboek/component-bijdragen' }],
+        },
       ],
     },
   ],
diff --git a/src/pages/contrast/index.css b/src/pages/tools/contrast/index.css
similarity index 100%
rename from src/pages/contrast/index.css
rename to src/pages/tools/contrast/index.css
diff --git a/src/pages/contrast/index.tsx b/src/pages/tools/contrast/index.tsx
similarity index 100%
rename from src/pages/contrast/index.tsx
rename to src/pages/tools/contrast/index.tsx
diff --git a/static/.htaccess b/static/.htaccess
index 7e207dd1b9..29de96fd06 100644
--- a/static/.htaccess
+++ b/static/.htaccess
@@ -19,6 +19,7 @@ Redirect 301 "/definition-list" "/description-list"
 Redirect 301 "/summary-list" "/form-summary"
 Redirect 301 "/wcag/introduction" "/wcag"
 Redirect 301 "/textarea" "/text-area"
+Redirect 301 "/contrast" "/tools/contrast"
 
 RedirectMatch 301 "^/videos(.\*)$" "/project/events$1"