[DO NOT MERGE]: accessibility docs for SWC05

[nikkimk]

Description

Improving the accessibility documentation of components.

Related issue(s)

• fix(help-text): apply aria-live to ensure full help text is read to user #4210

Motivation and context

Documentation should provide more information and examples that demonstrate how to use the components accessibly.

How has this been tested?

• <sp-icon> - Review picker docs

• <sp-icons> - Review menu docs

• <sp-iconset> -Review help text docs

• <sp-icons-ui> - Review button docs

• <sp-icons-workflow> - 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?

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)
• 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. N/A
• 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.

[github-actions]

Branch preview

• Documentation Site
• Storybook

Visual regression test results

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

• High Contrast Mode | Medium | LTR
• Spectrum | Lightest | Medium | LTR
• Spectrum | Lightest | Medium | RTL
• Spectrum | Lightest | Large | LTR
• Spectrum | Lightest | Large | RTL
• Spectrum | Light | Medium | LTR
• Spectrum | Light | Medium | RTL
• Spectrum | Light | Large | LTR
• Spectrum | Light | Large | RTL
• Spectrum | Dark | Medium | LTR
• Spectrum | Dark | Medium | RTL
• Spectrum | Dark | Large | LTR
• Spectrum | Dark | Large | RTL
• Spectrum | Darkest | Medium | LTR
• Spectrum | Darkest | Medium | RTL
• Spectrum | Darkest | Large | LTR
• Spectrum | Darkest | Large | RTL
• Express | Lightest | Medium | LTR
• Express | Lightest | Medium | RTL
• Express | Lightest | Large | LTR
• Express | Lightest | Large | RTL
• Express | Light | Medium | LTR
• Express | Light | Medium | RTL
• Express | Light | Large | LTR
• Express | Light | Large | RTL
• Express | Dark | Medium | LTR
• Express | Dark | Medium | RTL
• Express | Dark | Large | LTR
• Express | Dark | Large | RTL
• Express | Darkest | Medium | LTR
• Express | Darkest | Medium | RTL
• Express | Darkest | Large | LTR
• Express | Darkest | Large | RTL
• Spectrum-two | Light | Medium | LTR
• Spectrum-two | Light | Medium | RTL
• Spectrum-two | Light | Large | LTR
• Spectrum-two | Light | Large | RTL
• Spectrum-two | Dark | Medium | LTR
• Spectrum-two | Dark | Medium | RTL
• Spectrum-two | Dark | Large | LTR
• Spectrum-two | Dark | Large | RTL

[github-actions]

Lighthouse scores

Category	Latest (report)	Main (report)	Branch (report)
Performance	0.99	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	225.40 kB	214.72 kB 🏆	214.721 kB
Scripts	55.195 kB	50.013 kB	49.946 kB 🏆
Stylesheet	34.226 kB	30.206 kB 🏆	30.256 kB
Document	6.18 kB	5.455 kB 🏆	5.474 kB
Font	126.998 kB	126.695 kB	126.695 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]

Pull Request Test Coverage Report for Build 10891900226

Details

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 98.18%

---

Totals
Change from base Build 10885766528:	0.0%
Covered Lines:	32522
Relevant Lines:	32960

---

💛 - Coveralls

[github-actions]

Tachometer results

Chrome

accordion permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	431 kB	75.45ms - 77.56ms	-	faster ✔ 7% - 10% 5.52ms - 8.27ms
branch	408 kB	82.52ms - 84.29ms	slower ❌ 7% - 11% 5.52ms - 8.27ms	-

action-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	501 kB	50.72ms - 53.81ms	-	faster ✔ 0% - 7% 0.06ms - 3.93ms
branch	477 kB	53.09ms - 55.42ms	slower ❌ 0% - 8% 0.06ms - 3.93ms	-

action-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	529 kB	68.87ms - 71.02ms	-	faster ✔ 3% - 7% 1.94ms - 5.25ms
branch	506 kB	72.28ms - 74.79ms	slower ❌ 3% - 8% 1.94ms - 5.25ms	-

