diff --git a/projects/angular-cld/src/lib/cloudinary-image.component.ts b/projects/angular-cld/src/lib/cloudinary-image.component.ts
index 0f93c2e..fb546c9 100644
--- a/projects/angular-cld/src/lib/cloudinary-image.component.ts
+++ b/projects/angular-cld/src/lib/cloudinary-image.component.ts
@@ -19,7 +19,6 @@ import { Cloudinary } from './cloudinary.service';
 import { CloudinaryTransformationDirective } from './cloudinary-transformation.directive';
 import { CloudinaryPlaceHolder } from './cloudinary-placeholder.component';
 import { isBrowser } from './cloudinary.service';
-import { accessibilityEffect } from './constants';
 
 @Component({
   selector: 'cl-image',
@@ -184,6 +183,6 @@ export class CloudinaryImage
   }
 
   accessibilityModeHandler() {
-    return this.cloudinary.url(this.publicId, {transformation: [this.options, accessibilityEffect[this.accessibility]]});
+    return this.cloudinary.url(this.publicId, {transformation: [this.options], accessibility: this.accessibility});
   }
 }
diff --git a/projects/angular-cld/src/lib/constants.ts b/projects/angular-cld/src/lib/constants.ts
deleted file mode 100644
index 9e5e43a..0000000
--- a/projects/angular-cld/src/lib/constants.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export const accessibilityEffect = {
-  'darkmode': {effect: 'tint:75:black'},
-  'brightmode': {effect: 'tint:50:white'},
-  'monochrome': {effect: 'grayscale'},
-  'colorblind': {effect: 'assist_colorblind'}
-}
-