diff --git a/.changeset/button-aria-label-fix.md b/.changeset/button-aria-label-fix.md
new file mode 100644
index 00000000000..ec50c17ac95
--- /dev/null
+++ b/.changeset/button-aria-label-fix.md
@@ -0,0 +1,12 @@
+---
+'@spectrum-web-components/button': patch
+---
+
+**Fixed** aria-label handling in `<sp-button>` component.
+
+- **Fixed**: Moved aria-label updates to occur after slot content changes are processed to prevent timing issues
+- **Added**: Enhanced `label` property support for programmatic aria-label control
+- **Added**: Comprehensive tests for aria-label behavior during content and pending state changes
+- **Fixed**: Removed duplicate aria-label update logic in `update()` method
+
+These changes ensure that aria-labels are properly managed and preserved across component state changes, improving accessibility for screen reader users.
diff --git a/.changeset/combobox-pending-state-fix.md b/.changeset/combobox-pending-state-fix.md
new file mode 100644
index 00000000000..f0a9611faee
--- /dev/null
+++ b/.changeset/combobox-pending-state-fix.md
@@ -0,0 +1,12 @@
+---
+'@spectrum-web-components/combobox': patch
+---
+
+**Fixed** pending state handling and accessibility in `<sp-combobox>` component.
+
+- **Changed**: Removed dependency on `PendingStateController` and implemented inline pending state handling
+- **Fixed**: Updated aria-labelledby attribute ordering to improve screen reader experience (`label applied-label pending-label`)
+- **Fixed**: Updated progress circle implementation to use `role="presentation"` instead of `aria-valuetext`
+- **Added**: Direct pending state visual rendering with improved accessibility
+
+These changes improve accessibility for pending states while reducing unnecessary component dependencies.
diff --git a/.changeset/picker-pending-state-fix.md b/.changeset/picker-pending-state-fix.md
new file mode 100644
index 00000000000..43b0451472c
--- /dev/null
+++ b/.changeset/picker-pending-state-fix.md
@@ -0,0 +1,12 @@
+---
+'@spectrum-web-components/picker': patch
+---
+
+**Fixed** pending state handling and accessibility in `<sp-picker>` component.
+
+- **Changed**: Removed dependency on `PendingStateController` and implemented inline pending state handling
+- **Fixed**: Updated aria-labelledby attribute ordering to improve screen reader experience (`icon label applied-label pending-label`)
+- **Fixed**: Updated progress circle implementation to use `role="presentation"` instead of `aria-valuetext`
+- **Added**: Direct pending state visual rendering with improved accessibility
+
+These changes improve accessibility for pending states while reducing unnecessary component dependencies.
diff --git a/.changeset/progress-circle-accessibility-fix.md b/.changeset/progress-circle-accessibility-fix.md
new file mode 100644
index 00000000000..f9803eeae21
--- /dev/null
+++ b/.changeset/progress-circle-accessibility-fix.md
@@ -0,0 +1,10 @@
+---
+'@spectrum-web-components/progress-circle': patch
+---
+
+**Fixed** accessibility warning logic in `<sp-progress-circle>` component.
+
+- **Fixed**: Updated accessibility warning logic to only apply when `role="progressbar"` is explicitly set
+- **Fixed**: Improved label validation for better accessibility compliance
+
+These changes ensure accessibility warnings are only shown when appropriate and improve overall accessibility compliance.
diff --git a/.changeset/reactive-controllers-pending-state-fix.md b/.changeset/reactive-controllers-pending-state-fix.md
new file mode 100644
index 00000000000..57e21e5b031
--- /dev/null
+++ b/.changeset/reactive-controllers-pending-state-fix.md
@@ -0,0 +1,12 @@
+---
+'@spectrum-web-components/reactive-controllers': patch
+---
+
+**Fixed** accessibility and caching in `PendingStateController`.
+
+- **Fixed**: Updated progress circle to use `role="presentation"` for better accessibility compliance
+- **Fixed**: Improved aria-label caching logic to better handle dynamic label changes
+- **Added**: Documentation noting the controller is primarily used by `<sp-button>` component
+- **Fixed**: Enhanced caching mechanism to preserve user-set aria-labels during pending states
+
+These changes improve accessibility compliance and aria-label management for components using the pending state controller.
diff --git a/packages/button/src/ButtonBase.ts b/packages/button/src/ButtonBase.ts
index 196394b91c6..9fbae9d6a79 100644
--- a/packages/button/src/ButtonBase.ts
+++ b/packages/button/src/ButtonBase.ts
@@ -225,13 +225,7 @@ export class ButtonBase extends ObserveSlotText(LikeAnchor(Focusable), '', [
         if (!this.hasAttribute('tabindex')) {
             this.setAttribute('tabindex', '0');
         }
-        if (changed.has('label')) {
-            if (this.label) {
-                this.setAttribute('aria-label', this.label);
-            } else {
-                this.removeAttribute('aria-label');
-            }
-        }
+
         this.manageAnchor();
         this.addEventListener('keydown', this.handleKeydown);
         this.addEventListener('keypress', this.handleKeypress);
@@ -243,6 +237,14 @@ export class ButtonBase extends ObserveSlotText(LikeAnchor(Focusable), '', [
             this.manageAnchor();
         }
 
+        if (changed.has('label')) {
+            if (this.label) {
+                this.setAttribute('aria-label', this.label);
+            } else {
+                this.removeAttribute('aria-label');
+            }
+        }
+
         if (this.anchorElement) {
             // Ensure the anchor element is not focusable directly via tab
             this.anchorElement.tabIndex = -1;
@@ -256,14 +258,4 @@ export class ButtonBase extends ObserveSlotText(LikeAnchor(Focusable), '', [
             this.anchorElement.addEventListener('focus', this.proxyFocus);
         }
     }
-    protected override update(changes: PropertyValues): void {
-        super.update(changes);
-        if (changes.has('label')) {
-            if (this.label) {
-                this.setAttribute('aria-label', this.label);
-            } else {
-                this.removeAttribute('aria-label');
-            }
-        }
-    }
 }
diff --git a/packages/button/stories/index.ts b/packages/button/stories/index.ts
index 5d5a4e8b2cb..86aa382e9c6 100644
--- a/packages/button/stories/index.ts
+++ b/packages/button/stories/index.ts
@@ -86,6 +86,17 @@ export const argTypes = {
             type: 'boolean',
         },
     },
+    label: {
+        name: 'label',
+        type: { name: 'string', required: false },
+        description: 'The label to apply to the aria-label of the button.',
+        table: {
+            type: { summary: 'string' },
+        },
+        control: {
+            type: 'text',
+        },
+    },
 };
 
 export const makeOverBackground =
@@ -122,6 +133,7 @@ export function renderButton(properties: Properties): TemplateResult {
             treatment=${ifDefined(properties.treatment)}
             variant=${ifDefined(properties.variant)}
             static-color=${ifDefined(properties.staticColor)}
+            label=${ifDefined(properties.label)}
         >
             ${properties.content || 'Click Me'}
         </sp-button>
diff --git a/packages/button/stories/template.ts b/packages/button/stories/template.ts
index 0ea6cf6352d..2f2f3f21fea 100644
--- a/packages/button/stories/template.ts
+++ b/packages/button/stories/template.ts
@@ -9,7 +9,6 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-
 import { html, TemplateResult } from '@spectrum-web-components/base';
 import { ifDefined } from '@spectrum-web-components/base/src/directives.js';
 import {
@@ -30,6 +29,7 @@ export interface Properties {
     target?: '_blank' | '_parent' | '_self' | '_top';
     noWrap?: boolean;
     iconOnly?: boolean;
+    label?: string;
 }
 
 export const Template = ({
diff --git a/packages/button/test/button.test.ts b/packages/button/test/button.test.ts
index 90e253f8636..c923084f622 100644
--- a/packages/button/test/button.test.ts
+++ b/packages/button/test/button.test.ts
@@ -384,32 +384,62 @@ describe('Button', () => {
 
         it('manages aria-label from pending state', async () => {
             const el = await fixture<Button>(html`
-                <sp-button
-                    href="test_url"
-                    target="_blank"
-                    label="clickable"
-                    pending
-                >
+                <sp-button href="test_url" target="_blank" label="clickable">
                     Click me
                 </sp-button>
             `);
             await elementUpdated(el);
-            expect(el.getAttribute('aria-label')).to.equal('Pending');
+            expect(el.getAttribute('aria-label')).to.equal('clickable');
 
-            // button set to disabled while pending is true and the aria-label should be original
-            el.disabled = true;
+            // button set to pending and aria-label should update
+            el.pending = true;
             await elementUpdated(el);
-            expect(el.getAttribute('aria-label')).to.equal('clickable');
+            expect(el.pending).to.be.true;
+            expect(el.getAttribute('aria-label')).to.equal('Pending');
 
             // pending is removed and the aria-label should not change as the button is disabled
             el.pending = false;
             await elementUpdated(el);
             expect(el.getAttribute('aria-label')).to.equal('clickable');
+        });
+
+        it('updates aria-label when label changes', async () => {
+            const el = await fixture<Button>(html`
+                <sp-button label="Initial label">Button</sp-button>
+            `);
 
-            // button is enabled and the aria-label should not change
-            el.disabled = false;
             await elementUpdated(el);
-            expect(el.getAttribute('aria-label')).to.equal('clickable');
+            expect(el.getAttribute('aria-label')).to.equal('Initial label');
+
+            // Change the label
+            el.label = 'New Label';
+            await elementUpdated(el);
+
+            // The aria-label should also update
+            expect(el.getAttribute('aria-label')).to.equal('New Label');
+        });
+
+        it('preserves aria-label when slot content changes', async () => {
+            const el = await fixture<Button>(html`
+                <sp-button label="Test label">Initial Content</sp-button>
+            `);
+
+            await elementUpdated(el);
+            expect(el.getAttribute('aria-label')).to.equal('Test label');
+
+            // Change the slot content
+            el.textContent = 'Updated content';
+            await elementUpdated(el);
+
+            // The aria-label should still be preserved
+            expect(el.getAttribute('aria-label')).to.equal('Test label');
+
+            // Change slot content again
+            el.innerHTML = '<span>New content</span>';
+            await elementUpdated(el);
+
+            // The aria-label should still be preserved
+            expect(el.getAttribute('aria-label')).to.equal('Test label');
         });
 
         it('manages aria-label set from outside', async () => {
diff --git a/packages/combobox/src/Combobox.ts b/packages/combobox/src/Combobox.ts
index 612005b6435..2495b1537aa 100644
--- a/packages/combobox/src/Combobox.ts
+++ b/packages/combobox/src/Combobox.ts
@@ -28,19 +28,19 @@ import {
     live,
     repeat,
 } from '@spectrum-web-components/base/src/directives.js';
-import '@spectrum-web-components/overlay/sp-overlay.js';
 import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';
-import '@spectrum-web-components/popover/sp-popover.js';
-import '@spectrum-web-components/menu/sp-menu.js';
 import '@spectrum-web-components/menu/sp-menu-item.js';
-import { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';
+import '@spectrum-web-components/menu/sp-menu.js';
+import '@spectrum-web-components/overlay/sp-overlay.js';
 import '@spectrum-web-components/picker-button/sp-picker-button.js';
+import '@spectrum-web-components/progress-circle/sp-progress-circle.js';
+import '@spectrum-web-components/popover/sp-popover.js';
 import { Textfield } from '@spectrum-web-components/textfield';
 import type { Tooltip } from '@spectrum-web-components/tooltip';
 
-import styles from './combobox.css.js';
 import chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';
 import { Menu, MenuItem } from '@spectrum-web-components/menu';
+import styles from './combobox.css.js';
 
 export type ComboboxOption = {
     value: string;
@@ -84,17 +84,6 @@ export class Combobox extends Textfield {
     @property({ type: String, attribute: 'pending-label' })
     public pendingLabel = 'Pending';
 
-    public pendingStateController: PendingStateController<this>;
-
-    /**
-     * Initializes the `PendingStateController` for the Combobox component.
-     * When the pending state changes to `true`, the `open` property of the Combobox is set to `false`.
-     */
-    constructor() {
-        super();
-        this.pendingStateController = new PendingStateController(this);
-    }
-
     @query('slot:not([name])')
     private optionSlot!: HTMLSlotElement;
 
@@ -359,7 +348,7 @@ export class Combobox extends Textfield {
         super.onBlur(event);
     }
 
-    protected renderAppliedLabel(): TemplateResult {
+    protected renderVisuallyHiddenLabels(): TemplateResult {
         /**
          * appliedLabel corresponds to `<label for="...">`, which is overriden
          * if user adds the `label` attribute manually to `<sp-combobox>`.
@@ -369,6 +358,7 @@ export class Combobox extends Textfield {
         return html`
             ${this.pending
                 ? html`
+                      ${this.renderLoader()}
                       <span
                           aria-hidden="true"
                           class="visually-hidden"
@@ -407,7 +397,7 @@ export class Combobox extends Textfield {
             <sp-progress-circle
                 size="s"
                 indeterminate
-                aria-hidden="true"
+                role="presentation"
                 class="progress-circle"
             ></sp-progress-circle>
         `;
@@ -431,7 +421,7 @@ export class Combobox extends Textfield {
                 aria-describedby="${this.helpTextId} tooltip"
                 aria-expanded="${this.open ? 'true' : 'false'}"
                 aria-label=${ifDefined(this.label || this.appliedLabel)}
-                aria-labelledby="pending-label applied-label label"
+                aria-labelledby="label applied-label pending-label"
                 aria-invalid=${ifDefined(this.invalid || undefined)}
                 autocomplete="off"
                 @click=${this.toggleOpen}
@@ -459,7 +449,6 @@ export class Combobox extends Textfield {
                 ?required=${this.required}
                 ?readonly=${this.readonly}
             />
-            ${this.pendingStateController.renderPendingState()}
         `;
     }
 
@@ -550,7 +539,7 @@ export class Combobox extends Textfield {
                     </sp-menu>
                 </sp-popover>
             </sp-overlay>
-            ${this.renderAppliedLabel()}
+            ${this.renderVisuallyHiddenLabels()}
             <slot
                 aria-hidden="true"
                 name="tooltip"
diff --git a/packages/combobox/test/combobox-a11y.test.ts b/packages/combobox/test/combobox-a11y.test.ts
index 6574526fb72..8d76add3bbc 100644
--- a/packages/combobox/test/combobox-a11y.test.ts
+++ b/packages/combobox/test/combobox-a11y.test.ts
@@ -40,9 +40,6 @@ import { comboboxFixture } from './helpers.js';
 describe('Combobox accessibility', () => {
     it('renders accessibly with `label` attribute', async () => {
         const el = await comboboxFixture();
-        const opened = oneEvent(el, 'sp-opened');
-        el.open = true;
-        await opened;
 
         await elementUpdated(el);
         await expect(el).to.be.accessible();
@@ -299,7 +296,7 @@ describe('Combobox accessibility', () => {
         await elementUpdated(el);
         await nextFrame();
 
-        const name = 'Pending Combobox';
+        const name = 'Combobox Pending';
 
         const snapshot = (await a11ySnapshot(
             {}
diff --git a/packages/picker/src/Picker.ts b/packages/picker/src/Picker.ts
index a4140eed611..c652c88d94f 100644
--- a/packages/picker/src/Picker.ts
+++ b/packages/picker/src/Picker.ts
@@ -32,22 +32,17 @@ import {
     StyleInfo,
     styleMap,
 } from '@spectrum-web-components/base/src/directives.js';
-
+import type { FieldLabel } from '@spectrum-web-components/field-label';
 import chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';
-import pickerStyles from './picker.css.js';
-
 import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';
 import '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';
 import type {
     Menu,
     MenuItem,
     MenuItemChildren,
+    MenuItemKeydownEvent,
 } from '@spectrum-web-components/menu';
 import '@spectrum-web-components/menu/sp-menu.js';
-import type { Tooltip } from '@spectrum-web-components/tooltip';
-
-import type { FieldLabel } from '@spectrum-web-components/field-label';
-import type { MenuItemKeydownEvent } from '@spectrum-web-components/menu';
 import { Placement } from '@spectrum-web-components/overlay';
 import { Overlay } from '@spectrum-web-components/overlay/src/Overlay.js';
 import type { SlottableRequestEvent } from '@spectrum-web-components/overlay/src/slottable-request-event.js';
@@ -56,10 +51,10 @@ import {
     IS_MOBILE,
     MatchMediaController,
 } from '@spectrum-web-components/reactive-controllers/src/MatchMedia.js';
-import { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';
-
+import type { Tooltip } from '@spectrum-web-components/tooltip';
 import { DesktopController } from './DesktopController.js';
 import { MobileController } from './MobileController.js';
+import pickerStyles from './picker.css.js';
 import { strategies } from './strategies.js';
 
 const chevronClass = {
@@ -182,17 +177,6 @@ export class PickerBase extends SizedMixin(SpectrumElement, {
         return this._selectedItem;
     }
 
-    public pendingStateController: PendingStateController<this>;
-
-    /**
-     * Initializes the `PendingStateController` for the Picker component.
-     * The `PendingStateController` manages the pending state of the Picker.
-     */
-    constructor() {
-        super();
-        this.pendingStateController = new PendingStateController(this);
-    }
-
     public set selectedItem(selectedItem: MenuItem | undefined) {
         this.selectedItemContent = selectedItem
             ? selectedItem.itemChildren
@@ -468,6 +452,20 @@ export class PickerBase extends SizedMixin(SpectrumElement, {
         `;
     }
 
+    protected renderLoader(): TemplateResult {
+        import(
+            '@spectrum-web-components/progress-circle/sp-progress-circle.js'
+        );
+        return html`
+            <sp-progress-circle
+                size="s"
+                indeterminate
+                role="presentation"
+                class="progress-circle"
+            ></sp-progress-circle>
+        `;
+    }
+
     protected get buttonContent(): TemplateResult[] {
         const labelClasses = {
             'visually-hidden': this.icons === 'only' && !!this.value,
@@ -509,7 +507,18 @@ export class PickerBase extends SizedMixin(SpectrumElement, {
                           ></sp-icon-alert>
                       `
                     : nothing}
-                ${this.pendingStateController.renderPendingState()}
+                ${this.pending
+                    ? html`
+                          ${this.renderLoader()}
+                          <span
+                              aria-hidden="true"
+                              class="visually-hidden"
+                              id="pending-label"
+                          >
+                              ${this.pendingLabel}
+                          </span>
+                      `
+                    : nothing}
                 <sp-icon-chevron100
                     class="picker ${chevronClass[
                         this.size as DefaultElementSize
@@ -592,7 +601,7 @@ export class PickerBase extends SizedMixin(SpectrumElement, {
                 aria-describedby="tooltip ${DESCRIPTION_ID}"
                 aria-expanded=${this.open ? 'true' : 'false'}
                 aria-haspopup="true"
-                aria-labelledby="loader icon label applied-label"
+                aria-labelledby="icon label applied-label pending-label"
                 id="button"
                 class=${ifDefined(
                     this.labelAlignment
diff --git a/packages/picker/test/index.ts b/packages/picker/test/index.ts
index ef424df414f..3242018f159 100644
--- a/packages/picker/test/index.ts
+++ b/packages/picker/test/index.ts
@@ -2115,14 +2115,13 @@ export function runPickerTests(): void {
             )) as unknown as NamedNode & {
                 children: NamedNode[];
             };
-
             expect(
-                findAccessibilityNode<NamedNode>(
-                    snapshot,
-                    (node) =>
+                findAccessibilityNode<NamedNode>(snapshot, (node) => {
+                    return (
                         node.name ===
-                        'Pending Choose your neighborhood Where do you live?'
-                )
+                        'Choose your neighborhood Where do you live? Pending'
+                    );
+                })
             ).to.not.be.null;
         });
     });
diff --git a/packages/progress-circle/src/ProgressCircle.ts b/packages/progress-circle/src/ProgressCircle.ts
index fae113c9020..0ba2210caf2 100644
--- a/packages/progress-circle/src/ProgressCircle.ts
+++ b/packages/progress-circle/src/ProgressCircle.ts
@@ -22,8 +22,8 @@ import {
     property,
     query,
 } from '@spectrum-web-components/base/src/decorators.js';
-import { getLabelFromSlot } from '@spectrum-web-components/shared/src/get-label-from-slot.js';
 import { ifDefined } from '@spectrum-web-components/base/src/directives.js';
+import { getLabelFromSlot } from '@spectrum-web-components/shared/src/get-label-from-slot.js';
 
 import progressCircleStyles from './progress-circle.css.js';
 
@@ -117,12 +117,19 @@ export class ProgressCircle extends SizedMixin(SpectrumElement, {
             }
         }
 
+        const hasAccessibleName = (): boolean => {
+            return Boolean(
+                this.label ||
+                    this.getAttribute('aria-label') ||
+                    this.getAttribute('aria-labelledby') ||
+                    this.slotEl.assignedNodes().length
+            );
+        };
+
         if (window.__swc.DEBUG) {
             if (
-                !this.label &&
-                !this.getAttribute('aria-label') &&
-                !this.getAttribute('aria-labelledby') &&
-                !this.slotEl.assignedNodes().length
+                !hasAccessibleName() &&
+                this.getAttribute('role') === 'progressbar'
             ) {
                 window.__swc.warn(
                     this,
diff --git a/tools/reactive-controllers/src/PendingState.ts b/tools/reactive-controllers/src/PendingState.ts
index a76e8987af3..e5330447a6f 100644
--- a/tools/reactive-controllers/src/PendingState.ts
+++ b/tools/reactive-controllers/src/PendingState.ts
@@ -10,11 +10,15 @@
  * governing permissions and limitations under the License.
  */
 
-import { html, LitElement, ReactiveController, TemplateResult } from 'lit';
 import '@spectrum-web-components/progress-circle/sp-progress-circle.js';
+import { html, LitElement, ReactiveController, TemplateResult } from 'lit';
 
 /**
- * Represents a host element with pending state.
+ * Renders a pending state visual element and manages the aria-label of the host element.
+ * 
+ * Currently this is used by Button only since the host element is the interactive element that needs pending state. This pattern does not work for components where the interactive element that needs pending state is in the shadow DOM. i.e. Combobox and Picker.
+ * 
+ * @TODO consider deprecating this controller since it is not used by any other component.
  */
 export interface HostWithPendingState extends LitElement {
     pendingLabel?: string;
@@ -49,17 +53,18 @@ export class PendingStateController<T extends HostWithPendingState>
     /**
      * Renders the pending state UI.
      * @returns A TemplateResult representing the pending state UI.
+     *
+     * @TODO [SWC-1119, SWC-1255, SWC-459] Confirm the accessibility warning and a11y dom tree are accurate for the pending state in button, combobox, and picker components.
      */
     public renderPendingState(): TemplateResult {
-        const pendingLabel = this.host.pendingLabel || 'Pending';
         return this.host.pending
             ? html`
                   <sp-progress-circle
                       id="loader"
                       size="s"
                       indeterminate
-                      aria-valuetext=${pendingLabel}
                       class="progress-circle"
+                      role="presentation"
                   ></sp-progress-circle>
               `
             : html``;
@@ -73,17 +78,37 @@ export class PendingStateController<T extends HostWithPendingState>
         const { pending, disabled, pendingLabel } = this.host;
         const currentAriaLabel = this.host.getAttribute('aria-label');
 
-        if (pending && !disabled && currentAriaLabel !== pendingLabel) {
-            // Cache the current `aria-label` to be restored when no longer `pending`
+        function shouldCacheAriaLabel(
+            cached: string | null,
+            current: string | null,
+            pending: string | undefined
+        ): boolean {
+            return (
+                (!cached && current !== pending) ||
+                (cached !== current && current !== pending)
+            );
+        }
+
+        // If the current `aria-label` is different from the pending label, cache it
+        // or if the cached `aria-label` is different from the current `aria-label`, cache it
+        if (
+            shouldCacheAriaLabel(
+                this.cachedAriaLabel,
+                currentAriaLabel,
+                pendingLabel
+            )
+        ) {
             this.cachedAriaLabel = currentAriaLabel;
+        }
+
+        if (pending && !disabled) {
             // Since it is pending, we set the aria-label to `pendingLabel` or "Pending"
             this.host.setAttribute('aria-label', pendingLabel || 'Pending');
-        } else if (!pending || disabled) {
+        } else {
             // Restore the cached `aria-label` if it exists
             if (this.cachedAriaLabel) {
                 this.host.setAttribute('aria-label', this.cachedAriaLabel);
-            } else if (!pending) {
-                // If no cached `aria-label` and not `pending`, remove the `aria-label`
+            } else {
                 this.host.removeAttribute('aria-label');
             }
         }
diff --git a/tools/reactive-controllers/test/pending-state.test.ts b/tools/reactive-controllers/test/pending-state.test.ts
index 7214e50d266..c939acd9d27 100644
--- a/tools/reactive-controllers/test/pending-state.test.ts
+++ b/tools/reactive-controllers/test/pending-state.test.ts
@@ -16,8 +16,8 @@ import {
     PendingStateController,
 } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';
 
+import '@spectrum-web-components/button/sp-button.js';
 import '@spectrum-web-components/progress-circle/sp-progress-circle.js';
-import '@spectrum-web-components/picker/sp-picker.js';
 
 describe('PendingStateController', () => {
     let host: HostWithPendingState;
@@ -25,7 +25,7 @@ describe('PendingStateController', () => {
 
     beforeEach(async () => {
         host = await fixture<HostWithPendingState>(html`
-            <sp-picker aria-label="clickable" pending></sp-picker>
+            <sp-button aria-label="clickable" pending>Click me</sp-button>
         `);
         controller = host.pendingStateController;
     });
@@ -33,7 +33,7 @@ describe('PendingStateController', () => {
     describe('renderPendingState', () => {
         it('should change aria-label of host when pending and when not pending', async () => {
             host = await fixture<HostWithPendingState>(html`
-                <sp-picker></sp-picker>
+                <sp-button>Click me</sp-button>
             `);
             controller = host.pendingStateController;
 
@@ -83,8 +83,8 @@ describe('PendingStateController', () => {
                     id="loader"
                     size="s"
                     indeterminate
-                    aria-valuetext=${pendingLabel}
                     class="progress-circle"
+                    role="presentation"
                 ></sp-progress-circle>
             `);
 
@@ -103,7 +103,7 @@ describe('PendingStateController', () => {
                     id="loader"
                     size="s"
                     indeterminate
-                    aria-valuetext="Pending"
+                    role="presentation"
                     class="progress-circle"
                 ></sp-progress-circle>
             `);
@@ -111,8 +111,9 @@ describe('PendingStateController', () => {
             const renderedAttributes = renderedElement.attributes;
             const expectedAttributes = expectedElement.attributes;
 
-            expect(renderedAttributes.length === expectedAttributes.length).to
-                .be.true;
+            expect(renderedAttributes.length).to.equal(
+                expectedAttributes.length
+            );
 
             for (let i = 0; i < renderedAttributes.length; i++) {
                 const renderedAttr = renderedAttributes[i];
@@ -147,7 +148,7 @@ describe('PendingStateController', () => {
                     id="loader"
                     size="s"
                     indeterminate
-                    aria-valuetext="Pending"
+                    role="presentation"
                     class="progress-circle"
                 ></sp-progress-circle>
             `);