action-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	552 kB	46.67ms - 53.23ms	-	unsure 🔍 -10% - +3% -5.35ms - +1.76ms
branch	529 kB	50.38ms - 53.11ms	unsure 🔍 -4% - +11% -1.76ms - +5.35ms	-

action-menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	669 kB	134.67ms - 137.45ms	-	faster ✔ 5% - 7% 7.05ms - 10.94ms
branch	648 kB	143.69ms - 146.41ms	slower ❌ 5% - 8% 7.05ms - 10.94ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	623 kB	65.21ms - 66.34ms	-	faster ✔ 5% - 8% 3.46ms - 5.38ms
branch	605 kB	69.42ms - 70.97ms	slower ❌ 5% - 8% 3.46ms - 5.38ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	622 kB	63.15ms - 64.21ms	-	faster ✔ 7% - 10% 4.83ms - 6.68ms
branch	604 kB	68.69ms - 70.19ms	slower ❌ 8% - 11% 4.83ms - 6.68ms	-

test-open-close-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	815 kB	1879.59ms - 1883.25ms	-	slower ❌ 0% - 1% 6.16ms - 10.69ms
branch	791 kB	1871.65ms - 1874.33ms	faster ✔ 0% - 1% 6.16ms - 10.69ms	-

test-open-close permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	813 kB	1875.70ms - 1878.31ms	-	unsure 🔍 -0% - +0% -1.73ms - +2.38ms
branch	789 kB	1875.10ms - 1878.26ms	unsure 🔍 -0% - +0% -2.38ms - +1.73ms	-

alert-banner permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	439 kB	11.70ms - 12.23ms	-	unsure 🔍 -5% - +1% -0.64ms - +0.16ms
branch	415 kB	11.90ms - 12.50ms	unsure 🔍 -1% - +5% -0.16ms - +0.64ms	-

alert-dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	467 kB	102.40ms - 103.12ms	-	faster ✔ 2% - 4% 2.39ms - 4.02ms
branch	443 kB	105.23ms - 106.69ms	slower ❌ 2% - 4% 2.39ms - 4.02ms	-

breadcrumbs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	686 kB	475.69ms - 482.07ms	-	faster ✔ 1% - 3% 6.05ms - 14.93ms
branch	664 kB	486.27ms - 492.46ms	slower ❌ 1% - 3% 6.05ms - 14.93ms	-

button-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	458 kB	41.41ms - 42.30ms	-	faster ✔ 4% - 7% 1.74ms - 2.97ms
branch	435 kB	43.79ms - 44.63ms	slower ❌ 4% - 7% 1.74ms - 2.97ms	-

button permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	464 kB	45.98ms - 47.02ms	-	faster ✔ 3% - 6% 1.58ms - 2.96ms
branch	441 kB	48.32ms - 49.22ms	slower ❌ 3% - 6% 1.58ms - 2.96ms	-

card permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	517 kB	37.63ms - 40.01ms	-	unsure 🔍 -5% - +2% -1.90ms - +0.93ms
branch	493 kB	38.54ms - 40.07ms	unsure 🔍 -2% - +5% -0.93ms - +1.90ms	-

checkbox permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	430 kB	38.17ms - 39.54ms	-	faster ✔ 1% - 5% 0.55ms - 2.14ms
branch	406 kB	39.79ms - 40.60ms	slower ❌ 1% - 6% 0.55ms - 2.14ms	-

coachmark permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	648 kB	88.81ms - 90.45ms	-	faster ✔ 4% - 6% 3.43ms - 5.57ms
branch	621 kB	93.45ms - 94.82ms	slower ❌ 4% - 6% 3.43ms - 5.57ms	-

color-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	502 kB	41.16ms - 41.87ms	-	faster ✔ 3% - 6% 1.24ms - 2.52ms
branch	479 kB	42.86ms - 43.92ms	slower ❌ 3% - 6% 1.24ms - 2.52ms	-

combobox permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	731 kB	36.51ms - 36.91ms	-	faster ✔ 2% - 4% 0.93ms - 1.52ms
branch	705 kB	37.72ms - 38.15ms	slower ❌ 3% - 4% 0.93ms - 1.52ms	-

