spectrum-web-components [DO NOT MERGE]: accessibility docs

Description

Improving the accessibility documentation of components.

Related issue(s)

#4210

Motivation and context

Documentation should provide more information and examples that demonstrate how to use the components accessibly. These changes started with #4652

How has this been tested?

`<sp-picker>`

Review picker docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-menu>`

Review menu docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-menu-group>`

Review menu-group docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-menu-item>`

Review menu-item docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-help-text>`

Review help text docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-button>`

Review button docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-button-group>`

Review button group docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-action-button>`

Review action button docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-action-bar>`

Review action bar docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-action-group>`

Review action group docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

`<sp-action-menu>`

Review action menu docs

[ ] Are the examples accessible?
[ ] Do the docs examples and text provide information on how to use the component accessibly?
[ ] If the component is to be used in the context of another component, do the examples include how that component is used accessibly in that context?
[ ] Are the docs headings logical and consistent across these components?

Developing a Component Guide

[ ] Does the guide for developing a component provide enough information to create accessible, consistent component docs?

Types of changes

[x] 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)
[x] Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

[x] I have signed the Adobe Open Source CLA.
[x] My code follows the code style of this project.
[x] If my change required a change to the documentation, I have updated the documentation in this pull request.
[x] I have read the CONTRIBUTING document.
[ ] I have added tests to cover my changes. N/A
[ ] All new and existing tests passed.
[x] 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.

Sep 16 '24 19:09 nikkimk

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.

Sep 16 '24 19:09 github-actions[bot]

Lighthouse scores

Category	Latest (report)	Main (report)	Branch (report)
Performance	0.99	0.98	0.97
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	250.434 kB	236.44 kB 🏆	237.227 kB
Scripts	60.08 kB	54.183 kB 🏆	54.50 kB
Stylesheet	54.243 kB	47.853 kB 🏆	48.224 kB
Document	6.243 kB	5.461 kB 🏆	5.505 kB
Font	127.003 kB	126.595 kB 🏆	126.65 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

Sep 16 '24 19:09 github-actions[bot]

Pull Request Test Coverage Report for Build 11974982570

Details

69 of 69 (100.0%) changed or added relevant lines in 4 files are covered.
No unchanged relevant lines lost coverage.
Overall coverage remained the same at 98.189%

Totals
Change from base Build 11974924176:	0.0%
Covered Lines:	32423
Relevant Lines:	32843

💛 - Coveralls

Sep 16 '24 19:09 coveralls

Tachometer results

Chrome

accordion permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	678 kB	96.10ms - 99.23ms	-	faster ✔ 5% - 9% 5.54ms - 9.36ms
branch	656 kB	104.02ms - 106.21ms	slower ❌ 6% - 10% 5.54ms - 9.36ms	-

action-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	56.72ms - 57.90ms	-	faster ✔ 2% - 5% 1.06ms - 2.90ms
branch	716 kB	58.58ms - 60.00ms	slower ❌ 2% - 5% 1.06ms - 2.90ms	-

action-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	814 kB	81.51ms - 84.09ms	-	faster ✔ 1% - 5% 1.16ms - 4.39ms
branch	772 kB	84.61ms - 86.54ms	slower ❌ 1% - 5% 1.16ms - 4.39ms	-

action-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	836 kB	50.76ms - 52.13ms	-	faster ✔ 4% - 7% 1.99ms - 3.98ms
branch	794 kB	53.71ms - 55.16ms	slower ❌ 4% - 8% 1.99ms - 3.98ms	-

action-menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	959 kB	146.56ms - 149.41ms	-	faster ✔ 3% - 6% 5.14ms - 9.18ms
branch	918 kB	153.71ms - 156.57ms	slower ❌ 3% - 6% 5.14ms - 9.18ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	917 kB	73.71ms - 74.90ms	-	faster ✔ 4% - 7% 3.48ms - 5.55ms
branch	875 kB	77.98ms - 79.67ms	slower ❌ 5% - 7% 3.48ms - 5.55ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	916 kB	72.87ms - 74.10ms	-	faster ✔ 6% - 9% 4.61ms - 6.94ms
branch	874 kB	78.26ms - 80.25ms	slower ❌ 6% - 9% 4.61ms - 6.94ms	-

test-open-close-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.09 MB	1877.74ms - 1880.97ms	-	unsure 🔍 -0% - +0% -1.25ms - +3.20ms
branch	1.05 MB	1876.85ms - 1879.90ms	unsure 🔍 -0% - +0% -3.20ms - +1.25ms	-

test-open-close permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.09 MB	1882.95ms - 1886.09ms	-	unsure 🔍 -0% - +0% -1.50ms - +2.33ms
branch	1.05 MB	1883.01ms - 1885.20ms	unsure 🔍 -0% - +0% -2.33ms - +1.50ms	-

alert-banner permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	688 kB	14.05ms - 14.31ms	-	faster ✔ 1% - 4% 0.12ms - 0.51ms
branch	665 kB	14.36ms - 14.64ms	slower ❌ 1% - 4% 0.12ms - 0.51ms	-

alert-dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	112.04ms - 114.32ms	-	faster ✔ 1% - 4% 1.02ms - 4.45ms
branch	697 kB	114.63ms - 117.19ms	slower ❌ 1% - 4% 1.02ms - 4.45ms	-

asset permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	615 kB	11.13ms - 11.31ms	-	faster ✔ 1% - 3% 0.06ms - 0.30ms
branch	594 kB	11.32ms - 11.48ms	slower ❌ 1% - 3% 0.06ms - 0.30ms	-

breadcrumbs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	978 kB	550.70ms - 556.55ms	-	faster ✔ 1% - 3% 6.66ms - 15.39ms
branch	937 kB	561.41ms - 567.90ms	slower ❌ 1% - 3% 6.66ms - 15.39ms	-

button-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	731 kB	47.71ms - 48.69ms	-	faster ✔ 6% - 9% 3.29ms - 4.67ms
branch	689 kB	51.70ms - 52.67ms	slower ❌ 7% - 10% 3.29ms - 4.67ms	-

button permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	55.02ms - 56.08ms	-	faster ✔ 5% - 8% 2.81ms - 4.90ms
branch	697 kB	58.51ms - 60.30ms	slower ❌ 5% - 9% 2.81ms - 4.90ms	-

card permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	781 kB	40.10ms - 40.81ms	-	faster ✔ 3% - 6% 1.09ms - 2.43ms
branch	758 kB	41.64ms - 42.78ms	slower ❌ 3% - 6% 1.09ms - 2.43ms	-

checkbox permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	680 kB	48.35ms - 49.43ms	-	faster ✔ 0% - 3% 0.00ms - 1.36ms
branch	657 kB	49.16ms - 49.99ms	unsure 🔍 -0% - +3% +0.00ms - +1.36ms	-

coachmark permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	911 kB	96.79ms - 98.73ms	-	faster ✔ 4% - 6% 4.04ms - 6.63ms
branch	865 kB	102.24ms - 103.95ms	slower ❌ 4% - 7% 4.04ms - 6.63ms	-

color-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	748 kB	46.90ms - 48.04ms	-	faster ✔ 2% - 5% 0.87ms - 2.37ms
branch	725 kB	48.60ms - 49.58ms	slower ❌ 2% - 5% 0.87ms - 2.37ms	-

combobox permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1 MB	43.30ms - 44.40ms	-	faster ✔ 2% - 5% 0.88ms - 2.13ms
branch	959 kB	45.07ms - 45.65ms	slower ❌ 2% - 5% 0.88ms - 2.13ms	-

light-dom-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1 MB	416.88ms - 422.77ms	-	faster ✔ 1% - 3% 4.81ms - 13.69ms
branch	959 kB	425.75ms - 432.40ms	slower ❌ 1% - 3% 4.81ms - 13.69ms	-

contextual-help permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	945 kB	55.07ms - 56.55ms	-	faster ✔ 5% - 8% 2.88ms - 4.83ms
branch	899 kB	59.04ms - 60.30ms	slower ❌ 5% - 9% 2.88ms - 4.83ms	-

dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	802 kB	83.49ms - 84.22ms	-	faster ✔ 0% - 3% 0.09ms - 2.33ms
branch	760 kB	84.01ms - 86.12ms	slower ❌ 0% - 3% 0.09ms - 2.33ms	-

field-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	686 kB	46.93ms - 49.23ms	-	faster ✔ 1% - 6% 0.71ms - 3.22ms
branch	663 kB	49.53ms - 50.56ms	slower ❌ 1% - 7% 0.71ms - 3.22ms	-

field-label permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	22.62ms - 23.09ms	-	faster ✔ 1% - 5% 0.30ms - 1.31ms
branch	628 kB	23.21ms - 24.10ms	slower ❌ 1% - 6% 0.30ms - 1.31ms	-

help-text permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	646 kB	12.17ms - 12.48ms	-	faster ✔ 2% - 7% 0.24ms - 0.85ms
branch	623 kB	12.60ms - 13.13ms	slower ❌ 2% - 7% 0.24ms - 0.85ms	-

icon permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	16.83ms - 17.26ms	-	faster ✔ 1% - 4% 0.08ms - 0.66ms
branch	629 kB	17.23ms - 17.61ms	slower ❌ 0% - 4% 0.08ms - 0.66ms	-

icons permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	628 kB	31.72ms - 32.18ms	-	faster ✔ 1% - 3% 0.27ms - 0.99ms
branch	607 kB	32.31ms - 32.85ms	slower ❌ 1% - 3% 0.27ms - 0.99ms	-

infield-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	661 kB	16.93ms - 17.30ms	-	faster ✔ 8% - 13% 1.50ms - 2.55ms
branch	638 kB	18.65ms - 19.63ms	slower ❌ 9% - 15% 1.50ms - 2.55ms	-

menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	741 kB	222.36ms - 224.60ms	-	faster ✔ 2% - 5% 5.71ms - 10.50ms
branch	718 kB	229.47ms - 233.70ms	slower ❌ 3% - 5% 5.71ms - 10.50ms	-

meter permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	668 kB	51.40ms - 52.12ms	-	faster ✔ 4% - 6% 2.13ms - 3.20ms
branch	645 kB	54.03ms - 54.82ms	slower ❌ 4% - 6% 2.13ms - 3.20ms	-

number-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	794 kB	76.48ms - 77.60ms	-	faster ✔ 9% - 11% 8.10ms - 9.81ms
branch	772 kB	85.35ms - 86.63ms	slower ❌ 10% - 13% 8.10ms - 9.81ms	-

overlay permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	984 kB	455.34ms - 462.56ms	-	unsure 🔍 -1% - +1% -4.76ms - +4.77ms
branch	940 kB	455.83ms - 462.06ms	unsure 🔍 -1% - +1% -4.77ms - +4.76ms	-

directive-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.07 MB	26.81ms - 27.43ms	-	faster ✔ 5% - 8% 1.46ms - 2.32ms
branch	1.02 MB	28.71ms - 29.30ms	slower ❌ 5% - 9% 1.46ms - 2.32ms	-

element-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.05 MB	369.05ms - 374.66ms	-	faster ✔ 2% - 4% 7.27ms - 14.68ms
branch	1.01 MB	380.42ms - 385.25ms	slower ❌ 2% - 4% 7.27ms - 14.68ms	-

lazy-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	852 kB	45.75ms - 47.01ms	-	faster ✔ 6% - 9% 2.86ms - 4.48ms
branch	806 kB	49.54ms - 50.56ms	slower ❌ 6% - 10% 2.86ms - 4.48ms	-

picker-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	674 kB	31.44ms - 32.11ms	-	faster ✔ 4% - 7% 1.34ms - 2.44ms
branch	651 kB	33.23ms - 34.11ms	slower ❌ 4% - 8% 1.34ms - 2.44ms	-

picker permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	551.44ms - 558.78ms	-	faster ✔ 4% - 6% 21.84ms - 32.79ms
branch	776 kB	578.36ms - 586.49ms	slower ❌ 4% - 6% 21.84ms - 32.79ms	-

popover permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	110.01ms - 110.81ms	-	faster ✔ 1% - 2% 1.31ms - 2.45ms
branch	775 kB	111.88ms - 112.70ms	slower ❌ 1% - 2% 1.31ms - 2.45ms	-

progress-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	666 kB	31.46ms - 32.07ms	-	faster ✔ 1% - 5% 0.46ms - 1.60ms
branch	643 kB	32.31ms - 33.27ms	slower ❌ 1% - 5% 0.46ms - 1.60ms	-

radio permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	663 kB	39.45ms - 40.19ms	-	faster ✔ 2% - 5% 0.75ms - 1.86ms
branch	641 kB	40.72ms - 41.54ms	slower ❌ 2% - 5% 0.75ms - 1.86ms	-

search permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	737 kB	45.28ms - 46.05ms	-	faster ✔ 4% - 6% 1.89ms - 3.01ms
branch	714 kB	47.71ms - 48.53ms	slower ❌ 4% - 7% 1.89ms - 3.01ms	-

slider permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	741 kB	80.87ms - 82.11ms	-	faster ✔ 4% - 7% 3.63ms - 5.77ms
branch	718 kB	85.32ms - 87.06ms	slower ❌ 4% - 7% 3.63ms - 5.77ms	-

swatch permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	669 kB	15.72ms - 16.03ms	-	faster ✔ 7% - 10% 1.11ms - 1.81ms
branch	646 kB	17.02ms - 17.65ms	slower ❌ 7% - 11% 1.11ms - 1.81ms	-

switch permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	657 kB	17.17ms - 17.57ms	-	faster ✔ 4% - 7% 0.70ms - 1.26ms
branch	634 kB	18.16ms - 18.55ms	slower ❌ 4% - 7% 0.70ms - 1.26ms	-

table permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	802 kB	131.37ms - 133.88ms	-	faster ✔ 4% - 6% 5.01ms - 8.60ms
branch	754 kB	138.15ms - 140.72ms	slower ❌ 4% - 7% 5.01ms - 8.60ms	-

tabs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	683 kB	122.67ms - 124.09ms	-	faster ✔ 1% - 3% 0.65ms - 3.79ms
branch	660 kB	124.21ms - 127.00ms	slower ❌ 1% - 3% 0.65ms - 3.79ms	-

tags permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	712 kB	15.29ms - 15.55ms	-	unsure 🔍 -1% - +2% -0.17ms - +0.24ms
branch	689 kB	15.23ms - 15.54ms	unsure 🔍 -2% - +1% -0.24ms - +0.17ms	-

textfield permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	693 kB	26.93ms - 27.50ms	-	faster ✔ 8% - 11% 2.44ms - 3.29ms
branch	670 kB	29.77ms - 30.39ms	slower ❌ 9% - 12% 2.44ms - 3.29ms	-

toast permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	697 kB	32.16ms - 32.68ms	-	faster ✔ 7% - 10% 2.53ms - 3.60ms
branch	674 kB	35.02ms - 35.95ms	slower ❌ 8% - 11% 2.53ms - 3.60ms	-

tooltip permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	870 kB	37.78ms - 38.53ms	-	faster ✔ 3% - 5% 0.99ms - 2.07ms
branch	832 kB	39.29ms - 40.07ms	slower ❌ 3% - 5% 0.99ms - 2.07ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	831 kB	26.66ms - 27.32ms	-	faster ✔ 8% - 11% 2.31ms - 3.19ms
branch	789 kB	29.44ms - 30.04ms	slower ❌ 8% - 12% 2.31ms - 3.19ms	-

test-element permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	957 kB	56.15ms - 57.33ms	-	faster ✔ 5% - 9% 3.05ms - 5.54ms
branch	912 kB	59.94ms - 62.13ms	slower ❌ 5% - 10% 3.05ms - 5.54ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	933 kB	45.68ms - 46.76ms	-	faster ✔ 6% - 9% 2.81ms - 4.31ms
branch	887 kB	49.25ms - 50.30ms	slower ❌ 6% - 9% 2.81ms - 4.31ms	-

top-nav permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	689 kB	42.78ms - 43.87ms	-	faster ✔ 3% - 6% 1.28ms - 2.68ms
branch	666 kB	44.87ms - 45.74ms	slower ❌ 3% - 6% 1.28ms - 2.68ms	-

tray permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	107.75ms - 108.89ms	-	faster ✔ 0% - 2% 0.51ms - 2.05ms
branch	775 kB	109.09ms - 110.12ms	slower ❌ 0% - 2% 0.51ms - 2.05ms	-

truncated permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	789 kB	65.45ms - 66.25ms	-	faster ✔ 3% - 5% 2.28ms - 3.45ms
branch	763 kB	68.29ms - 69.14ms	slower ❌ 3% - 5% 2.28ms - 3.45ms	-

Firefox

accordion permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	678 kB	193.61ms - 200.71ms	-	faster ✔ 5% - 9% 9.59ms - 19.41ms
branch	656 kB	208.27ms - 215.05ms	slower ❌ 5% - 10% 9.59ms - 19.41ms	-

action-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	118.80ms - 126.84ms	-	faster ✔ 1% - 9% 1.22ms - 11.94ms
branch	716 kB	125.85ms - 132.95ms	slower ❌ 1% - 10% 1.22ms - 11.94ms	-

action-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	814 kB	168.29ms - 177.47ms	-	unsure 🔍 -6% - +1% -11.66ms - +1.38ms
branch	772 kB	173.40ms - 182.64ms	unsure 🔍 -1% - +7% -1.38ms - +11.66ms	-

action-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	836 kB	115.75ms - 122.81ms	-	faster ✔ 3% - 10% 3.04ms - 13.20ms
branch	794 kB	123.74ms - 131.06ms	slower ❌ 2% - 11% 3.04ms - 13.20ms	-

action-menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	959 kB	289.09ms - 292.47ms	-	faster ✔ 14% - 15% 46.92ms - 53.00ms
branch	918 kB	338.21ms - 343.27ms	slower ❌ 16% - 18% 46.92ms - 53.00ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	917 kB	156.23ms - 159.45ms	-	slower ❌ 8% - 11% 11.09ms - 15.31ms
branch	875 kB	143.28ms - 146.00ms	faster ✔ 7% - 10% 11.09ms - 15.31ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	916 kB	135.01ms - 137.75ms	-	faster ✔ 3% - 7% 4.38ms - 9.74ms
branch	874 kB	141.14ms - 145.74ms	slower ❌ 3% - 7% 4.38ms - 9.74ms	-

test-open-close-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.09 MB	1890.70ms - 1898.50ms	-	faster ✔ 0% - 1% 4.30ms - 14.86ms
branch	1.05 MB	1900.61ms - 1907.75ms	slower ❌ 0% - 1% 4.30ms - 14.86ms	-

test-open-close permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.09 MB	1897.91ms - 1901.85ms	-	unsure 🔍 -0% - -0% -8.17ms - -1.03ms
branch	1.05 MB	1901.50ms - 1907.46ms	unsure 🔍 +0% - +0% +1.03ms - +8.17ms	-

alert-banner permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	688 kB	29.78ms - 32.94ms	-	unsure 🔍 -13% - +1% -4.54ms - +0.46ms
branch	665 kB	31.46ms - 35.34ms	unsure 🔍 -2% - +15% -0.46ms - +4.54ms	-

alert-dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	206.20ms - 215.28ms	-	unsure 🔍 -2% - +5% -3.74ms - +9.46ms
branch	697 kB	203.09ms - 212.67ms	unsure 🔍 -4% - +2% -9.46ms - +3.74ms	-

asset permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	615 kB	24.84ms - 27.28ms	-	unsure 🔍 -10% - +4% -2.64ms - +1.04ms
branch	594 kB	25.48ms - 28.24ms	unsure 🔍 -4% - +10% -1.04ms - +2.64ms	-

breadcrumbs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	978 kB	833.70ms - 862.06ms	-	unsure 🔍 -3% - +0% -28.16ms - +1.24ms
branch	937 kB	857.48ms - 865.20ms	unsure 🔍 -0% - +3% -1.24ms - +28.16ms	-

button-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	731 kB	105.71ms - 112.81ms	-	faster ✔ 2% - 10% 1.82ms - 12.22ms
branch	689 kB	112.49ms - 120.07ms	slower ❌ 2% - 11% 1.82ms - 12.22ms	-

button permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	739 kB	128.83ms - 134.41ms	-	unsure 🔍 -6% - +1% -7.61ms - +1.01ms
branch	697 kB	131.64ms - 138.20ms	unsure 🔍 -1% - +6% -1.01ms - +7.61ms	-

card permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	781 kB	75.58ms - 80.94ms	-	unsure 🔍 -5% - +3% -4.10ms - +2.26ms
branch	758 kB	77.47ms - 80.89ms	unsure 🔍 -3% - +5% -2.26ms - +4.10ms	-

checkbox permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	680 kB	109.26ms - 115.30ms	-	unsure 🔍 -4% - +3% -4.38ms - +3.38ms
branch	657 kB	110.34ms - 115.22ms	unsure 🔍 -3% - +4% -3.38ms - +4.38ms	-

coachmark permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	911 kB	187.43ms - 194.93ms	-	faster ✔ 2% - 7% 4.53ms - 13.27ms
branch	865 kB	197.82ms - 202.34ms	slower ❌ 2% - 7% 4.53ms - 13.27ms	-

color-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	756 kB	84.77ms - 88.67ms	-	unsure 🔍 -5% - +1% -4.55ms - +1.07ms
branch	733 kB	86.44ms - 90.48ms	unsure 🔍 -1% - +5% -1.07ms - +4.55ms	-

combobox permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1 MB	71.53ms - 77.99ms	-	slower ❌ 3% - 13% 2.15ms - 9.05ms
branch	959 kB	67.96ms - 70.36ms	faster ✔ 3% - 12% 2.15ms - 9.05ms	-

light-dom-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1 MB	735.52ms - 756.80ms	-	slower ❌ 3% - 8% 20.48ms - 53.80ms
branch	959 kB	696.21ms - 721.83ms	faster ✔ 3% - 7% 20.48ms - 53.80ms	-

contextual-help permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	945 kB	111.73ms - 116.63ms	-	faster ✔ 3% - 9% 3.43ms - 11.25ms
branch	899 kB	118.48ms - 124.56ms	slower ❌ 3% - 10% 3.43ms - 11.25ms	-

dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	802 kB	126.73ms - 134.55ms	-	unsure 🔍 -6% - +2% -7.39ms - +2.91ms
branch	760 kB	129.53ms - 136.23ms	unsure 🔍 -2% - +6% -2.91ms - +7.39ms	-

field-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	686 kB	99.36ms - 106.76ms	-	unsure 🔍 -9% - +2% -10.24ms - +1.96ms
branch	663 kB	102.34ms - 112.06ms	unsure 🔍 -2% - +10% -1.96ms - +10.24ms	-

field-label permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	56.24ms - 61.92ms	-	unsure 🔍 -5% - +9% -2.97ms - +4.93ms
branch	628 kB	55.36ms - 60.84ms	unsure 🔍 -8% - +5% -4.93ms - +2.97ms	-

help-text permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	646 kB	25.39ms - 28.33ms	-	unsure 🔍 -9% - +5% -2.36ms - +1.32ms
branch	623 kB	26.28ms - 28.48ms	unsure 🔍 -5% - +9% -1.32ms - +2.36ms	-

icon permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	651 kB	39.70ms - 43.34ms	-	unsure 🔍 -9% - +3% -3.83ms - +1.35ms
branch	629 kB	40.93ms - 44.59ms	unsure 🔍 -3% - +9% -1.35ms - +3.83ms	-

icons permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	628 kB	55.02ms - 56.50ms	-	unsure 🔍 -2% - +1% -0.85ms - +0.77ms
branch	607 kB	55.47ms - 56.13ms	unsure 🔍 -1% - +2% -0.77ms - +0.85ms	-

infield-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	661 kB	40.05ms - 42.79ms	-	faster ✔ 1% - 11% 0.21ms - 4.75ms
branch	638 kB	42.09ms - 45.71ms	slower ❌ 0% - 12% 0.21ms - 4.75ms	-

menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	741 kB	393.28ms - 407.88ms	-	faster ✔ 2% - 7% 6.22ms - 30.54ms
branch	718 kB	409.23ms - 428.69ms	slower ❌ 2% - 8% 6.22ms - 30.54ms	-

meter permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	668 kB	88.53ms - 95.75ms	-	unsure 🔍 -6% - +4% -5.47ms - +3.67ms
branch	645 kB	90.24ms - 95.84ms	unsure 🔍 -4% - +6% -3.67ms - +5.47ms	-

number-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	794 kB	157.08ms - 164.60ms	-	faster ✔ 6% - 11% 9.69ms - 19.79ms
branch	772 kB	172.20ms - 178.96ms	slower ❌ 6% - 12% 9.69ms - 19.79ms	-

overlay permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.06 MB	665.33ms - 687.63ms	-	slower ❌ 6% - 10% 38.94ms - 62.02ms
branch	1.02 MB	623.03ms - 628.97ms	faster ✔ 6% - 9% 38.94ms - 62.02ms	-

directive-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.07 MB	51.78ms - 52.86ms	-	faster ✔ 2% - 5% 1.31ms - 2.73ms
branch	1.02 MB	53.87ms - 54.81ms	slower ❌ 2% - 5% 1.31ms - 2.73ms	-

element-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	1.05 MB	685.18ms - 693.58ms	-	slower ❌ 8% - 10% 51.64ms - 61.44ms
branch	1.01 MB	630.31ms - 635.37ms	faster ✔ 8% - 9% 51.64ms - 61.44ms	-

lazy-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	852 kB	97.40ms - 108.04ms	-	unsure 🔍 -2% - +10% -1.49ms - +9.53ms
branch	806 kB	97.29ms - 100.11ms	unsure 🔍 -9% - +1% -9.53ms - +1.49ms	-

picker-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	674 kB	64.98ms - 70.02ms	-	unsure 🔍 -9% - +1% -6.38ms - +1.02ms
branch	651 kB	67.47ms - 72.89ms	unsure 🔍 -2% - +10% -1.02ms - +6.38ms	-

picker permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	997.63ms - 1019.89ms	-	faster ✔ 4% - 6% 38.39ms - 67.49ms
branch	776 kB	1052.33ms - 1071.07ms	slower ❌ 4% - 7% 38.39ms - 67.49ms	-

popover permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	147.09ms - 157.03ms	-	unsure 🔍 -8% - +0% -12.46ms - +0.10ms
branch	775 kB	154.41ms - 162.07ms	unsure 🔍 -0% - +8% -0.10ms - +12.46ms	-

progress-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	666 kB	61.73ms - 66.15ms	-	unsure 🔍 -7% - +2% -4.43ms - +1.51ms
branch	643 kB	63.41ms - 67.39ms	unsure 🔍 -2% - +7% -1.51ms - +4.43ms	-

radio permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	663 kB	76.34ms - 81.94ms	-	unsure 🔍 -7% - +3% -5.92ms - +2.52ms
branch	641 kB	77.68ms - 84.00ms	unsure 🔍 -3% - +8% -2.52ms - +5.92ms	-

search permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	737 kB	87.02ms - 92.66ms	-	faster ✔ 3% - 12% 3.10ms - 11.74ms
branch	714 kB	93.99ms - 100.53ms	slower ❌ 3% - 13% 3.10ms - 11.74ms	-

slider permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	741 kB	160.15ms - 167.21ms	-	faster ✔ 0% - 7% 0.37ms - 11.79ms
branch	718 kB	165.27ms - 174.25ms	slower ❌ 0% - 7% 0.37ms - 11.79ms	-

swatch permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	669 kB	36.02ms - 40.18ms	-	unsure 🔍 -13% - +3% -5.48ms - +1.16ms
branch	646 kB	37.67ms - 42.85ms	unsure 🔍 -3% - +15% -1.16ms - +5.48ms	-

switch permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	657 kB	41.60ms - 44.68ms	-	unsure 🔍 -6% - +4% -2.63ms - +1.87ms
branch	634 kB	41.87ms - 45.17ms	unsure 🔍 -4% - +6% -1.87ms - +2.63ms	-

table permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	802 kB	283.19ms - 293.21ms	-	unsure 🔍 -4% - +0% -12.19ms - +0.35ms
branch	754 kB	290.35ms - 297.89ms	unsure 🔍 -0% - +4% -0.35ms - +12.19ms	-

tabs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	683 kB	202.11ms - 214.41ms	-	unsure 🔍 -5% - +3% -9.81ms - +6.57ms
branch	660 kB	204.47ms - 215.29ms	unsure 🔍 -3% - +5% -6.57ms - +9.81ms	-

tags permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	712 kB	31.43ms - 34.97ms	-	unsure 🔍 -5% - +9% -1.78ms - +2.86ms
branch	689 kB	31.16ms - 34.16ms	unsure 🔍 -9% - +5% -2.86ms - +1.78ms	-

textfield permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	693 kB	50.67ms - 54.53ms	-	faster ✔ 4% - 14% 2.06ms - 8.02ms
branch	670 kB	55.36ms - 59.92ms	slower ❌ 4% - 15% 2.06ms - 8.02ms	-

toast permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	697 kB	74.76ms - 80.64ms	-	unsure 🔍 -9% - +1% -7.56ms - +0.96ms
branch	674 kB	77.92ms - 84.08ms	unsure 🔍 -1% - +10% -0.96ms - +7.56ms	-

tooltip permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	957 kB	87.47ms - 94.05ms	-	slower ❌ 13% - 24% 9.88ms - 17.84ms
branch	912 kB	74.67ms - 79.13ms	faster ✔ 11% - 19% 9.88ms - 17.84ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	831 kB	50.54ms - 52.30ms	-	unsure 🔍 -4% - +0% -1.93ms - +0.01ms
branch	789 kB	51.96ms - 52.80ms	unsure 🔍 -0% - +4% -0.01ms - +1.93ms	-

test-element permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	957 kB	148.35ms - 154.77ms	-	slower ❌ 13% - 18% 16.58ms - 24.02ms
branch	912 kB	129.38ms - 133.14ms	faster ✔ 11% - 16% 16.58ms - 24.02ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	933 kB	87.63ms - 91.29ms	-	faster ✔ 22% - 30% 25.72ms - 37.88ms
branch	887 kB	115.46ms - 127.06ms	slower ❌ 28% - 43% 25.72ms - 37.88ms	-

top-nav permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	689 kB	95.37ms - 102.55ms	-	faster ✔ 1% - 10% 0.79ms - 10.81ms
branch	666 kB	101.27ms - 108.25ms	slower ❌ 1% - 11% 0.79ms - 10.81ms	-

tray permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	817 kB	168.64ms - 178.24ms	-	unsure 🔍 -6% - +1% -10.78ms - +2.10ms
branch	775 kB	173.48ms - 182.08ms	unsure 🔍 -1% - +6% -2.10ms - +10.78ms	-

truncated permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	789 kB	112.26ms - 119.42ms	-	unsure 🔍 -7% - +1% -9.05ms - +1.25ms
branch	763 kB	116.03ms - 123.45ms	unsure 🔍 -1% - +8% -1.25ms - +9.05ms	-

Sep 16 '24 20:09 github-actions[bot]

🦋 Changeset detected

Latest commit: 1ae138936ee4b109383f7698ffacf8d2b8f46862

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

Jan 07 '25 14:01 changeset-bot[bot]

@nikkimk Can we close this?

Mar 19 '25 05:03 Rajdeepc