diff --git a/src/app/annuaire/filter-modal/filter-modal.component.html b/src/app/annuaire/filter-modal/filter-modal.component.html
index 56163e779550ecaa15e9715ae59c3add85a9d0a6..82d4be520f402fd52b9a8e2467a88dda498f9d39 100644
--- a/src/app/annuaire/filter-modal/filter-modal.component.html
+++ b/src/app/annuaire/filter-modal/filter-modal.component.html
@@ -4,7 +4,7 @@
       <app-label-checkbox
         *ngFor="let filter of filtersTypes"
         [label]="filter"
-        [for]="filter"
+        [for]="filter | slugify"
         [checked]="isFilterChecked(filter)"
         [size]="'small'"
         (action)="toggleCheckbox(filter)"
diff --git a/src/app/shared/pipes/index.ts b/src/app/shared/pipes/index.ts
index 2e68807cabbd995e93635c70349b2a639aaf3b44..1fe8bfefc8e20178a30bdd407fafed9bf68750bb 100644
--- a/src/app/shared/pipes/index.ts
+++ b/src/app/shared/pipes/index.ts
@@ -1,8 +1,9 @@
 import { DayPipe } from './day.pipe';
 import { PhonePipe } from './phone.pipe';
+import { SlugifyPipe } from './slugify.pipe';
 import { UrlPipe } from './url.pipe';
 import { UserNamePipe } from './userName.pipe';
 
-export { DayPipe, PhonePipe, UrlPipe, UserNamePipe };
+export { DayPipe, PhonePipe, SlugifyPipe, UrlPipe, UserNamePipe };
 
-export const SharedPipes = [DayPipe, PhonePipe, UrlPipe, UserNamePipe];
+export const SharedPipes = [DayPipe, PhonePipe, SlugifyPipe, UrlPipe, UserNamePipe];
diff --git a/src/app/shared/pipes/slugify.pipe.ts b/src/app/shared/pipes/slugify.pipe.ts
new file mode 100644
index 0000000000000000000000000000000000000000..568efa5caa93c2f5ffbae6df8eb154c5e914c889
--- /dev/null
+++ b/src/app/shared/pipes/slugify.pipe.ts
@@ -0,0 +1,22 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'slugify',
+})
+export class SlugifyPipe implements PipeTransform {
+  transform(value: string): string {
+    if (!value) return '';
+
+    // Remove accents
+    const withoutAccents = value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+
+    // Use a regex to create the slug
+    return withoutAccents
+      .toLowerCase()
+      .trim()
+      .replace(/[^a-z0-9\s-]/g, '') // Remove special characters
+      .replace(/[\s-]+/g, '-') // Replace spaces and multiple hyphens with a single hyphen
+      .replace(/^-+/, '') // Trim hyphens from the start
+      .replace(/-+$/, ''); // Trim hyphens from the end
+  }
+}