light-dom-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	732 kB	376.88ms - 381.82ms	-	faster ✔ 2% - 4% 6.69ms - 14.30ms
branch	706 kB	386.95ms - 392.73ms	slower ❌ 2% - 4% 6.69ms - 14.30ms	-

contextual-help permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	658 kB	48.67ms - 49.67ms	-	faster ✔ 6% - 9% 3.14ms - 4.56ms
branch	633 kB	52.51ms - 53.53ms	slower ❌ 6% - 9% 3.14ms - 4.56ms	-

dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	524 kB	74.61ms - 75.19ms	-	faster ✔ 0% - 1% 0.26ms - 1.11ms
branch	500 kB	75.27ms - 75.89ms	slower ❌ 0% - 1% 0.26ms - 1.11ms	-

field-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	436 kB	43.76ms - 45.93ms	-	unsure 🔍 -7% - +1% -3.29ms - +0.37ms
branch	412 kB	44.83ms - 47.78ms	unsure 🔍 -1% - +7% -0.37ms - +3.29ms	-

field-label permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	405 kB	20.12ms - 21.42ms	-	unsure 🔍 -10% - +2% -2.20ms - +0.38ms
branch	382 kB	20.57ms - 22.79ms	unsure 🔍 -2% - +11% -0.38ms - +2.20ms	-

help-text permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	401 kB	9.80ms - 10.02ms	-	faster ✔ 3% - 6% 0.27ms - 0.66ms
branch	378 kB	10.21ms - 10.53ms	slower ❌ 3% - 7% 0.27ms - 0.66ms	-

icon permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	409 kB	10.94ms - 11.08ms	-	faster ✔ 2% - 4% 0.24ms - 0.50ms
branch	385 kB	11.27ms - 11.49ms	slower ❌ 2% - 5% 0.24ms - 0.50ms	-

icons permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	386 kB	29.38ms - 29.70ms	-	faster ✔ 1% - 4% 0.23ms - 1.22ms
branch	364 kB	29.80ms - 30.73ms	slower ❌ 1% - 4% 0.23ms - 1.22ms	-

infield-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	417 kB	14.31ms - 14.57ms	-	faster ✔ 7% - 10% 1.08ms - 1.55ms
branch	393 kB	15.55ms - 15.95ms	slower ❌ 7% - 11% 1.08ms - 1.55ms	-

menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	494 kB	204.43ms - 206.80ms	-	faster ✔ 2% - 3% 4.14ms - 7.29ms
branch	471 kB	210.29ms - 212.37ms	slower ❌ 2% - 4% 4.14ms - 7.29ms	-

meter permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	421 kB	46.58ms - 47.27ms	-	faster ✔ 4% - 6% 2.05ms - 3.12ms
branch	397 kB	49.10ms - 49.91ms	slower ❌ 4% - 7% 2.05ms - 3.12ms	-

number-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	539 kB	66.09ms - 67.34ms	-	faster ✔ 10% - 12% 7.07ms - 9.46ms
branch	516 kB	73.97ms - 76.00ms	slower ❌ 11% - 14% 7.07ms - 9.46ms	-

overlay permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	711 kB	426.10ms - 430.09ms	-	faster ✔ 1% - 2% 3.62ms - 10.20ms
branch	687 kB	432.39ms - 437.62ms	slower ❌ 1% - 2% 3.62ms - 10.20ms	-

directive-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	792 kB	22.21ms - 22.69ms	-	faster ✔ 7% - 10% 1.82ms - 2.45ms
branch	766 kB	24.38ms - 24.79ms	slower ❌ 8% - 11% 1.82ms - 2.45ms	-

element-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	782 kB	344.66ms - 347.87ms	-	faster ✔ 2% - 4% 6.53ms - 14.69ms
branch	755 kB	353.13ms - 360.63ms	slower ❌ 2% - 4% 6.53ms - 14.69ms	-

lazy-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	578 kB	41.40ms - 42.35ms	-	faster ✔ 6% - 10% 2.77ms - 4.40ms
branch	552 kB	44.80ms - 46.12ms	slower ❌ 7% - 11% 2.77ms - 4.40ms	-

