fix: add aria-disabled="true" to disabled & alwaysFocused chips

chips/internal/assist-chip.ts

@@ -60,6 +60,9 @@ export class AssistChip extends Chip {
         class="primary action"
         id="button"
         aria-label=${ariaLabel || nothing}
+        aria-disabled=${this.disabled && this.alwaysFocusable
+          ? 'true'
+          : nothing}
         ?disabled=${this.disabled && !this.alwaysFocusable}
         type="button"
         >${content}</button

chips/internal/assist-chip_test.ts

@@ -45,5 +45,16 @@ describe('Assist chip', () => {
         .withContext('should not have any disabled styling or behavior')
         .toBeNull();
     });
+
+    it('should use aria-disabled when disabled and alwaysFocusable', async () => {
+      const chip = await setupTest();
+      chip.disabled = true;
+      chip.alwaysFocusable = true;
+      await chip.updateComplete;
+
+      expect(chip.renderRoot.querySelector('button[aria-disabled="true"]'))
+        .withContext('should have aria-disabled="true"')
+        .not.toBeNull();
+    });
   });
 });

chips/internal/filter-chip.ts

@@ -61,6 +61,9 @@ export class FilterChip extends MultiActionChip {
         id="button"
         aria-label=${ariaLabel || nothing}
         aria-pressed=${this.selected}
+        aria-disabled=${this.disabled && this.alwaysFocusable
+          ? 'true'
+          : nothing}
         ?disabled=${this.disabled && !this.alwaysFocusable}
         @click=${this.handleClick}
         >${content}</button

chips/internal/filter-chip_test.ts

@@ -99,5 +99,16 @@ describe('Filter chip', () => {
         .withContext('chip.selected reverts to true')
         .toBeTrue();
     });
+
+    it('should use aria-disabled when disabled and alwaysFocusable', async () => {
+      const {chip} = await setupTest();
+      chip.disabled = true;
+      chip.alwaysFocusable = true;
+      await chip.updateComplete;
+
+      expect(chip.renderRoot.querySelector('button[aria-disabled="true"]'))
+        .withContext('should have aria-disabled="true"')
+        .not.toBeNull();
+    });
   });
 });

chips/internal/input-chip.ts

@@ -94,6 +94,9 @@ export class InputChip extends MultiActionChip {
         class="primary action"
         id="button"
         aria-label=${ariaLabel || nothing}
+        aria-disabled=${this.disabled && this.alwaysFocusable
+          ? 'true'
+          : nothing}
         ?disabled=${this.disabled && !this.alwaysFocusable}
         type="button"
         >${content}</button

chips/internal/input-chip_test.ts

@@ -45,5 +45,16 @@ describe('Input chip', () => {
         .withContext('should not have any disabled styling or behavior')
         .toBeNull();
     });
+
+    it('should use aria-disabled when disabled and alwaysFocusable', async () => {
+      const chip = await setupTest();
+      chip.disabled = true;
+      chip.alwaysFocusable = true;
+      await chip.updateComplete;
+
+      expect(chip.renderRoot.querySelector('button[aria-disabled="true"]'))
+        .withContext('should have aria-disabled="true"')
+        .not.toBeNull();
+    });
   });
 });