fix(action-menu): action menu and menuitem accessibility omnibus #5023

nikkimk · 2025-01-14T17:02:45Z

Action menu items are not reading for screen readers.

Description

Action menu should be using a roving tabindex not aria-activedescendant because of cross-root ARIA limitations as well as lack of iOS support.

The sp-menu that action menu uses was refactored to use a roving tabindex, and the numpad keys fix that was made in action menu are now applied to the focus group controller which the roving tabindex contorller uses.

Related issue(s)

Motivation and context

VoiceOver could not read the menu items when navigated via keyboard because of the cross-root aria issues above. Using the same roving tabindex controller that other components in our repo use, allows us to ensure roving tabindex and keyboard navigation is accessible and consistent across all components.

How has this been tested?

Does screenreader read menuitems? (resolves #4556 and without regression on #3751)

Go to https://nikkimk-fix-a11y-action-menu--spectrum-web-components.netlify.app/storybook/iframe.html?args=&id=action-menu--default&viewMode=story
Open Voice Over
Tab to the More Actions... menu button.
Press Down Arrow repeatedly to scroll through the menu items
Press Up Arrow repeatedly to scroll through the menu items
Press Numpad Down Arrow repeatedly to and scroll through the menu items
Press Numpad Up Arrow repeatedly to and scroll through the menu items
Screenreader should read menu items

Can you use a screenreader to click a menuitem? (resolves #4997)

Go to https://nikkimk-fix-a11y-action-menu--spectrum-web-components.netlify.app/storybook/iframe.html?args=&id=menu-item--href&viewMode=story
Open Voice Over
Tab to the menuitem.
Tab focus to the button.
Press CRTL+Option+Space to click the link.
Link should be activated.

Does keyboard navigation of menuitems work as it should? (closes #4557)

Go to this WAI ARIA APG Menu Button example.
Click on the Actions menu button.
Notice that the menu opens and focus is on the first item.
Press Down Arrow.
Notice that the focus is on the second item.
Now go to https://nikkimk-fix-a11y-action-menu--spectrum-web-components.netlify.app/storybook/iframe.html?args=&id=action-menu--default&viewMode=story
Click on the More Actions... menu button.
Notice that the menu opens and focus is on the first item.
Press Down Arrow.
Notice that the focus is on the second item.

Types of changes

Bug fix (non-breaking change which fixes an issue)
New feature (non-breaking change which adds functionality)
[] Breaking change (fix or feature that would cause existing functionality to change) _This change will affect combobox, but combobox was already inaccessible. See RFC for Accessible Menu navigation for more information. _
Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

I have signed the Adobe Open Source CLA.
My code follows the code style of this project.
If my change required a change to the documentation, I have updated the documentation in this pull request.
I have read the CONTRIBUTING document.
I have added tests to cover my changes.
All new and existing tests passed.
I have reviewed at the Accessibility Practices for this feature, see: Aria Practices

Best practices

This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.

changeset-bot · 2025-01-14T17:02:49Z

🦋 Changeset detected

Latest commit: 330a307

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

github-actions · 2025-01-14T17:04:58Z

Branch preview

Review the following VRT differences

When a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:

If the changes are expected, update the current_golden_images_cache hash in the circleci config to accept the new images. Instructions are included in that file.
If the changes are unexpected, you can investigate the cause of the differences and update the code accordingly.

github-actions · 2025-01-14T17:10:55Z

Lighthouse scores

Category	Latest (report)	Main (report)	Branch (report)
Performance	0.98	0.99	0.99
Accessibility	1	1	1
Best Practices	1	1	1
SEO	1	0.92	0.92
PWA	1	1	1

What is this?

Lighthouse scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but note that the SEO scores on Netlify URLs are artifically constrained to 0.92.

Transfer Size

Category	Latest	Main	Branch
Total	251.545 kB	235.912 kB 🏆	236.729 kB
Scripts	61.759 kB	54.114 kB 🏆	54.256 kB
Stylesheet	53.779 kB	47.276 kB 🏆	47.998 kB
Document	6.228 kB	5.496 kB	5.468 kB 🏆
Font	126.82 kB	126.615 kB	126.614 kB 🏆

Request Count

Category	Latest	Main	Branch
Total	52	52	52
Scripts	41	41	41
Stylesheet	5	5	5
Document	1	1	1
Font	2	2	2

coveralls · 2025-01-14T17:13:37Z

Pull Request Test Coverage Report for Build 12772684500

Details

30 of 31 (96.77%) changed or added relevant lines in 2 files are covered.
85 unchanged lines in 4 files lost coverage.
Overall coverage decreased (-0.2%) to 97.99%

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
tools/reactive-controllers/src/FocusGroup.ts	6	7	85.71%

Files with Coverage Reduction	New Missed Lines	%
packages/menu/src/MenuItem.ts	1	96.34%
packages/picker/src/InteractionController.ts	2	93.94%
packages/picker/src/DesktopController.ts	2	90.74%
packages/menu/src/Menu.ts	80	89.58%

Totals
Change from base Build 12766815724:	-0.2%
Covered Lines:	32941
Relevant Lines:	33450

💛 - Coveralls

coveralls · 2025-01-14T17:13:37Z

Pull Request Test Coverage Report for Build 12815829608

Details

39 of 40 (97.5%) changed or added relevant lines in 3 files are covered.
97 unchanged lines in 4 files lost coverage.
Overall coverage decreased (-0.3%) to 97.95%

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
tools/reactive-controllers/src/FocusGroup.ts	9	10	90.0%

Files with Coverage Reduction	New Missed Lines	%
packages/picker/src/InteractionController.ts	2	93.94%
packages/picker/src/DesktopController.ts	2	90.74%
packages/menu/src/MenuItem.ts	13	94.25%
packages/menu/src/Menu.ts	80	89.49%

Totals
Change from base Build 12802068331:	-0.3%
Covered Lines:	32916
Relevant Lines:	33437

💛 - Coveralls

github-actions · 2025-01-14T18:12:00Z

Tachometer results

Chrome

accordion permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	678 kB	99.05ms - 102.07ms	-	faster ✔ 5% - 8% 5.19ms - 8.60ms
branch	656 kB	106.67ms - 108.25ms	slower ❌ 5% - 9% 5.19ms - 8.60ms	-

action-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	58.87ms - 59.91ms	-	faster ✔ 4% - 7% 2.17ms - 4.64ms
branch	716 kB	61.68ms - 63.91ms	slower ❌ 4% - 8% 2.17ms - 4.64ms	-

action-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	814 kB	85.04ms - 86.90ms	-	faster ✔ 2% - 4% 1.34ms - 3.91ms
branch	772 kB	87.71ms - 89.48ms	slower ❌ 2% - 5% 1.34ms - 3.91ms	-

action-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	836 kB	51.69ms - 53.22ms	-	faster ✔ 5% - 8% 2.90ms - 4.80ms
branch	794 kB	55.74ms - 56.87ms	slower ❌ 5% - 9% 2.90ms - 4.80ms	-

action-menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	959 kB	153.90ms - 156.74ms	-	faster ✔ 5% - 8% 8.84ms - 12.76ms
branch	926 kB	164.76ms - 167.47ms	slower ❌ 6% - 8% 8.84ms - 12.76ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	917 kB	76.75ms - 78.48ms	-	faster ✔ 6% - 8% 4.63ms - 7.09ms
branch	883 kB	82.60ms - 84.35ms	slower ❌ 6% - 9% 4.63ms - 7.09ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	916 kB	75.55ms - 76.52ms	-	faster ✔ 8% - 10% 6.41ms - 8.30ms
branch	882 kB	82.58ms - 84.21ms	slower ❌ 8% - 11% 6.41ms - 8.30ms	-

test-open-close-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.09 MB	1879.31ms - 1882.19ms	-	unsure 🔍 -0% - -0% -4.78ms - -0.57ms
branch	1.06 MB	1881.89ms - 1884.97ms	unsure 🔍 +0% - +0% +0.57ms - +4.78ms	-

test-open-close permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.09 MB	1884.18ms - 1887.05ms	-	unsure 🔍 -0% - -0% -5.38ms - -1.08ms
branch	1.06 MB	1887.25ms - 1890.45ms	unsure 🔍 +0% - +0% +1.08ms - +5.38ms	-

alert-banner permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	688 kB	14.76ms - 15.04ms	-	faster ✔ 2% - 5% 0.37ms - 0.78ms
branch	665 kB	15.32ms - 15.63ms	slower ❌ 2% - 5% 0.37ms - 0.78ms	-

alert-dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	115.79ms - 116.70ms	-	faster ✔ 2% - 3% 2.18ms - 3.95ms
branch	697 kB	118.55ms - 120.07ms	slower ❌ 2% - 3% 2.18ms - 3.95ms	-

asset permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	615 kB	11.54ms - 11.71ms	-	faster ✔ 1% - 3% 0.07ms - 0.33ms
branch	594 kB	11.73ms - 11.92ms	slower ❌ 1% - 3% 0.07ms - 0.33ms	-

avatar permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	654 kB	21.34ms - 21.70ms	-	faster ✔ 1% - 4% 0.31ms - 0.90ms
branch	631 kB	21.89ms - 22.36ms	slower ❌ 1% - 4% 0.31ms - 0.90ms	-

badge permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	657 kB	28.41ms - 28.95ms	-	faster ✔ 3% - 5% 0.81ms - 1.62ms
branch	634 kB	29.59ms - 30.20ms	slower ❌ 3% - 6% 0.81ms - 1.62ms	-

breadcrumbs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	978 kB	553.30ms - 558.07ms	-	faster ✔ 2% - 4% 13.27ms - 20.86ms
branch	945 kB	569.80ms - 575.70ms	slower ❌ 2% - 4% 13.27ms - 20.86ms	-

button-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	731 kB	48.11ms - 49.05ms	-	faster ✔ 6% - 9% 3.38ms - 4.77ms
branch	689 kB	52.14ms - 53.17ms	slower ❌ 7% - 10% 3.38ms - 4.77ms	-

button permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	55.29ms - 56.33ms	-	faster ✔ 6% - 9% 3.53ms - 5.30ms
branch	697 kB	59.50ms - 60.94ms	slower ❌ 6% - 10% 3.53ms - 5.30ms	-

card permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	781 kB	40.80ms - 41.45ms	-	faster ✔ 2% - 5% 1.03ms - 2.13ms
branch	758 kB	42.26ms - 43.15ms	slower ❌ 2% - 5% 1.03ms - 2.13ms	-

checkbox permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	680 kB	49.28ms - 50.88ms	-	unsure 🔍 -4% - +1% -1.99ms - +0.43ms
branch	657 kB	49.96ms - 51.77ms	unsure 🔍 -1% - +4% -0.43ms - +1.99ms	-

coachmark permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	911 kB	100.43ms - 102.53ms	-	faster ✔ 4% - 7% 3.69ms - 7.80ms
branch	865 kB	105.46ms - 108.99ms	slower ❌ 4% - 8% 3.69ms - 7.80ms	-

color-area permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	711 kB	133.91ms - 135.21ms	-	faster ✔ 1% - 3% 1.22ms - 3.88ms
branch	689 kB	135.95ms - 138.27ms	slower ❌ 1% - 3% 1.22ms - 3.88ms	-

color-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	748 kB	48.44ms - 49.13ms	-	faster ✔ 4% - 6% 2.03ms - 3.27ms
branch	725 kB	50.92ms - 51.95ms	slower ❌ 4% - 7% 2.03ms - 3.27ms	-

color-handle permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	628 kB	23.79ms - 24.28ms	-	faster ✔ 0% - 3% 0.12ms - 0.79ms
branch	606 kB	24.26ms - 24.72ms	slower ❌ 0% - 3% 0.12ms - 0.79ms	-

color-loupe permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	620 kB	17.65ms - 18.40ms	-	unsure 🔍 -3% - +2% -0.49ms - +0.39ms
branch	598 kB	17.85ms - 18.30ms	unsure 🔍 -2% - +3% -0.39ms - +0.49ms	-

color-slider permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	713 kB	115.59ms - 116.85ms	-	faster ✔ 1% - 2% 1.01ms - 2.61ms
branch	691 kB	117.55ms - 118.52ms	slower ❌ 1% - 2% 1.01ms - 2.61ms	-

color-wheel permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	714 kB	112.17ms - 113.84ms	-	faster ✔ 1% - 4% 1.45ms - 4.08ms
branch	692 kB	114.75ms - 116.79ms	slower ❌ 1% - 4% 1.45ms - 4.08ms	-

combobox permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1 MB	46.29ms - 47.41ms	-	faster ✔ 1% - 4% 0.54ms - 2.07ms
branch	966 kB	47.63ms - 48.68ms	slower ❌ 1% - 4% 0.54ms - 2.07ms	-

light-dom-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1 MB	440.22ms - 447.37ms	-	faster ✔ 1% - 4% 6.21ms - 16.91ms
branch	967 kB	451.37ms - 459.34ms	slower ❌ 1% - 4% 6.21ms - 16.91ms	-

contextual-help permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	945 kB	57.24ms - 58.36ms	-	faster ✔ 7% - 10% 4.32ms - 6.37ms
branch	899 kB	62.28ms - 64.00ms	slower ❌ 7% - 11% 4.32ms - 6.37ms	-

dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	802 kB	84.96ms - 86.25ms	-	faster ✔ 0% - 3% 0.40ms - 2.28ms
branch	760 kB	86.27ms - 87.62ms	slower ❌ 0% - 3% 0.40ms - 2.28ms	-

divider permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	616 kB	11.58ms - 11.77ms	-	faster ✔ 2% - 4% 0.19ms - 0.46ms
branch	595 kB	11.91ms - 12.10ms	slower ❌ 2% - 4% 0.19ms - 0.46ms	-

dropzone permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	624 kB	17.97ms - 18.23ms	-	faster ✔ 1% - 3% 0.16ms - 0.56ms
branch	603 kB	18.31ms - 18.60ms	slower ❌ 1% - 3% 0.16ms - 0.56ms	-

field-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	686 kB	47.82ms - 48.82ms	-	faster ✔ 5% - 8% 2.41ms - 4.17ms
branch	663 kB	50.88ms - 52.34ms	slower ❌ 5% - 9% 2.41ms - 4.17ms	-

field-label permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	23.85ms - 24.30ms	-	faster ✔ 0% - 3% 0.07ms - 0.66ms
branch	628 kB	24.26ms - 24.63ms	slower ❌ 0% - 3% 0.07ms - 0.66ms	-

grid permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	716 kB	48.98ms - 49.81ms	-	slower ❌ 1% - 4% 0.66ms - 2.02ms
branch	674 kB	47.51ms - 48.60ms	faster ✔ 1% - 4% 0.66ms - 2.02ms	-

help-text permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	646 kB	12.94ms - 13.15ms	-	faster ✔ 3% - 6% 0.36ms - 0.80ms
branch	623 kB	13.43ms - 13.81ms	slower ❌ 3% - 6% 0.36ms - 0.80ms	-

icon permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	17.22ms - 17.55ms	-	faster ✔ 1% - 5% 0.17ms - 1.00ms
branch	629 kB	17.60ms - 18.35ms	slower ❌ 1% - 6% 0.17ms - 1.00ms	-

illustrated-message permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	661 kB	16.91ms - 17.26ms	-	unsure 🔍 -3% - +0% -0.56ms - +0.03ms
branch	640 kB	17.11ms - 17.59ms	unsure 🔍 -0% - +3% -0.03ms - +0.56ms	-

infield-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	661 kB	17.56ms - 18.35ms	-	faster ✔ 2% - 7% 0.44ms - 1.36ms
branch	638 kB	18.63ms - 19.08ms	slower ❌ 2% - 8% 0.44ms - 1.36ms	-

link permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	641 kB	16.51ms - 16.83ms	-	faster ✔ 3% - 6% 0.52ms - 0.97ms
branch	618 kB	17.25ms - 17.57ms	slower ❌ 3% - 6% 0.52ms - 0.97ms	-

menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	741 kB	230.32ms - 232.63ms	-	faster ✔ 8% - 10% 19.55ms - 24.97ms
branch	725 kB	251.29ms - 256.19ms	slower ❌ 8% - 11% 19.55ms - 24.97ms	-

meter permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	668 kB	52.38ms - 53.06ms	-	faster ✔ 4% - 6% 2.29ms - 3.42ms
branch	645 kB	55.12ms - 56.02ms	slower ❌ 4% - 7% 2.29ms - 3.42ms	-

number-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	794 kB	79.56ms - 81.28ms	-	faster ✔ 9% - 12% 7.97ms - 10.42ms
branch	772 kB	88.73ms - 90.50ms	slower ❌ 10% - 13% 7.97ms - 10.42ms	-

overlay permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	982 kB	469.66ms - 479.47ms	-	faster ✔ 0% - 3% 0.03ms - 15.89ms
branch	940 kB	476.30ms - 488.75ms	unsure 🔍 -0% - +3% +0.03ms - +15.89ms	-

directive-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.07 MB	27.48ms - 28.08ms	-	faster ✔ 6% - 9% 1.77ms - 2.63ms
branch	1.02 MB	29.67ms - 30.29ms	slower ❌ 6% - 10% 1.77ms - 2.63ms	-

element-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.05 MB	381.47ms - 389.40ms	-	faster ✔ 2% - 4% 6.55ms - 17.02ms
branch	1.01 MB	393.81ms - 400.65ms	slower ❌ 2% - 4% 6.55ms - 17.02ms	-

lazy-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	852 kB	46.89ms - 47.76ms	-	faster ✔ 7% - 10% 3.82ms - 5.25ms
branch	806 kB	51.29ms - 52.43ms	slower ❌ 8% - 11% 3.82ms - 5.25ms	-

picker-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	674 kB	32.07ms - 32.65ms	-	faster ✔ 4% - 7% 1.27ms - 2.25ms
branch	651 kB	33.72ms - 34.51ms	slower ❌ 4% - 7% 1.27ms - 2.25ms	-

picker permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	548.35ms - 558.63ms	-	faster ✔ 3% - 5% 15.16ms - 28.87ms
branch	783 kB	570.97ms - 580.04ms	slower ❌ 3% - 5% 15.16ms - 28.87ms	-

popover permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	113.73ms - 114.80ms	-	faster ✔ 1% - 2% 0.82ms - 2.21ms
branch	775 kB	115.34ms - 116.22ms	slower ❌ 1% - 2% 0.82ms - 2.21ms	-

progress-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	666 kB	33.04ms - 33.68ms	-	faster ✔ 1% - 4% 0.41ms - 1.40ms
branch	643 kB	33.89ms - 34.64ms	slower ❌ 1% - 4% 0.41ms - 1.40ms	-

progress-circle permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	640 kB	18.36ms - 18.85ms	-	faster ✔ 2% - 5% 0.41ms - 0.99ms
branch	617 kB	19.15ms - 19.46ms	slower ❌ 2% - 5% 0.41ms - 0.99ms	-

radio permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	663 kB	40.88ms - 41.73ms	-	faster ✔ 2% - 5% 1.05ms - 2.33ms
branch	641 kB	42.51ms - 43.47ms	slower ❌ 3% - 6% 1.05ms - 2.33ms	-

search permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	737 kB	46.31ms - 47.16ms	-	faster ✔ 4% - 7% 2.02ms - 3.34ms
branch	714 kB	48.92ms - 49.92ms	slower ❌ 4% - 7% 2.02ms - 3.34ms	-

sidenav permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	688 kB	165.73ms - 170.13ms	-	faster ✔ 6% - 9% 11.53ms - 16.58ms
branch	665 kB	180.74ms - 183.22ms	slower ❌ 7% - 10% 11.53ms - 16.58ms	-

slider permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	741 kB	84.67ms - 86.30ms	-	faster ✔ 4% - 6% 3.13ms - 5.14ms
branch	718 kB	89.03ms - 90.21ms	slower ❌ 4% - 6% 3.13ms - 5.14ms	-

split-view permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	41.18ms - 41.86ms	-	faster ✔ 1% - 3% 0.45ms - 1.44ms
branch	629 kB	42.11ms - 42.82ms	slower ❌ 1% - 3% 0.45ms - 1.44ms	-

swatch permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	669 kB	16.45ms - 16.73ms	-	faster ✔ 6% - 9% 1.15ms - 1.65ms
branch	646 kB	17.79ms - 18.19ms	slower ❌ 7% - 10% 1.15ms - 1.65ms	-

switch permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	657 kB	17.89ms - 18.36ms	-	faster ✔ 5% - 9% 0.95ms - 1.88ms
branch	634 kB	19.14ms - 19.94ms	slower ❌ 5% - 10% 0.95ms - 1.88ms	-

table permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	802 kB	137.48ms - 140.29ms	-	faster ✔ 3% - 6% 4.16ms - 8.18ms
branch	754 kB	143.61ms - 146.49ms	slower ❌ 3% - 6% 4.16ms - 8.18ms	-

tabs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	683 kB	127.04ms - 129.06ms	-	faster ✔ 0% - 2% 0.32ms - 3.09ms
branch	660 kB	128.81ms - 130.70ms	slower ❌ 0% - 2% 0.32ms - 3.09ms	-

tags permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	712 kB	15.91ms - 16.22ms	-	unsure 🔍 -2% - +2% -0.27ms - +0.28ms
branch	689 kB	15.83ms - 16.29ms	unsure 🔍 -2% - +2% -0.28ms - +0.27ms	-

textfield permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	693 kB	28.14ms - 28.82ms	-	faster ✔ 9% - 12% 2.93ms - 3.91ms
branch	670 kB	31.55ms - 32.25ms	slower ❌ 10% - 14% 2.93ms - 3.91ms	-

thumbnail permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.02 MB	26.47ms - 26.94ms	-	faster ✔ 2% - 6% 0.58ms - 1.54ms
branch	994 kB	27.35ms - 28.18ms	slower ❌ 2% - 6% 0.58ms - 1.54ms	-

toast permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	697 kB	33.35ms - 35.30ms	-	faster ✔ 3% - 8% 0.97ms - 3.08ms
branch	674 kB	35.94ms - 36.76ms	slower ❌ 3% - 9% 0.97ms - 3.08ms	-

tooltip permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	873 kB	38.51ms - 39.19ms	-	faster ✔ 3% - 6% 1.14ms - 2.36ms
branch	829 kB	40.10ms - 41.11ms	slower ❌ 3% - 6% 1.14ms - 2.36ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	831 kB	27.01ms - 27.54ms	-	faster ✔ 9% - 12% 2.69ms - 3.54ms
branch	789 kB	30.06ms - 30.73ms	slower ❌ 10% - 13% 2.69ms - 3.54ms	-

test-element permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	957 kB	57.05ms - 58.08ms	-	faster ✔ 5% - 8% 3.11ms - 4.67ms
branch	912 kB	60.88ms - 62.04ms	slower ❌ 5% - 8% 3.11ms - 4.67ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	933 kB	47.07ms - 48.09ms	-	faster ✔ 6% - 9% 2.83ms - 4.43ms
branch	887 kB	50.60ms - 51.82ms	slower ❌ 6% - 9% 2.83ms - 4.43ms	-

top-nav permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	689 kB	44.00ms - 44.93ms	-	faster ✔ 3% - 6% 1.50ms - 2.88ms
branch	666 kB	46.15ms - 47.15ms	slower ❌ 3% - 7% 1.50ms - 2.88ms	-

tray permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	110.62ms - 113.36ms	-	unsure 🔍 -1% - +1% -1.66ms - +1.22ms
branch	775 kB	111.76ms - 112.67ms	unsure 🔍 -1% - +1% -1.22ms - +1.66ms	-

truncated permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	789 kB	68.29ms - 69.36ms	-	faster ✔ 4% - 6% 2.64ms - 4.24ms
branch	763 kB	71.68ms - 72.85ms	slower ❌ 4% - 6% 2.64ms - 4.24ms	-

underlay permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	615 kB	12.28ms - 12.45ms	-	faster ✔ 0% - 4% 0.01ms - 0.48ms
branch	594 kB	12.39ms - 12.83ms	slower ❌ 0% - 4% 0.01ms - 0.48ms	-

Firefox

accordion permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	678 kB	201.69ms - 209.03ms	-	faster ✔ 4% - 9% 8.88ms - 21.00ms
branch	656 kB	215.48ms - 225.12ms	slower ❌ 4% - 10% 8.88ms - 21.00ms	-

action-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	119.66ms - 128.18ms	-	faster ✔ 2% - 11% 2.16ms - 15.28ms
branch	716 kB	127.64ms - 137.64ms	slower ❌ 2% - 12% 2.16ms - 15.28ms	-

action-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	814 kB	174.25ms - 181.79ms	-	faster ✔ 1% - 7% 1.11ms - 12.49ms
branch	772 kB	180.55ms - 189.09ms	slower ❌ 1% - 7% 1.11ms - 12.49ms	-

action-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	836 kB	113.46ms - 121.86ms	-	unsure 🔍 -9% - +0% -11.86ms - +0.30ms
branch	794 kB	119.04ms - 127.84ms	unsure 🔍 -0% - +10% -0.30ms - +11.86ms	-

action-menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	959 kB	293.83ms - 298.29ms	-	faster ✔ 17% - 18% 59.22ms - 66.70ms
branch	926 kB	356.01ms - 362.03ms	slower ❌ 20% - 23% 59.22ms - 66.70ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	917 kB	161.41ms - 166.83ms	-	slower ❌ 1% - 6% 1.22ms - 9.10ms
branch	883 kB	156.10ms - 161.82ms	faster ✔ 1% - 6% 1.22ms - 9.10ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	916 kB	141.95ms - 147.25ms	-	faster ✔ 2% - 7% 3.44ms - 10.56ms
branch	882 kB	149.21ms - 153.99ms	slower ❌ 2% - 7% 3.44ms - 10.56ms	-

test-open-close-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.09 MB	1901.98ms - 1913.42ms	-	faster ✔ 0% - 1% 0.39ms - 15.21ms
branch	1.06 MB	1910.78ms - 1920.22ms	slower ❌ 0% - 1% 0.39ms - 15.21ms	-

test-open-close permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.09 MB	1907.46ms - 1912.62ms	-	faster ✔ 0% - 1% 7.19ms - 16.25ms
branch	1.06 MB	1918.04ms - 1925.48ms	slower ❌ 0% - 1% 7.19ms - 16.25ms	-

alert-banner permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	688 kB	31.60ms - 35.68ms	-	unsure 🔍 -5% - +10% -1.46ms - +3.34ms
branch	665 kB	31.45ms - 33.95ms	unsure 🔍 -10% - +4% -3.34ms - +1.46ms	-

alert-dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	209.29ms - 221.55ms	-	unsure 🔍 -5% - +4% -10.00ms - +8.04ms
branch	697 kB	209.77ms - 223.03ms	unsure 🔍 -4% - +5% -8.04ms - +10.00ms	-

asset permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	615 kB	22.85ms - 23.67ms	-	unsure 🔍 -5% - +1% -1.16ms - +0.32ms
branch	594 kB	23.06ms - 24.30ms	unsure 🔍 -1% - +5% -0.32ms - +1.16ms	-

avatar permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	654 kB	51.37ms - 54.63ms	-	faster ✔ 1% - 11% 0.28ms - 6.08ms
branch	631 kB	53.78ms - 58.58ms	slower ❌ 0% - 12% 0.28ms - 6.08ms	-

badge permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	657 kB	56.10ms - 59.54ms	-	unsure 🔍 -8% - +2% -4.58ms - +1.14ms
branch	634 kB	57.25ms - 61.83ms	unsure 🔍 -2% - +8% -1.14ms - +4.58ms	-

breadcrumbs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	978 kB	872.68ms - 884.24ms	-	faster ✔ 2% - 5% 18.46ms - 43.94ms
branch	945 kB	898.31ms - 921.01ms	slower ❌ 2% - 5% 18.46ms - 43.94ms	-

button-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	731 kB	115.90ms - 123.34ms	-	faster ✔ 1% - 9% 1.52ms - 11.84ms
branch	689 kB	122.72ms - 129.88ms	slower ❌ 1% - 10% 1.52ms - 11.84ms	-

button permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	130.00ms - 136.60ms	-	unsure 🔍 -5% - +2% -6.88ms - +2.48ms
branch	697 kB	132.18ms - 138.82ms	unsure 🔍 -2% - +5% -2.48ms - +6.88ms	-

card permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	781 kB	83.91ms - 89.65ms	-	faster ✔ 2% - 13% 1.81ms - 12.79ms
branch	758 kB	89.40ms - 98.76ms	slower ❌ 2% - 15% 1.81ms - 12.79ms	-

checkbox permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	680 kB	107.36ms - 116.20ms	-	unsure 🔍 -5% - +4% -6.16ms - +4.88ms
branch	657 kB	109.12ms - 115.72ms	unsure 🔍 -4% - +6% -4.88ms - +6.16ms	-

coachmark permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	911 kB	196.28ms - 201.60ms	-	faster ✔ 3% - 7% 5.33ms - 14.39ms
branch	865 kB	205.14ms - 212.46ms	slower ❌ 3% - 7% 5.33ms - 14.39ms	-

color-area permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	711 kB	195.95ms - 205.57ms	-	unsure 🔍 -5% - +2% -10.55ms - +3.55ms
branch	689 kB	199.10ms - 209.42ms	unsure 🔍 -2% - +5% -3.55ms - +10.55ms	-

color-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	756 kB	87.02ms - 91.22ms	-	unsure 🔍 -6% - +2% -5.53ms - +2.13ms
branch	733 kB	87.62ms - 94.02ms	unsure 🔍 -2% - +6% -2.13ms - +5.53ms	-

color-handle permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	628 kB	50.36ms - 53.84ms	-	unsure 🔍 -7% - +2% -3.65ms - +1.21ms
branch	606 kB	51.63ms - 55.01ms	unsure 🔍 -2% - +7% -1.21ms - +3.65ms	-

color-loupe permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	620 kB	34.91ms - 38.09ms	-	unsure 🔍 -9% - +5% -3.23ms - +1.87ms
branch	598 kB	35.20ms - 39.16ms	unsure 🔍 -5% - +9% -1.87ms - +3.23ms	-

color-slider permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	713 kB	171.03ms - 180.17ms	-	unsure 🔍 -4% - +3% -6.60ms - +5.40ms
branch	691 kB	172.31ms - 180.09ms	unsure 🔍 -3% - +4% -5.40ms - +6.60ms	-

color-wheel permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	714 kB	162.53ms - 173.75ms	-	unsure 🔍 -4% - +4% -7.52ms - +6.20ms
branch	692 kB	164.86ms - 172.74ms	unsure 🔍 -4% - +4% -6.20ms - +7.52ms	-

combobox permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1 MB	70.59ms - 72.69ms	-	faster ✔ 1% - 5% 0.69ms - 3.59ms
branch	966 kB	72.78ms - 74.78ms	slower ❌ 1% - 5% 0.69ms - 3.59ms	-

light-dom-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1 MB	796.78ms - 809.30ms	-	slower ❌ 4% - 8% 31.06ms - 58.30ms
branch	967 kB	746.26ms - 770.46ms	faster ✔ 4% - 7% 31.06ms - 58.30ms	-

contextual-help permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	945 kB	116.57ms - 121.79ms	-	faster ✔ 3% - 9% 3.23ms - 10.97ms
branch	899 kB	123.42ms - 129.14ms	slower ❌ 3% - 9% 3.23ms - 10.97ms	-

dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	802 kB	132.20ms - 143.12ms	-	unsure 🔍 -5% - +5% -7.10ms - +7.30ms
branch	760 kB	132.86ms - 142.26ms	unsure 🔍 -5% - +5% -7.30ms - +7.10ms	-

divider permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	616 kB	23.25ms - 24.71ms	-	unsure 🔍 -4% - +3% -0.90ms - +0.70ms
branch	595 kB	23.74ms - 24.42ms	unsure 🔍 -3% - +4% -0.70ms - +0.90ms	-

dropzone permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	624 kB	29.83ms - 31.01ms	-	unsure 🔍 -7% - +1% -2.22ms - +0.50ms
branch	603 kB	30.06ms - 32.50ms	unsure 🔍 -2% - +7% -0.50ms - +2.22ms	-

field-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	686 kB	98.31ms - 103.81ms	-	faster ✔ 1% - 9% 0.60ms - 9.32ms
branch	663 kB	102.64ms - 109.40ms	slower ❌ 1% - 9% 0.60ms - 9.32ms	-

field-label permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	57.56ms - 61.32ms	-	unsure 🔍 -6% - +3% -3.49ms - +2.05ms
branch	628 kB	58.13ms - 62.19ms	unsure 🔍 -3% - +6% -2.05ms - +3.49ms	-

grid permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	716 kB	92.33ms - 99.67ms	-	slower ❌ 2% - 14% 1.92ms - 12.00ms
branch	674 kB	85.58ms - 92.50ms	faster ✔ 2% - 12% 1.92ms - 12.00ms	-

help-text permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	646 kB	30.56ms - 33.48ms	-	unsure 🔍 -6% - +7% -1.90ms - +2.26ms
branch	623 kB	30.36ms - 33.32ms	unsure 🔍 -7% - +6% -2.26ms - +1.90ms	-

icon permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	45.20ms - 49.04ms	-	unsure 🔍 -1% - +10% -0.50ms - +4.38ms
branch	629 kB	43.67ms - 46.69ms	unsure 🔍 -9% - +1% -4.38ms - +0.50ms	-

illustrated-message permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	661 kB	33.53ms - 36.51ms	-	unsure 🔍 -4% - +7% -1.39ms - +2.31ms
branch	640 kB	33.45ms - 35.67ms	unsure 🔍 -7% - +4% -2.31ms - +1.39ms	-

infield-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	661 kB	44.09ms - 47.87ms	-	unsure 🔍 -9% - +2% -4.53ms - +1.13ms
branch	638 kB	45.58ms - 49.78ms	unsure 🔍 -3% - +10% -1.13ms - +4.53ms	-

link permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	641 kB	34.93ms - 37.75ms	-	unsure 🔍 -8% - +2% -3.09ms - +0.85ms
branch	618 kB	36.08ms - 38.84ms	unsure 🔍 -2% - +9% -0.85ms - +3.09ms	-

menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	741 kB	411.39ms - 427.17ms	-	faster ✔ 5% - 10% 22.66ms - 43.38ms
branch	725 kB	445.58ms - 459.02ms	slower ❌ 5% - 10% 22.66ms - 43.38ms	-

meter permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	668 kB	93.28ms - 99.92ms	-	unsure 🔍 -5% - +4% -5.18ms - +4.30ms
branch	645 kB	93.66ms - 100.42ms	unsure 🔍 -4% - +5% -4.30ms - +5.18ms	-

number-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	794 kB	164.48ms - 174.12ms	-	faster ✔ 5% - 11% 8.55ms - 21.17ms
branch	772 kB	180.09ms - 188.23ms	slower ❌ 5% - 13% 8.55ms - 21.17ms	-

overlay permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.06 MB	770.50ms - 793.90ms	-	slower ❌ 7% - 11% 47.70ms - 79.86ms
branch	1.02 MB	707.39ms - 729.45ms	faster ✔ 6% - 10% 47.70ms - 79.86ms	-

directive-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.07 MB	54.67ms - 55.81ms	-	faster ✔ 2% - 6% 1.33ms - 3.19ms
branch	1.02 MB	56.76ms - 58.24ms	slower ❌ 2% - 6% 1.33ms - 3.19ms	-

element-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.05 MB	753.73ms - 774.75ms	-	slower ❌ 2% - 7% 14.41ms - 52.79ms
branch	1.01 MB	714.58ms - 746.70ms	faster ✔ 2% - 7% 14.41ms - 52.79ms	-

lazy-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	852 kB	97.27ms - 99.49ms	-	faster ✔ 6% - 8% 6.06ms - 8.94ms
branch	806 kB	104.96ms - 106.80ms	slower ❌ 6% - 9% 6.06ms - 8.94ms	-

picker-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	674 kB	67.92ms - 73.32ms	-	unsure 🔍 -8% - +2% -6.13ms - +1.49ms
branch	651 kB	70.26ms - 75.62ms	unsure 🔍 -2% - +9% -1.49ms - +6.13ms	-

picker permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	1054.56ms - 1077.20ms	-	faster ✔ 4% - 6% 41.90ms - 70.94ms
branch	783 kB	1113.21ms - 1131.39ms	slower ❌ 4% - 7% 41.90ms - 70.94ms	-

popover permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	156.34ms - 167.30ms	-	unsure 🔍 -7% - +2% -11.02ms - +3.74ms
branch	775 kB	160.52ms - 170.40ms	unsure 🔍 -2% - +7% -3.74ms - +11.02ms	-

progress-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	666 kB	66.84ms - 71.92ms	-	unsure 🔍 -7% - +3% -4.84ms - +2.44ms
branch	643 kB	67.97ms - 73.19ms	unsure 🔍 -4% - +7% -2.44ms - +4.84ms	-

progress-circle permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	640 kB	39.09ms - 43.27ms	-	unsure 🔍 -5% - +8% -1.88ms - +3.32ms
branch	617 kB	38.92ms - 42.00ms	unsure 🔍 -8% - +4% -3.32ms - +1.88ms	-

radio permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	663 kB	89.69ms - 95.19ms	-	unsure 🔍 -6% - +3% -5.91ms - +3.07ms
branch	641 kB	90.31ms - 97.41ms	unsure 🔍 -3% - +6% -3.07ms - +5.91ms	-

search permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	737 kB	89.08ms - 94.60ms	-	faster ✔ 2% - 11% 1.75ms - 11.09ms
branch	714 kB	94.49ms - 102.03ms	slower ❌ 2% - 12% 1.75ms - 11.09ms	-

sidenav permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	688 kB	367.24ms - 381.48ms	-	faster ✔ 3% - 7% 9.99ms - 29.29ms
branch	665 kB	387.49ms - 400.51ms	slower ❌ 3% - 8% 9.99ms - 29.29ms	-

slider permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	741 kB	163.54ms - 169.82ms	-	faster ✔ 2% - 8% 3.76ms - 14.44ms
branch	718 kB	171.46ms - 180.10ms	slower ❌ 2% - 9% 3.76ms - 14.44ms	-

split-view permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	79.69ms - 85.71ms	-	unsure 🔍 -9% - +3% -7.56ms - +2.40ms
branch	629 kB	81.30ms - 89.26ms	unsure 🔍 -3% - +9% -2.40ms - +7.56ms	-

swatch permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	669 kB	36.37ms - 39.51ms	-	faster ✔ 0% - 11% 0.06ms - 4.42ms
branch	646 kB	38.66ms - 41.70ms	unsure 🔍 -0% - +12% +0.06ms - +4.42ms	-

switch permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	657 kB	40.53ms - 43.59ms	-	unsure 🔍 -7% - +4% -2.97ms - +1.57ms
branch	634 kB	41.08ms - 44.44ms	unsure 🔍 -4% - +7% -1.57ms - +2.97ms	-

table permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	802 kB	301.21ms - 313.43ms	-	unsure 🔍 -4% - +0% -13.73ms - +1.37ms
branch	754 kB	309.07ms - 317.93ms	unsure 🔍 -0% - +5% -1.37ms - +13.73ms	-

tabs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	683 kB	206.72ms - 214.20ms	-	faster ✔ 1% - 7% 1.08ms - 14.56ms
branch	660 kB	212.67ms - 223.89ms	slower ❌ 0% - 7% 1.08ms - 14.56ms	-

tags permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	712 kB	32.58ms - 35.94ms	-	unsure 🔍 -10% - +5% -3.53ms - +1.65ms
branch	689 kB	33.24ms - 37.16ms	unsure 🔍 -5% - +10% -1.65ms - +3.53ms	-

textfield permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	693 kB	54.36ms - 58.76ms	-	faster ✔ 4% - 14% 2.21ms - 8.95ms
branch	670 kB	59.59ms - 64.69ms	slower ❌ 4% - 16% 2.21ms - 8.95ms	-

thumbnail permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.02 MB	66.64ms - 70.56ms	-	unsure 🔍 -6% - +3% -4.26ms - +1.90ms
branch	994 kB	67.40ms - 72.16ms	unsure 🔍 -3% - +6% -1.90ms - +4.26ms	-

toast permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	697 kB	85.64ms - 90.72ms	-	unsure 🔍 -8% - +1% -7.06ms - +0.82ms
branch	674 kB	88.28ms - 94.32ms	unsure 🔍 -1% - +8% -0.82ms - +7.06ms	-

tooltip permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	957 kB	75.78ms - 78.82ms	-	faster ✔ 4% - 10% 2.96ms - 8.12ms
branch	912 kB	80.75ms - 84.93ms	slower ❌ 4% - 11% 2.96ms - 8.12ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	831 kB	53.44ms - 57.04ms	-	unsure 🔍 -4% - +3% -2.01ms - +1.93ms
branch	789 kB	54.47ms - 56.09ms	unsure 🔍 -4% - +4% -1.93ms - +2.01ms	-

test-element permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	957 kB	163.91ms - 170.89ms	-	slower ❌ 17% - 27% 24.56ms - 35.80ms
branch	912 kB	132.81ms - 141.63ms	faster ✔ 15% - 21% 24.56ms - 35.80ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	933 kB	93.38ms - 96.18ms	-	faster ✔ 9% - 16% 9.41ms - 17.43ms
branch	887 kB	104.45ms - 111.95ms	slower ❌ 10% - 18% 9.41ms - 17.43ms	-

top-nav permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	689 kB	105.40ms - 111.88ms	-	faster ✔ 2% - 10% 2.05ms - 11.55ms
branch	666 kB	111.97ms - 118.91ms	slower ❌ 2% - 11% 2.05ms - 11.55ms	-

tray permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	182.52ms - 193.72ms	-	unsure 🔍 -4% - +4% -7.86ms - +7.54ms
branch	775 kB	183.00ms - 193.56ms	unsure 🔍 -4% - +4% -7.54ms - +7.86ms	-

truncated permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	789 kB	125.14ms - 131.26ms	-	unsure 🔍 -4% - +3% -5.10ms - +3.94ms
branch	763 kB	125.45ms - 132.11ms	unsure 🔍 -3% - +4% -3.94ms - +5.10ms	-

underlay permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	615 kB	25.52ms - 27.16ms	-	unsure 🔍 -8% - +2% -2.16ms - +0.68ms
branch	594 kB	25.93ms - 28.23ms	unsure 🔍 -3% - +8% -0.68ms - +2.16ms	-

…rum-web-components into nikkimk/fix-a11y-action-menu

nikkimk added 3 commits January 8, 2025 15:18

fix(menu): refactoring to use rovingtabindex controller

b9b7aa6

fix: added numpad keys to focus group controller

906953f

test(action-menu): added keyboard tests for accessibility

a3afb74

nikkimk added 2 commits January 14, 2025 12:03

Create three-taxis-hunt.md

ef34e28

Merge branch 'main' into nikkimk/fix-a11y-action-menu

e35d9e8

nikkimk and others added 6 commits January 15, 2025 13:48

fix(menu): fixes a11y issue with menuitem as href

8b3224d

test(menu): added a test for menuitem href a11y

6dfb639

Merge branch 'nikkimk/fix-a11y-action-menu' of github.com:adobe/spect…

7ce405c

…rum-web-components into nikkimk/fix-a11y-action-menu

fix(menu): prevents recursion and fixes Firefox keyboard nav

97bfa81

Merge branch 'main' into nikkimk/fix-a11y-action-menu

fd44c0c

test(menu): updated tests

330a307

nikkimk changed the title ~~fix(action-menu): action menu doesn't read for screen readers~~ fix(action-menu): action menu accessibility omnibus Jan 16, 2025

nikkimk changed the title ~~fix(action-menu): action menu accessibility omnibus~~ fix(action-menu): action menu and menuitem accessibility omnibus Jan 16, 2025

nikkimk closed this Jan 17, 2025

nikkimk deleted the nikkimk/fix-a11y-action-menu branch January 17, 2025 14:07

fix(action-menu): action menu and menuitem accessibility omnibus #5023

fix(action-menu): action menu and menuitem accessibility omnibus #5023

Conversation

nikkimk commented Jan 14, 2025 • edited Loading

Description

Related issue(s)

Motivation and context

How has this been tested?

Does screenreader read menuitems? (resolves #4556 and without regression on #3751)

Can you use a screenreader to click a menuitem? (resolves #4997)

Does keyboard navigation of menuitems work as it should? (closes #4557)

Types of changes

Checklist

Best practices

changeset-bot bot commented Jan 14, 2025 • edited Loading

🦋 Changeset detected

github-actions bot commented Jan 14, 2025

Branch preview

Review the following VRT differences

github-actions bot commented Jan 14, 2025 • edited Loading

Lighthouse scores

Transfer Size

Request Count

coveralls commented Jan 14, 2025

Pull Request Test Coverage Report for Build 12772684500

Details

💛 - Coveralls

coveralls commented Jan 14, 2025 • edited Loading

Pull Request Test Coverage Report for Build 12815829608

Details

💛 - Coveralls

github-actions bot commented Jan 14, 2025 • edited Loading

Tachometer results

accordion permalink

basic-test

action-bar permalink

basic-test

action-button permalink

basic-test

action-group permalink

basic-test

action-menu permalink

test-basic

test-directive permalink

test-lazy permalink

test-open-close-directive permalink

test-open-close permalink

alert-banner permalink

basic-test

alert-dialog permalink

basic-test

asset permalink

basic-test

avatar permalink

test-basic

badge permalink

basic-test

breadcrumbs permalink

basic-test

button-group permalink

basic-test

button permalink

test-basic

card permalink

test-basic

checkbox permalink

test-basic

coachmark permalink

basic-test

color-area permalink

basic-test

color-field permalink

basic-test

color-handle permalink

basic-test

color-loupe permalink

basic-test

color-slider permalink

basic-test

color-wheel permalink

nikkimk commented Jan 14, 2025 •

edited

Loading

changeset-bot bot commented Jan 14, 2025 •

edited

Loading

github-actions bot commented Jan 14, 2025 •

edited

Loading

coveralls commented Jan 14, 2025 •

edited

Loading

github-actions bot commented Jan 14, 2025 •

edited

Loading