picker-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	428 kB	25.26ms - 25.63ms	-	faster ✔ 4% - 6% 0.96ms - 1.57ms
branch	405 kB	26.47ms - 26.95ms	slower ❌ 4% - 6% 0.96ms - 1.57ms	-

picker permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	536 kB	492.86ms - 499.28ms	-	faster ✔ 2% - 4% 11.83ms - 22.05ms
branch	514 kB	509.04ms - 516.99ms	slower ❌ 2% - 4% 11.83ms - 22.05ms	-

popover permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	396 kB	11.13ms - 11.75ms	-	unsure 🔍 -11% - -0% -1.42ms - +0.03ms
branch	374 kB	11.48ms - 12.80ms	unsure 🔍 -0% - +13% -0.03ms - +1.42ms	-

progress-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	422 kB	27.88ms - 28.88ms	-	faster ✔ 1% - 5% 0.31ms - 1.45ms
branch	398 kB	28.99ms - 29.53ms	slower ❌ 1% - 5% 0.31ms - 1.45ms	-

radio permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	421 kB	34.42ms - 39.82ms	-	unsure 🔍 -9% - +6% -3.52ms - +2.32ms
branch	398 kB	36.61ms - 38.83ms	unsure 🔍 -6% - +10% -2.32ms - +3.52ms	-

search permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	487 kB	39.03ms - 41.44ms	-	faster ✔ 1% - 8% 0.40ms - 3.44ms
branch	463 kB	41.22ms - 43.09ms	slower ❌ 1% - 9% 0.40ms - 3.44ms	-

slider permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	495 kB	75.57ms - 76.90ms	-	faster ✔ 3% - 7% 2.57ms - 5.66ms
branch	471 kB	78.96ms - 81.74ms	slower ❌ 3% - 7% 2.57ms - 5.66ms	-

split-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	749 kB	1863.50ms - 1867.99ms	-	unsure 🔍 -0% - +0% -4.91ms - +1.95ms
branch	724 kB	1864.63ms - 1869.82ms	unsure 🔍 -0% - +0% -1.95ms - +4.91ms	-

swatch permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	422 kB	13.22ms - 13.47ms	-	faster ✔ 9% - 12% 1.29ms - 1.74ms
branch	399 kB	14.67ms - 15.04ms	slower ❌ 10% - 13% 1.29ms - 1.74ms	-

switch permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	414 kB	14.58ms - 15.36ms	-	faster ✔ 3% - 11% 0.43ms - 1.82ms
branch	391 kB	15.53ms - 16.68ms	slower ❌ 3% - 12% 0.43ms - 1.82ms	-

table permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	546 kB	116.78ms - 118.88ms	-	faster ✔ 2% - 5% 2.59ms - 6.19ms
branch	497 kB	120.76ms - 123.68ms	slower ❌ 2% - 5% 2.59ms - 6.19ms	-

tabs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	441 kB	108.61ms - 110.81ms	-	unsure 🔍 -2% - +0% -2.36ms - +0.16ms
branch	417 kB	110.20ms - 111.42ms	unsure 🔍 -0% - +2% -0.16ms - +2.36ms	-

tags permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	465 kB	12.16ms - 12.75ms	-	unsure 🔍 -5% - +3% -0.61ms - +0.35ms
branch	441 kB	12.21ms - 12.96ms	unsure 🔍 -3% - +5% -0.35ms - +0.61ms	-

textfield permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	447 kB	23.86ms - 24.41ms	-	faster ✔ 9% - 11% 2.28ms - 3.07ms
branch	424 kB	26.53ms - 27.10ms	slower ❌ 9% - 13% 2.28ms - 3.07ms	-

toast permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	445 kB	26.54ms - 27.38ms	-	faster ✔ 3% - 6% 0.80ms - 1.78ms
branch	421 kB	28.00ms - 28.50ms	slower ❌ 3% - 7% 0.80ms - 1.78ms	-

