diff --git a/packages/number-field/src/NumberField.ts b/packages/number-field/src/NumberField.ts index 447771ca3d..90d67581ba 100644 --- a/packages/number-field/src/NumberField.ts +++ b/packages/number-field/src/NumberField.ts @@ -747,7 +747,7 @@ export class NumberField extends TextfieldBase { inline="end" block="start" class="button step-up" - aria-describedby=${this.helpTextId} + aria-hidden="true" label=${'Increase ' + this.appliedLabel} size=${this.size} tabindex="-1" @@ -764,7 +764,7 @@ export class NumberField extends TextfieldBase { inline="end" block="end" class="button step-down" - aria-describedby=${this.helpTextId} + aria-hidden="true" label=${'Decrease ' + this.appliedLabel} size=${this.size} tabindex="-1" diff --git a/packages/number-field/test/number-field.test.ts b/packages/number-field/test/number-field.test.ts index 1521027c9d..333bca287f 100644 --- a/packages/number-field/test/number-field.test.ts +++ b/packages/number-field/test/number-field.test.ts @@ -1753,7 +1753,7 @@ describe('NumberField', () => { }); }); describe('accessibility model', () => { - it('buttons have proper label', async () => { + it('increment and decrement buttons cannot receive keyboard focus', async () => { await fixture(html`
${Default({ @@ -1777,7 +1777,7 @@ describe('NumberField', () => { (node) => node.name === 'Increase Enter a number' ), '`name` is the label text' - ).to.not.be.null; + ).to.be.null; expect( findAccessibilityNode( @@ -1785,7 +1785,7 @@ describe('NumberField', () => { (node) => node.name === 'Decrease Enter a number' ), '`name` is the label text' - ).to.not.be.null; + ).to.be.null; }); }); });