diff --git a/libs/design/modal/src/modal-close/modal-close.directive.spec.ts b/libs/design/modal/src/modal-close/modal-close.directive.spec.ts
index 99cdb45798..eb7d04ab50 100644
--- a/libs/design/modal/src/modal-close/modal-close.directive.spec.ts
+++ b/libs/design/modal/src/modal-close/modal-close.directive.spec.ts
@@ -10,6 +10,7 @@ import {
 import { By } from '@angular/platform-browser';
 
 import { DaffModalCloseDirective } from './modal-close.directive';
+import { DaffModalService } from '../service/modal.service';
 
 @Component({
   template: `
@@ -29,6 +30,9 @@ describe('@daffodil/design/modal | DaffModalCloseDirective', () => {
         DaffModalCloseDirective,
         WrapperComponent,
       ],
+      providers: [
+        DaffModalService,
+      ],
     })
       .compileComponents();
   }));
diff --git a/libs/design/modal/src/modal/modal.component.spec.ts b/libs/design/modal/src/modal/modal.component.spec.ts
index ba1c68b03c..bb7491a11b 100644
--- a/libs/design/modal/src/modal/modal.component.spec.ts
+++ b/libs/design/modal/src/modal/modal.component.spec.ts
@@ -14,7 +14,7 @@ import { DaffModalComponent } from './modal.component';
 import { DaffModalService } from '../service/modal.service';
 
 @Component({ template: `
-  <div class="daff-modal-wrapper">
+  <div class="custom-modal-component">
     <daff-modal></daff-modal>
   </div>
 ` })
@@ -54,4 +54,12 @@ describe('@daffodil/design/modal | DaffModalComponent', () => {
   it('should create', () => {
     expect(wrapper).toBeTruthy();
   });
+
+  it('should have a role of dialog on the host element', () => {
+    expect(modal.role).toBe('dialog');
+  });
+
+  it('should set aria-modal to true on the host element', () => {
+    expect(modalDe.attributes['aria-modal']).toEqual('true');
+  });
 });