tooltip permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	590 kB	33.88ms - 34.46ms	-	faster ✔ 4% - 6% 1.51ms - 2.36ms
branch	564 kB	35.79ms - 36.41ms	slower ❌ 4% - 7% 1.51ms - 2.36ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	548 kB	23.01ms - 23.53ms	-	faster ✔ 6% - 9% 1.42ms - 2.27ms
branch	525 kB	24.77ms - 25.45ms	slower ❌ 6% - 10% 1.42ms - 2.27ms	-

test-element permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	673 kB	51.54ms - 52.47ms	-	faster ✔ 5% - 7% 2.67ms - 3.98ms
branch	648 kB	54.87ms - 55.79ms	slower ❌ 5% - 8% 2.67ms - 3.98ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	649 kB	42.13ms - 43.03ms	-	faster ✔ 5% - 8% 2.27ms - 3.64ms
branch	624 kB	45.01ms - 46.05ms	slower ❌ 5% - 9% 2.27ms - 3.64ms	-

top-nav permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	447 kB	38.50ms - 39.42ms	-	faster ✔ 1% - 4% 0.48ms - 1.78ms
branch	423 kB	39.62ms - 40.55ms	slower ❌ 1% - 5% 0.48ms - 1.78ms	-

truncated permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	546 kB	56.67ms - 59.84ms	-	faster ✔ 2% - 10% 1.06ms - 6.11ms
branch	520 kB	59.88ms - 63.81ms	slower ❌ 2% - 11% 1.06ms - 6.11ms	-

Firefox

accordion permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	431 kB	164.09ms - 171.51ms	-	faster ✔ 4% - 9% 7.37ms - 16.27ms
branch	408 kB	177.16ms - 182.08ms	slower ❌ 4% - 10% 7.37ms - 16.27ms	-

action-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	501 kB	112.65ms - 118.55ms	-	unsure 🔍 -6% - +0% -7.79ms - +0.11ms
branch	477 kB	116.82ms - 122.06ms	unsure 🔍 -0% - +7% -0.11ms - +7.79ms	-

action-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	529 kB	144.98ms - 155.30ms	-	faster ✔ 1% - 9% 2.15ms - 14.85ms
branch	506 kB	154.93ms - 162.35ms	slower ❌ 1% - 10% 2.15ms - 14.85ms	-

action-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	552 kB	112.17ms - 118.91ms	-	faster ✔ 1% - 9% 1.39ms - 10.77ms
branch	529 kB	118.36ms - 124.88ms	slower ❌ 1% - 9% 1.39ms - 10.77ms	-

action-menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	669 kB	278.00ms - 281.28ms	-	faster ✔ 11% - 13% 34.39ms - 40.65ms
branch	648 kB	314.49ms - 319.83ms	slower ❌ 12% - 15% 34.39ms - 40.65ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	623 kB	132.93ms - 135.23ms	-	unsure 🔍 -2% - +0% -3.00ms - +0.04ms
branch	605 kB	134.57ms - 136.55ms	unsure 🔍 -0% - +2% -0.04ms - +3.00ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	622 kB	132.30ms - 138.66ms	-	unsure 🔍 -1% - +4% -1.53ms - +5.85ms
branch	604 kB	131.45ms - 135.19ms	unsure 🔍 -4% - +1% -5.85ms - +1.53ms	-

test-open-close-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	815 kB	1902.02ms - 1910.94ms	-	slower ❌ 1% - 1% 10.98ms - 21.74ms
branch	791 kB	1887.11ms - 1893.13ms	faster ✔ 1% - 1% 10.98ms - 21.74ms	-

test-open-close permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	813 kB	1896.75ms - 1901.01ms	-	unsure 🔍 -0% - +0% -2.35ms - +3.75ms
branch	789 kB	1895.99ms - 1900.37ms	unsure 🔍 -0% - +0% -3.75ms - +2.35ms	-

alert-banner permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	439 kB	30.09ms - 32.67ms	-	unsure 🔍 -5% - +8% -1.37ms - +2.49ms
branch	415 kB	29.38ms - 32.26ms	unsure 🔍 -8% - +4% -2.49ms - +1.37ms	-

