fix: set wizard stepnav item aria-controls attribute to wizard page id

partially fixes VPAT-805 (other issues are in datagrid filters)
vmware-clarity · Sep 19, 2022 · 6705edd · 6705edd
1 parent 19a1250
commit 6705edd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/projects/angular/src/wizard/wizard-stepnav-item.spec.ts b/projects/angular/src/wizard/wizard-stepnav-item.spec.ts
@@ -273,11 +273,11 @@ export default function (): void {
         });
 
         it('should have aria-controls attribute', () => {
-          const stepNavItemId = testItemComponent.id;
+          const pageId = testItemComponent.page.id;
 
           expect(myStepnavItem.hasAttribute('aria-controls')).toBeTruthy('stepnav item should have aria-controls attr');
           const myAriaControls = myStepnavItem.getAttribute('aria-controls');
-          expect(myAriaControls).toBe(stepNavItemId, 'aria-controls should contain id');
+          expect(myAriaControls).toBe(pageId, 'aria-controls should contain page id');
         });
 
         it('should add disabled attribute when isDisabled return true', () => {

diff --git a/projects/angular/src/wizard/wizard-stepnav-item.ts b/projects/angular/src/wizard/wizard-stepnav-item.ts
@@ -39,7 +39,7 @@ import { ClrWizardPage } from './wizard-page';
   host: {
     '[id]': 'id',
     '[attr.aria-current]': 'stepAriaCurrent',
-    '[attr.aria-controls]': 'id',
+    '[attr.aria-controls]': 'page.id',
     '[class.clr-nav-link]': 'true',
     '[class.nav-item]': 'true',
     '[class.active]': 'isCurrent',