alert-dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	467 kB	198.04ms - 205.44ms	-	unsure 🔍 -4% - +1% -8.62ms - +1.34ms
branch	443 kB	202.05ms - 208.71ms	unsure 🔍 -1% - +4% -1.34ms - +8.62ms	-

breadcrumbs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	686 kB	779.43ms - 787.85ms	-	faster ✔ 2% - 5% 15.62ms - 36.98ms
branch	664 kB	800.12ms - 819.76ms	slower ❌ 2% - 5% 15.62ms - 36.98ms	-

button-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	458 kB	92.24ms - 97.80ms	-	faster ✔ 4% - 12% 3.82ms - 12.10ms
branch	435 kB	99.92ms - 106.04ms	slower ❌ 4% - 13% 3.82ms - 12.10ms	-

button permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	464 kB	102.08ms - 108.40ms	-	faster ✔ 2% - 10% 2.53ms - 10.87ms
branch	441 kB	109.21ms - 114.67ms	slower ❌ 2% - 10% 2.53ms - 10.87ms	-

card permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	517 kB	69.26ms - 72.70ms	-	unsure 🔍 -5% - +0% -3.80ms - +0.08ms
branch	493 kB	71.94ms - 73.74ms	unsure 🔍 -0% - +5% -0.08ms - +3.80ms	-

checkbox permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	430 kB	92.44ms - 97.32ms	-	unsure 🔍 -5% - +2% -5.23ms - +1.87ms
branch	406 kB	93.98ms - 99.14ms	unsure 🔍 -2% - +6% -1.87ms - +5.23ms	-

coachmark permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	648 kB	181.82ms - 186.02ms	-	faster ✔ 4% - 7% 8.14ms - 14.02ms
branch	621 kB	192.95ms - 197.05ms	slower ❌ 4% - 8% 8.14ms - 14.02ms	-

color-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	510 kB	76.50ms - 78.06ms	-	faster ✔ 2% - 6% 1.36ms - 4.52ms
branch	487 kB	78.85ms - 81.59ms	slower ❌ 2% - 6% 1.36ms - 4.52ms	-

combobox permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	731 kB	63.48ms - 68.80ms	-	slower ❌ 2% - 11% 1.36ms - 6.84ms
branch	705 kB	61.37ms - 62.71ms	faster ✔ 2% - 10% 1.36ms - 6.84ms	-

light-dom-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	732 kB	716.21ms - 725.71ms	-	slower ❌ 1% - 4% 5.57ms - 28.31ms
branch	706 kB	693.70ms - 714.34ms	faster ✔ 1% - 4% 5.57ms - 28.31ms	-

contextual-help permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	658 kB	109.41ms - 116.07ms	-	faster ✔ 1% - 8% 0.73ms - 9.59ms
branch	633 kB	114.98ms - 120.82ms	slower ❌ 1% - 9% 0.73ms - 9.59ms	-

dialog permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	524 kB	120.33ms - 128.55ms	-	unsure 🔍 -5% - +4% -6.01ms - +5.09ms
branch	500 kB	121.17ms - 128.63ms	unsure 🔍 -4% - +5% -5.09ms - +6.01ms	-

field-group permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	436 kB	105.95ms - 112.09ms	-	unsure 🔍 -5% - +3% -5.97ms - +3.21ms
branch	412 kB	106.98ms - 113.82ms	unsure 🔍 -3% - +6% -3.21ms - +5.97ms	-

field-label permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	405 kB	53.68ms - 57.64ms	-	unsure 🔍 -7% - +3% -3.76ms - +1.96ms
branch	382 kB	54.49ms - 58.63ms	unsure 🔍 -4% - +7% -1.96ms - +3.76ms	-

help-text permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	401 kB	20.20ms - 21.96ms	-	unsure 🔍 -7% - +3% -1.58ms - +0.62ms
branch	378 kB	20.90ms - 22.22ms	unsure 🔍 -3% - +8% -0.62ms - +1.58ms	-

icon permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	409 kB	26.57ms - 28.91ms	-	unsure 🔍 -6% - +5% -1.65ms - +1.49ms
branch	385 kB	26.77ms - 28.87ms	unsure 🔍 -5% - +6% -1.49ms - +1.65ms	-

icons permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	386 kB	50.94ms - 52.86ms	-	unsure 🔍 -4% - +2% -2.07ms - +1.15ms
branch	364 kB	51.06ms - 53.66ms	unsure 🔍 -2% - +4% -1.15ms - +2.07ms	-

infield-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	417 kB	33.35ms - 35.77ms	-	faster ✔ 1% - 9% 0.37ms - 3.35ms
branch	393 kB	35.54ms - 37.30ms	slower ❌ 1% - 10% 0.37ms - 3.35ms	-

menu permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	494 kB	428.09ms - 441.27ms	-	faster ✔ 0% - 5% 0.46ms - 23.74ms
branch	471 kB	437.18ms - 456.38ms	slower ❌ 0% - 5% 0.46ms - 23.74ms	-

meter permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	421 kB	81.31ms - 85.93ms	-	unsure 🔍 -6% - +2% -5.24ms - +1.96ms
branch	397 kB	82.49ms - 88.03ms	unsure 🔍 -2% - +6% -1.96ms - +5.24ms	-

number-field permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	539 kB	143.16ms - 149.12ms	-	faster ✔ 7% - 12% 10.58ms - 18.78ms
branch	516 kB	158.00ms - 163.64ms	slower ❌ 7% - 13% 10.58ms - 18.78ms	-

overlay permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	789 kB	631.96ms - 647.24ms	-	slower ❌ 2% - 5% 13.61ms - 30.15ms
branch	762 kB	614.55ms - 620.89ms	faster ✔ 2% - 5% 13.61ms - 30.15ms	-

directive-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	792 kB	45.90ms - 46.54ms	-	faster ✔ 5% - 8% 2.52ms - 4.00ms
branch	766 kB	48.82ms - 50.14ms	slower ❌ 5% - 9% 2.52ms - 4.00ms	-

element-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	782 kB	653.57ms - 661.11ms	-	slower ❌ 4% - 5% 23.46ms - 33.38ms
branch	755 kB	625.70ms - 632.14ms	faster ✔ 4% - 5% 23.46ms - 33.38ms	-

lazy-test permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	578 kB	95.14ms - 103.74ms	-	slower ❌ 1% - 11% 1.36ms - 10.20ms
branch	552 kB	92.66ms - 94.66ms	faster ✔ 2% - 10% 1.36ms - 10.20ms	-

picker-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	428 kB	54.41ms - 57.83ms	-	faster ✔ 5% - 14% 2.57ms - 9.19ms
branch	405 kB	59.16ms - 64.84ms	slower ❌ 4% - 17% 2.57ms - 9.19ms	-

picker permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	536 kB	986.30ms - 1018.06ms	-	faster ✔ 3% - 7% 35.72ms - 69.04ms
branch	514 kB	1049.54ms - 1059.58ms	slower ❌ 3% - 7% 35.72ms - 69.04ms	-

popover permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	396 kB	29.54ms - 33.30ms	-	unsure 🔍 -5% - +12% -1.59ms - +3.67ms
branch	374 kB	28.54ms - 32.22ms	unsure 🔍 -12% - +5% -3.67ms - +1.59ms	-

progress-bar permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	422 kB	58.01ms - 60.83ms	-	unsure 🔍 -6% - +2% -3.39ms - +0.99ms
branch	398 kB	58.94ms - 62.30ms	unsure 🔍 -2% - +6% -0.99ms - +3.39ms	-

radio permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	421 kB	72.05ms - 76.43ms	-	unsure 🔍 -5% - +3% -3.72ms - +1.96ms
branch	398 kB	73.31ms - 76.93ms	unsure 🔍 -3% - +5% -1.96ms - +3.72ms	-

search permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	487 kB	70.03ms - 74.13ms	-	faster ✔ 1% - 9% 0.68ms - 7.20ms
branch	463 kB	73.49ms - 78.55ms	slower ❌ 1% - 10% 0.68ms - 7.20ms	-

slider permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	495 kB	161.37ms - 167.95ms	-	unsure 🔍 -5% - +0% -8.42ms - +0.50ms
branch	471 kB	165.62ms - 171.62ms	unsure 🔍 -0% - +5% -0.50ms - +8.42ms	-

split-button permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	749 kB	1871.79ms - 1876.13ms	-	faster ✔ 0% - 1% 4.38ms - 11.14ms
branch	724 kB	1879.13ms - 1884.31ms	slower ❌ 0% - 1% 4.38ms - 11.14ms	-

swatch permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	422 kB	32.67ms - 35.41ms	-	unsure 🔍 -11% - -0% -3.90ms - +0.02ms
branch	399 kB	34.58ms - 37.38ms	unsure 🔍 -0% - +12% -0.02ms - +3.90ms	-

switch permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	414 kB	34.45ms - 36.51ms	-	faster ✔ 3% - 13% 1.16ms - 4.92ms
branch	391 kB	36.95ms - 40.09ms	slower ❌ 3% - 14% 1.16ms - 4.92ms	-

table permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	546 kB	270.32ms - 278.40ms	-	unsure 🔍 -4% - +1% -10.32ms - +1.60ms
branch	497 kB	274.33ms - 283.11ms	unsure 🔍 -1% - +4% -1.60ms - +10.32ms	-

tabs permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	441 kB	198.76ms - 208.52ms	-	unsure 🔍 -4% - +2% -8.84ms - +4.92ms
branch	417 kB	200.75ms - 210.45ms	unsure 🔍 -2% - +4% -4.92ms - +8.84ms	-

tags permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	465 kB	28.33ms - 30.91ms	-	unsure 🔍 -7% - +6% -2.11ms - +1.87ms
branch	441 kB	28.23ms - 31.25ms	unsure 🔍 -6% - +7% -1.87ms - +2.11ms	-

textfield permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	447 kB	48.12ms - 52.04ms	-	unsure 🔍 -7% - +3% -3.34ms - +1.46ms
branch	424 kB	49.63ms - 52.41ms	unsure 🔍 -3% - +7% -1.46ms - +3.34ms	-

toast permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	445 kB	60.34ms - 64.06ms	-	faster ✔ 2% - 11% 1.32ms - 7.12ms
branch	421 kB	64.20ms - 68.64ms	slower ❌ 2% - 12% 1.32ms - 7.12ms	-

tooltip permalink

test-basic

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	673 kB	79.86ms - 84.50ms	-	slower ❌ 11% - 17% 7.82ms - 12.58ms
branch	648 kB	71.44ms - 72.52ms	faster ✔ 10% - 15% 7.82ms - 12.58ms	-

test-directive permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	548 kB	45.94ms - 47.66ms	-	faster ✔ 11% - 20% 5.84ms - 11.72ms
branch	525 kB	52.77ms - 58.39ms	slower ❌ 12% - 25% 5.84ms - 11.72ms	-

test-element permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	673 kB	117.79ms - 124.69ms	-	unsure 🔍 -6% - +1% -7.40ms - +1.64ms
branch	648 kB	121.19ms - 127.05ms	unsure 🔍 -1% - +6% -1.64ms - +7.40ms	-

test-lazy permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	649 kB	90.69ms - 95.39ms	-	faster ✔ 4% - 10% 4.11ms - 10.45ms
branch	624 kB	98.20ms - 102.44ms	slower ❌ 4% - 11% 4.11ms - 10.45ms	-

top-nav permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	447 kB	88.40ms - 94.40ms	-	faster ✔ 2% - 11% 1.54ms - 10.50ms
branch	423 kB	94.09ms - 100.75ms	slower ❌ 2% - 12% 1.54ms - 10.50ms	-

truncated permalink

basic-test

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	546 kB	103.72ms - 109.92ms	-	faster ✔ 1% - 9% 1.55ms - 10.61ms
branch	520 kB	109.59ms - 116.21ms	slower ❌ 1% - 10% 1.55ms - 10.61ms	-

[Rajdeepc]

Thanks for doing this! This will definitely help improve the documentation guidelines for our library. Though I see issues with the css on the tabs. It would be great if you could take a look at those before we do an official review!